黑马程序员技术交流社区

标题: 【武汉校区】微信小程序设计指南 [打印本页]

---

作者: 武汉分校-小舞    时间: 2018-11-28 15:49
标题: 【武汉校区】微信小程序设计指南


概要基于微信小程序轻快的特点，我们拟定了小程序界面设计指南和建议。 设计指南建立在充分尊重用户知情权与操作权的基础之上。旨在微信生态体系内，建立友好、高效、一致的用户体验，同时最大程度适应和支持不同需求，实现用户与小程序服务方的共赢。
友好礼貌
为了避免用户在微信中使用小程序服务时，注意力被周围复杂环境干扰，小程序在设计时应该注意减少无关的设计元素对用户目标的干扰，礼貌地向用户展示程序提供的服务，友好地引导用户进行操作。
重点突出
视觉规范字体
微信内字体的使用与所运行的系统字体保持一致，常用字号为20, 18, 17, 16,14 13, 11(pt)，使用场景具体如下：

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

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

列表
表单输入
按钮



图标

[size=10.5000pt]

图片31.png (135.21 KB, 下载次数: 28)

下载附件

2018-11-28 15:44 上传

---

作者: bxp0777@163.com    时间: 2022-11-24 23:15
楼主辛苦了

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2