详细解析UI设计中终极配色宝典(3)

60°左右，或者相隔三个位置以内的两色，为邻近色关系。属于色相中的中对比，可以保持画面的统一感，可以使画面显得更丰富、活泼，在色彩上有主次的配色可以增强吸引力。

3【类似色】

在色环上任意90°角度以内的颜色，各色之间含有共同色素，故称”类似色”。，类似色的搭配比同类色的效果要好，能保持色彩的画面统一和协调，能呈现比较柔和的质感，在色彩搭配上调节明度和纯度的比例对比，达到高级质感配色。

4【中差色】

90°左右 ，中差色构成的色调富于变化又不失调和，具有明快感，配色时要注意呼应统一。

5【对比色】

120°左右，次于互补色，色相差十分明显，具有视觉冲击力。色彩之间效果鲜明，饱满，容易给带来兴奋，激动的快感，在作品中常用于表达随意，跳跃，强烈的主题，来达到吸引人的目光。但也很容易产生不协调感，配色时要注意变化明度和纯度，或强化主体改变面积比例来协调对比关系。

6【互补色】

180°左右，对比最强烈，画面最丰富，最具感官刺激的色彩组合，常用表达极大反差的事情，以及用此来突出目的的表达。如果搭配不好则容易产生粗俗生硬，动荡不安的消极效果。配色时要注意明度纯度及面积比例的变化，或借用无彩色或中间色缓冲调和的方法来达到色调的和谐统一，此配色新手慎用。

如下还列举了一些更复杂的配色方式，虽然复杂但相信假以时日的练习，大家对配色的理解也会越来越深刻，越来越得心应手。

04 高级灰的提取与使用

在界面文字用色和背景用色中，尽量避免使用纯黑、灰色，因为容易显脏。可以尝试给黑、灰色加入一些色相，常见的加入蓝色，或其他品牌色相。

提取方式：同样借助Hsb调色模式，保持H和你的品牌色一直(或选择一个蓝色)，通过调节S、B的参数，得出不同视觉层级的高级灰，用作文字层级区分。

05 案例演示

以如下原型为例：