色彩-Color
色彩是视觉体验中最重要的一条信息通道。合理地使用颜色可以加强大脑对物件的响应与感知。我们提倡尽可能少的使用复杂的色板,以帮助用户更有效地用颜色区分功能类型。
主题色&辅助色
主题色与辅助色的选取应根据企业形象色而定,选取色彩时,设计师应明确色彩应用的范围及使用场景。辅助色是具有代表性的颜色,常用于信息提示,比如成功、警告和失败。
文本色
文本颜色的色差较大,容易营造突兀感,因此搭配时应尽量避免色差超过三个层级。
背景色
页面背景适用于大多数页面(视主题风格而定),控件背景主要用于标签、卡片、搜索框等底色以及占位图背景,失效背景为失效按钮、失效标签底色以及系统级图标颜色等。
边框色
分隔线的颜色较浅,主要用于cell,出现频率较多,因此使用浅色来弱化页面的割裂感。分割线颜色较深,常用于导航栏和标签栏。
投影&遮罩
投影颜色需根据主题色来定,不建议直接使用灰度色。在设计当中,元素的投影应根据元素颜色而定。
图层遮罩可使用主题色或 #000000 通过叠加40%透明度来设置。