微信小程序教程
2.5 视觉规范
阅读(

微信小程序介绍

微信小程序设计指南

友好礼貌

清晰明确

便捷优雅

统一稳定

视觉规范

1. 字体规范

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

1)字体颜色

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

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

2. 列表视觉规范

3. 表单输入视觉规范

4. 按钮使用原则

5. 图标使用原则

如果本教程对您帮助很大,请随意打赏。您的支持,将鼓励我们提供更好的教程!

← 键盘方向键翻页 →
返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验