UI-第一节课

一、字体规范

1、iOS目前自带的中文字体是pifang(平方)，英文数字字符是Helvetica（这二款字体不可随意使用，在iOS中使用）

2、Android目前自带的中文字体是Noto Sans Han(思源黑体)；英文数字字符是 Roboto（这二款字体都不亲版权随意使用）

3、平常设计数字字体用din/京东黑体（仅仅个人使用）

出效果图时把字体设置为上述字体能达到最佳还原效果.

4、 web 微软雅黑

二、状态栏（一级、二级标题字号36px）

1. iphone6/7/8 状态栏：40+88=128
2. iPhone10 状态栏：88+88=176
   

三、tab栏

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

四、切图导出

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

五、亲密距离、疏远距离

以750x1334为设计稿，

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

标题

六、分割线

1. 分割线最低为2px，边框色拿不准可截图吸取，建立自己的规范
   

七、字号参考

八、模块规范

• 字体模块规范

• 间距模块规范