1. 尺寸和单位
设计尺寸：750 x 1334 ，状态栏高40px，导航栏高88px ，标签栏高98px。
ios中的单位：pt
- 在@2x里，1pt = 2px
- 在@3x里，1pt = 3px
所以设计以2x为准，导出3x的时候仅需放大1.5倍。
2. 字体
中文：苹方
英文：苹方/Helvetica
大小（参考）：标题32px 粗体，正文28px常规，副文24px常规
注意点：字重、字号、颜色
3. tab图标
@1x ： 24 x 24px
@2x ： 24 x 48px
@3x ： 24 x 72px
这里的尺寸是指导出尺寸。实际上ios @2x图标设计尺寸是44 x 44px，为了在安卓系统能适配，统一成48px，四周多余的4px，用空白像素填充即可。
4. 按钮四态
按钮有四态：默认、点击、禁用、忙碌
- 默认：主题色/体现行为/情绪的颜色
- 点击：加上黑色遮罩，透明度
20% - 40% - 禁用：灰化
- 忙碌：加上图标
5. 命名规范
页面_组件_描述_状态@倍数
6. 标签
- 高度：
28 - 32px尽量与标签上文字同高 - 字体：
22 - 24px 中粗体 - 字体与边框的间距：
上下4px，左右6px。
7. 兜底加载
目的：当网络较卡使图片加载不出来时候，为避免客户焦虑，优先出来文字，把图片以灰色块代替。（有点类似于原型图）
试用的场景：banner / icon / 瓷片 / 列表 / 详情图 / 评价配图
方法：色块 + 图标
- 色值：
#e5e5e5 - 图标：
logo 、 品牌吉祥物
8. 特殊字体
- 在某些版块，根据场景把字体变形
- 或者使用字体包
9. 分割线
（1）线性分割：色值#e5e5e5 ，用于相同内容的分割
（2）背景色分割：色值#848484 ，用于 不同版块之间的分割
（3）浮层卡片分割（常用弥散型阴影，不是默认）
- 复制圆角矩形，置于下方羽化
- 羽化值：24 - 36px
- 下移缩放
10. 列表
注意主次分明：文字层次、间距留白、图形元素。
