文档介绍：: .
恋爱说APP界⾯面设计规范
UI Kit framework中定义的组
件。了解这些组件的名字，作⽤和构成能够帮助你设计应⽤过
程中做出更好的决定。
界⾯基本组成元素包括：状态栏（ Status Bar） +导航栏
（ NavigationBar） +标签栏（ Tab Bar） /⼯具栏（ Tool
Tabs） +内容区域；AppStore、 Safari界⾯预览
icon
每⼀个应⽤程序需要的应⽤程序图标和启动⽂件或图像。此
外，⼀些应⽤程序需要⾃定义图标来表⽰应⽤程序的具体内
容，功能或模式的导航栏，⼯具栏和标签栏。
图标按照最⼤的尺⼨ 1024x1024px来设计，之后按⽐例缩⼩
到每个尺⼨，进⾏调整。提交没有⾼光和阴影的直⾓图形。
(如下图所⽰ )设计时，可⽤栅格系统来帮助设计：
苹果开发了具有⻩⾦分割⽐例的栅格系统，可⽤以正确地调整
和对⻬ icon上的元素。不过，甚⾄是苹果设计师的原⽣ App
icon也没有完全严格地遵守栅格系统。所以如果你的 icon上
的元素在没有严格遵守栅格系统的情况下能更好地展⽰，那你
可以考虑下打破⼀些固有的规则。
⼀个 APP所需提供以下 6种图标尺⼨： : .
恋爱说APP界⾯面设计规范
⼀一．概述
编写⺫⽬目的：编写iOS移动产品设计规范（以下简称“设计规
范”）主要是为了规范化公司移动产品设计，将常⽤用控件的设
计标准化，使其更符合iOS平台的特性，降低⽤用户的学****成
本。
此外，也能让产品、UI、开发⼈人员在产品细节上达成共识，减
少沟通成本，提升开发效率。
主要⾯面向对象：产品⼈人员、UI设计师、交互设计师、开发⼈人
员。
适⽤用范围：iOS平台上所有APP与⼤大多数移动版⺴⽹网⻚页。
⼆二．设计原则
依从：⽤用户界⾯面（UI）应当有助于⽤用户理解内容并与之互动，
⽽而⾮非对抗。
清晰：⽂文字在每种字号下都易于阅读，图标表意准确清晰，装 : .
恋爱说APP界⾯面设计规范
⼀一．概述
编写⺫⽬目的：编写iOS移动产品设计规范（以下简称“设计规
范”）主要是为了规范化公司移动产品设计，将常⽤用控件的设
计标准化，使其更符合iOS平台的特性，降低⽤用户的学****成
本。
此外，也能让产品、UI、开发⼈人员在产品细节上达成共识，减
少沟通成本，提升开发效率。
主要⾯面向对象：产品⼈人员、UI设计师、交互设计师、开发⼈人