- 设计准则
- 设计风格
- 控件
- pile of React
- 组件规范
- 定制主题
- 多语言
- components 组件
- score
- Anime
- picker
- dialog
- slider
- Form 表单
- fragment
文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
Color 色彩
色彩定义
从物体反射到人的眼睛所引起的一种视觉心理感受。色彩按字面含义上理解可分为色和彩,所谓色是指人对进入眼睛的光并传至大脑时所产生的感觉;彩则指多色的意思,是人对光变化的理解。
- 命名
- 颜色遵循统一命名规则,即 类型_色相_色值_(不透明度)
- 例:color_black_#999999_50
- 使用限制
- 如需新增颜色,请按流程提报
- 不可更改色相,只可更改opacity,建议≤2种
- 适用范围
- 遵循各级色彩(主色、一级二级辅色)适用范围
主色定义
它在色彩维度,准确的体现着企业级产品和品牌的个性与定位,不随个人意识而更改,它是产品设计的最核心颜色
- 适用范围
- 突出(曝光)品牌感、品牌印记之处
- 主要文本、主要按钮、主要文字链
- 控件的关键交互反馈
一级辅色定义
它在色彩维度,配合主色,帮助放大企业级品牌个性和产品色彩感知
- 适用范围
- 辅助主色,突出(曝光)品牌感、品牌印记
- 页面背景、高亮次要文字链
二级辅色定义
它在色彩维度,进一步补充因主色单一而带来的诸多设计问题;分为中性灰、功能色
- 适用范围
- 中性灰:灰色作为中性色设计中被大量使用到,体现背景色、描边、或次级操作等
- 功能色:应用于消息通知、反馈提醒、表单校验这类场景中的成功、出错、失败、提醒等状态
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论