当前位置: 首页 > 文档资料 > Pile.js 中文文档 >

Color 色彩

优质
小牛编辑
120浏览
2023-12-01

色彩定义

从物体反射到人的眼睛所引起的一种视觉心理感受。色彩按字面含义上理解可分为色和彩,所谓色是指人对进入眼睛的光并传至大脑时所产生的感觉;彩则指多色的意思,是人对光变化的理解。

命名
颜色遵循统一命名规则,即 类型_色相_色值_(不透明度)
例:color_black_#999999_50
使用限制
如需新增颜色,请按流程提报
不可更改色相,只可更改opacity,建议≤2种
适用范围
遵循各级色彩(主色、一级二级辅色)适用范围

主色定义

它在色彩维度,准确的体现着企业级产品和品牌的个性与定位,不随个人意识而更改,它是产品设计的最核心颜色

适用范围
突出(曝光)品牌感、品牌印记之处
主要文本、主要按钮、主要文字链
控件的关键交互反馈

一级辅色定义

它在色彩维度,配合主色,帮助放大企业级品牌个性和产品色彩感知

适用范围
辅助主色,突出(曝光)品牌感、品牌印记
页面背景、高亮次要文字链

二级辅色定义

它在色彩维度,进一步补充因主色单一而带来的诸多设计问题;分为中性灰、功能色

适用范围
中性灰:灰色作为中性色设计中被大量使用到,体现背景色、描边、或次级操作等
功能色:应用于消息通知、反馈提醒、表单校验这类场景中的成功、出错、失败、提醒等状态