APP规范

做核心界面规范

对控件、字体、间距、色值、质感、品牌等元素规范。
28原则,制定80%的规范,其他可无需规范。
规范须及时更新迭代,保持品牌与时俱进。

设计规范

1. 配色

主色、辅色。基础色:常用黑白灰色值。可视化标记,方便后期使用。

2. 字体

建议不超过2个字体,特殊字体使用场景须特殊说明。
一般字体、
强调字体(标题、表头等)、
小号字体(地址、时间、提示文字等)、
大号(正文)、
特大号(顶栏标题,大btn)。

3. 字体颜色

不超过五种颜色
深灰 #333333 正文
浅灰色 #8e8e8e 次级文字
弱灰色 #bbbbbb 提示类
白色 #ffffff 按钮上文字

4. 间距

40px 不同组间隔
30px 同组内容一般间隔
20px 同组次级内容亲密间隔
10px 特密间隔

5. 图标

保持整体视觉上的统一,务必减少细节,严谨简约,示意能够减低用户认知成本,清晰醒目。
确保输出图标尺寸一致,标注尺寸一致。空心与实心图标确保轮廓大小一致。注明,未选中状态、选中状态、描边大小及配色等。

6. 文案

大多数情况下使用第二人称,像在与用户对话
表示用户专属区域的用第一人称
邮件、通知、公告可使用您,表达尊敬及专业。
考虑使用场景,文案尽量精简,少用被动语态。比如:保存修改?而否:你是否需要保存当前的修改?

7.控件

标签栏
选项卡
导航栏
常规列表、图标+列表、
文本段落
搜索
按钮
表单
图片
弹窗
时间、地址、
缺省页、错误页

Comments
Write a Comment