5. 从小程序设计指南看界面设计常用字体规范
2016-12-22 本文已影响68人
Minus
1. 小程序字号标准
字体的使用与所运行的系统字体保持一致,常用字号为20, 18, 17, 16,14 13, 11(pt),使用场景具体如下:
微信小程序字号标准2. 小程序字体颜色标准
主内容 Black 黑色,次要内容 Grey 灰色;时间戳与表单缺省值 Light 灰色;大段的说明内容而且属于主要内容用 Semi 黑;
微信字体颜色3. 微信中的应用
消息列表字号颜色 零钱字号颜色-
导航,主标题字号:20pt
-
内文展示:一般分为三个层级,正文,副文,提示小字,字号由大到小,颜色由浅到深
正文--一级内容:17pt, black,#000000
副文--二级内容:14pt,gery,#888888
小字--三级内容:13pt,light,#b2b2b2 ,辅助信息 -
主操作,大按钮:18pt
数字:40pt
链接:13pt
版权信息:11pt -
背景色:#EBEBEB
分割线:#F8F8F8
4. 其他应用
网易云音乐 百度外卖字体大小是瞎标的……
可以看出基本上所有内容按重要程度可分为3个层级:重要,一般,较弱,所以3种大小的字体可以适用于80%的文字,再加设特大,特小来描述需重点强化或非常弱化的内容,就已经足够完整表述信息。
依据小程序设计指南,可以用17pt,14pt,13pt表示重要,一般,较弱;20pt特大表示最重要内容,11pt表示辅助信息,可以忽略的内容。
欢迎关注