微信小程序视觉规范有哪些

微信小程序制作开发人员在制作小程序时要考虑到用户体验的视觉效果,最好能遵循一些微信小程序视觉规范。这里分享了一下字体、颜色、色板、列表、按钮等方面的视觉规范,分享给大家。

1. 字体

微信内字体的使用与所运行的系统字体保持一致,常用字号为22、17、15、14、12(pt),使用场景具体如下:

微信小程序视觉规范字体

字体颜色

字体颜色

2. 色板

微信小程序视觉规范色板

3. 列表

列表

不同列表标注的小程序视觉规范

不同列表间距

只读型表单

输入型表单

4. 按钮
小程序的按钮视觉规范

按钮状态对比

5. 图标
图标

小程序Title Bar按钮

推荐阅读:

微信小程序设计指南与建议

微信小程序页面设计有哪些注意事项?


声明:本站部分文章来源于互联网,如有侵犯作者著作权,请及时与我们联系。

木鱼小铺小程序

为您推荐