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. 列表

注意主次分明：文字层次、间距留白、图形元素。