一、字体规范

  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-第一节课

相关文章:

  • 2021-07-11
  • 2021-12-29
  • 2021-12-18
  • 2021-07-06
  • 2021-04-09
  • 2021-12-31
  • 2022-12-23
  • 2021-09-15
猜你喜欢
  • 2021-11-21
  • 2021-07-07
相关资源
相似解决方案