美文网首页
5. 从小程序设计指南看界面设计常用字体规范

5. 从小程序设计指南看界面设计常用字体规范

作者: Minus | 来源:发表于2016-12-22 13:59 被阅读68次

    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表示辅助信息,可以忽略的内容。

    欢迎关注

    相关文章

      网友评论

          本文标题:5. 从小程序设计指南看界面设计常用字体规范

          本文链接:https://www.haomeiwen.com/subject/mmmcvttx.html