在设计时,遵循一致性原则。同样的组件类别使用同样的视觉处理。目前视觉规范包括颜色和字体的制定。
颜色
提倡尽可能少的使用复杂的色板,更好地通过颜色引导用户,构建干净的使用体验。
灰度颜色
针对正文和图标,分隔线、背景等元素和组件,根据不同的使用场景使用恰当的正文灰色。
色板
为了满足不同颜色在不同颜色背景下能够正常显示,以标准色为基准,分别取3款暗色和3款亮色。
暗色为黑色叠加,亮色为白色叠加。
B序号的蓝色为品牌专色。作为重要组件颜色使用。
GN序号的绿色属于认可专色,通常用于一些操作确认,状态确认等组件或场景中。
R序号的红色属于警示专色,通常用于异常危险操作,以及一些警告提醒等组件或场景。
字体
字体类型
制定字体使用规范,统一视觉与排版效果。
在 macOS 与 iOS 平台下,使用苹方 (PingFang)作为中文字体。
在 Windows 平台下 ,使用微软雅黑(Microsoft YaHei)作为中文字体。
在 Android 平台下,使用思源黑体(SourceHanSansCN)作为中文字体。
创建人 | 苏寒 |
文档编辑权限 | 创建者私有 |
文档阅读权限 | 来自分类 |
分类阅读权限 | 所有人 |
分类编辑权限 | 所有人 |
分类审核权限 | 无 |
修改日期 | 修改人 | 备注 |
2019-06-17 17:43:11[当前版本] | 苏寒 | 排版 |
2019-06-17 17:41:30 | 苏寒 | 排版 |
2019-06-17 17:39:25 | 苏寒 | CREAT |