ui设计中色彩应用的6个基本常识

关联性

特定的颜色与某些情绪相关，但并非总是如此。自从我们出生以来，我们的眼睛就开始去了解现实世界中的色彩，随着时间的推移，记忆会将这些色彩与某些体验和元素关联起来。这种熟悉的认知会为用户提供一些有关界面的情境。

和谐

和谐的色彩使元素具有逻辑感。有很多方法可以创建和谐的色彩。其中之一是通过使用类似颜色(Analogous colors)，即在色轮中彼此相邻的颜色。

对比

颜色对比度使界面更具活力。实现色彩和谐的另一种形式是使用补色，即在色轮中彼此相对的颜色。通过使用互补色，可以在设计中创建对比度和动态效果。

对比色的好处包括，可以赋予界面能量和运动效果，以及强化一些我们希望用户注意的相关点。要使这些颜色和谐并不容易，因为对它们的滥用会造成视觉混乱，并使眼睛不适。因此，使用比例是关键。

色阶

色阶降低认知负荷。保持色调并调整明亮度的级别既有助于将不同元素分离开，又不会使界面过载。

UI设计中的色阶也受自然的影响，不仅受树木、天空或海洋等元素的影响，也受物体体积和阴影的影响。人眼会根据光线、深度甚至纹理来感知相同颜色的不同变化。毫不奇怪，人们所期望看到的UI颜色就如他们在现实世界中感知的一样。

可以这样说，使用色阶的目的是避免添加大脑必须处理和理解的新颜色或色调。界面设计越容易且越快速地被理解，用户就越高兴。

比例

定义颜色比例可平衡颜色组合。控制好颜色的使用多少，可以使样式更清晰，并避免不必要的颜色冲突。

交互

交互色彩在执行过程中必须清晰且在界面中保持一致。号召性用语必须相对于背景具有足够的对比度，并且相对于其他组件必须具有足够的视觉权重，以便用户可以轻松识别它们。