一、字体规范

  1. ios 苹方 Helevatica 京东黑体/DIN
  2. android 思源黑体 roboto 京东黑体/DIN
  3. web 微软雅黑

二、状态栏(一级、二级标题36px)

  1. iphone6/7/8 状态栏:40+88=128
  2. iPhone10 状态栏:88+88=176
    UI-第一节课

三、tab栏

  1. 四个图标就四等分,三个图标就三等分

UI-第一节课

四、切图导出

  1. 最小点击(导出)为48,必须遵守

UI-第一节课

五、亲密距离、疏远距离

以750x1334为设计稿,

  • 亲密距离:0-20px;
  • 疏远距离:30-无上限px;
  • 距离两边20/24(建议)/30

标题

六、分割线

  1. 分割线最低为2px,边框色拿不准可截图吸取,建立自己的规范
    UI-第一节课

七、字号参考

UI-第一节课
UI-第一节课

八、小模块规范

  • 字体模块规范

UI-第一节课

  • 间距模块规范

UI-第一节课
UI-第一节课

相关文章: