小程序开发教程之小程序字体和图标如何设计?

来源:A5创业网 时间:2018-09-14

小程序本身定义为一种轻量工具,功能不多但能满足用户基本需求,因此开发者在开发小程序时,需要在视觉设计上花费功夫,无需设计得太过复杂,因此在不同的页面尽量使用一致的控件和交互方式,特别是在字体和图标的设计上,可使用使用微信提供的标准控件,以达到统一稳定的目的。

那么开发小程序时,字体和图标该如何设计呢?

微信内字体的使用与所运行的系统字体保持一致,常用字号为20, 18, 17, 16,14 13, 11(pt),使用场景具体如下:

字体颜色

主内容 Black 黑色,次要内容 Grey 灰色;时间戳与表单缺省值 Light 灰色;大段的说明内容而且属于主要内容用 Semi 黑。

蓝色为链接用色,绿色为完成字样色,红色为出错用色 Press 与 Disable 状态分别降低透明度为20%与10%。

列表

表单输入

按钮

图标

更多小程序开发教程点击这里,助力开发者顺利开发小程序!

项目推荐

A5创业网 版权所有

返回顶部