小程序本身定义为一种轻量工具,功能不多但能满足用户基本需求,因此开发者在开发小程序时,需要在视觉设计上花费功夫,无需设计得太过复杂,因此在不同的页面尽量使用一致的控件和交互方式,特别是在字体和图标的设计上,可使用使用微信提供的标准控件,以达到统一稳定的目的。
那么开发小程序时,字体和图标该如何设计呢?
微信内字体的使用与所运行的系统字体保持一致,常用字号为20, 18, 17, 16,14 13, 11(pt),使用场景具体如下:
字体颜色
主内容 Black 黑色,次要内容 Grey 灰色;时间戳与表单缺省值 Light 灰色;大段的说明内容而且属于主要内容用 Semi 黑。
蓝色为链接用色,绿色为完成字样色,红色为出错用色 Press 与 Disable 状态分别降低透明度为20%与10%。
列表
表单输入
按钮
图标
更多小程序开发教程点击这里,助力开发者顺利开发小程序!
A5创业网 版权所有