微信小程序UI设计规范（下）

1.本课学习视觉规范第一点，字体规范，微信内字体的使用与所运行的系统字体保持一致，常用字号为20,18,17,16,14,13,11（pt）,图片为换算完成数值乘2倍，具体如图所示。

2.如果觉得换算麻烦，可以选择查看苹果手机数据规范，查看字体规范，参考数值具体如图所示。

3.微信界面列表尺寸距离，第一栏为表头，参考数值具体如图所示。

4.标题框默认标准是五个字，长度【58px】，标题与输入框文字要距离【5px】，如果标题太长需要保持其他间距正常，参考数值具体如图所示。

5.颜色参考官方给出的颜色，有品牌色，例如支付宝，也可以使用品牌色来做，参考数值具体如图所示。

6.字体颜色数值，字体颜色可以分为三个等级，【主要文字】【正文文字】【次要文字】，文字数值不好记，教大家一个口诀【369】。