1.色板
色彩运用场景
这类色彩主要体现在导航框架、背景底色、描边、或次级操作等等。
这类色彩起到传递功能信息、代表某种状态等作用。
主要应用于消息通知、反馈提醒、表单校验这类场景中的成功、出错、失败、提醒、链接等状态。
6.视觉层次
通过品牌色引导用户的视线路径
将品牌色赋予在重要信息或关键主动点上,并衬以大面积的中性色,可以让用户更聚焦到任务本身,从而提高任务的执行效率。
2.色板生成工具
https://ant.design/docs/spec/colors-cn
色彩运用场景
3.品牌色
品牌色主要体现在关键行动点及操作状态、重要信息高亮等场景。4.中性色
灰色作为经典中性色,它的使用有利于关键内容的衬托和功能的引导。这类色彩主要体现在导航框架、背景底色、描边、或次级操作等等。
5.功能色
这类色彩起到传递功能信息、代表某种状态等作用。
主要应用于消息通知、反馈提醒、表单校验这类场景中的成功、出错、失败、提醒、链接等状态。
6.视觉层次
通过品牌色引导用户的视线路径
将品牌色赋予在重要信息或关键主动点上,并衬以大面积的中性色,可以让用户更聚焦到任务本身,从而提高任务的执行效率。