颜色的认识与使用（大屏颜色 / 仪表板报告设计）

数据大屏，仪表板设计等不知道颜色怎么搭配，做出来的感觉总是不够协调或者高级等等。你是否也常常困惑于此，这里是读《写给大家看的设计书》中关于颜色的总结~ 分享给大家。

色轮

色轮的基础是黄、红和蓝 3 种颜色。这些颜色称为三原色，因为这是唯一无法创建的颜色。也就是说，如果有一盒水彩，你知道可以混合蓝色和黄色来得到绿色，但是没有办法通过混合其他颜色来得到纯黄、纯红或纯蓝色。

分別将色轮上:相邻的颜色等量地混合，就会得到三间色。

只需将空白两边的颜色按等量混合。得到的这些颜色称为第三色。也就是说，黄色加橙色可以得到所谓的橙黄色。蓝色和绿色可以混合成蓝绿色，从而就构成了色轮。

颜色关系

互补色

色轮上相对（即完全对立）的颜色为互补色。由于它们如此对立，所以最佳搭配是一种作为主色，另一种用于强调。

三色组

彼此等距的三种颜色通常会形成一个让人愉悦的三色组。红色、黄色和蓝色就是一种极其流行的颜色组合，儿童产品通常都采用这种组合。由于这是三基色，所以这种组合也称为基色三色组。

也可以尝试使用绿色、橙色和紫色构成的间色三色组，尽管不那么常用，但出于以上原因，这种组合也让人很舒服。

除了红、黄、蓝构成的基色三色组以外，所有三色组中的三种颜色都有基础色使其相互连接，因此看上去非常协调。

分裂互补三色组

另一种形式的三色组称为分裂互补三色组。从色轮的一边选择一种颜色，再在色轮上找出它对面的互补色，不过并不直接使用这个互补色，而是使用该互补色两侧的颜色。这样得到的组合会有一种更为细致的颜色边界。

类似色

类似色组合由色轮上彼此相邻的颜色组成。不论组合两种颜色还是三种颜色，它们都有相同的基础色，这就形成了一个协调的组合。用不同的亮色和暗色组合组类似色，效果相当醒目！

暗色和亮色

到目前为止，我们使用的基本色轮只涉及纯“色调”，也就是纯色。还可以向不同色调增加黑色或白色，这样能大幅扩展这个色轮，相应地丰富我们的选择。

• 纯色就是色调。

• 向色调增加黑色就构成一个暗色。

• 向色调增加白色就构成一个亮色。

以下显示了这些颜色在色轮中的分布。你看到的是一个个离散的色带，但实际上颜色是连续浙变的，从白色到黑色之间有无限多种颜色。

这张是用一种紫色的亮色和暗色印刷的。

红色和绿色组合是一种绝妙的互补色，但这种组合几乎总脱离不了一种圣诞节的感觉。不过，如果采用这些互补色的某些暗色，就能表现出丰富的效果。红、黄、蓝二基色组合是儿童产品最常用的颜色组合。实际上，正是山于这种颜色组合在儿童产品中如此流行，以至于很难摆脱幼稚的感觉，除非你给人一些暗色和亮色，这是何等丰富而精妙的组合。

暖色与冷色

颜色往往要么是暖色（这说明其中包含红色或黄色)，要么是冷色（说明其中包含蓝色)。可以通过增加一些红色或黄色将某些颜色“加热”，如灰色或黄褐色。与之相反，也可以对颜色增加不同程度的蓝色对其“降温”。不过，我希望你记住更实用的一点：冷色趋于做背景色，而暖色是趋进型的。暖色不费多大功夫就能产生效果，红色和黄色能立即映入你的眼帘。所以，如果要组合暖色和冷色，一定要少用些暖色。由于冷色是后退型的，所以使用（有时则必须使用）更多的冷色才能产生效果或形成有效的对比。不要让冷暖色太过均衡！一定要充分利用这种视觉现象。

学会了吗学废了

在纠结时可以先看一种合理的方法。项目有季节性吗？也许可以使用类似色来暗示季节：火热的红色和黄色表示夏季，冰冷的蓝色表示冬季，不同色度的橙色和棕色代表秋天，明亮的绿色象征春天。公司有没有制定一些官方颜色？也许可以先从这些颜色入手，再使用一些亮色和暗色。是不是在处理一个 logo 标志，其中包含一些特定的颜色？可以使用这些颜色的一种分裂互补色。你的项目是否包含一张照片或其他图像？可以选择照片中的一个颜色，再根据这个颜色选择一组其他的颜色。可能希望使用类似色，保持一种沉着冷静的感觉，也可以使用互补色增加视觉活力。

如果你学废了，或者看完仍然不知道怎么用，其实一般 BI 工具中都会有很多预设的颜色搭配或者仪表板主题可以直接使用。另外也大都会提供很多模板可以直接使用，替换为自己的数据即可。

注：内容参考：《写给大家看的设计书》