色彩-Color

色彩是视觉体验中最重要的一条信息通道。合理地使用颜色可以加强大脑对物件的响应与感知。我们提倡尽可能少的使用复杂的色板,以帮助用户更有效地用颜色区分功能类型。

主题色&辅助色

主题色与辅助色的选取应根据企业形象色而定,选取色彩时,设计师应明确色彩应用的范围及使用场景。辅助色是具有代表性的颜色,常用于信息提示,比如成功、警告和失败。

文本色

文本颜色的色差较大,容易营造突兀感,因此搭配时应尽量避免色差超过三个层级。

背景色

页面背景适用于大多数页面(视主题风格而定),控件背景主要用于标签、卡片、搜索框等底色以及占位图背景,失效背景为失效按钮、失效标签底色以及系统级图标颜色等。

边框色

分隔线的颜色较浅,主要用于cell,出现频率较多,因此使用浅色来弱化页面的割裂感。分割线颜色较深,常用于导航栏和标签栏。

投影&遮罩

投影颜色需根据主题色来定,不建议直接使用灰度色。在设计当中,元素的投影应根据元素颜色而定。

图层遮罩可使用主题色或 #000000 通过叠加40%透明度来设置。

Copyright © biliui.com 2019 all right reserved,powered by Gitbook上次更新: 2019-06-07 20:11:56

results matching ""

    No results matching ""