返回介绍

Color 色彩

发布于 2021-07-01 01:13:09 字数 1347 浏览 856 评论 0 收藏 0

色彩定义

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

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

主色定义

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

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

一级辅色定义

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

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

二级辅色定义

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

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文