如何正确的搞颜色（上）

如何正确的搞颜色？看到这里，你的脑海中是不是闪过了一些奇奇怪怪的东西？不，这是篇非常正经的科普！所以现在，让我来给大家看一张色图（p1）。

怎么样很正经吧~这张图上的小可爱叫做色轮，它将是我们接下来的科普中的主角，现在请先记住它的样子吧！

本文中我将围绕色彩的基本知识、几种常见的配色方案逐一展开介绍。

一、 颜色理论与配色模式

1.1 人类是如何看见颜色的？

在自然界中自然光从光源发出，到达物体的表面。大部分被照射到的物体会吸收掉其中的一部分光，将剩下的光线反射到我们的眼睛里，成为了我们所看到的这个物体的颜色。如果一个物体不吸收任何落在其表面的光线，也就是说呢它把所有照射在它身上的光线都原封不动的反射回去了，那么它在人眼看来就是白色的。而另一方面，如果一个物体吸收了所有照射到它表面的光，那么这个物体看起来就会是黑色的。

这种成色原理被称为减色法，在多媒体领域中对应于CMYK颜色模型。在日常生活中，这种颜色模型广泛应用于打印机等需要在不会自然发光的物体上显示颜色的场合。这是因为物体不会自发光，所以我们所看到的它的颜色来自于油墨本身反射的光。

而另一种颜色模型，RGB颜色模型则相反。想必相对于CMYK，各位对RGB的了解更多一些。RGB三个字母分别代表红、绿和蓝，是光的三基色。RGB颜色模型是指将这三种颜色按不同的比例进行混合得到一种新的颜色。这种颜色模式广泛应用于电视、电脑、手机等能够主动发光的设备。

现在，你已经了解了两种最基本的颜色模式，要怎么把这些颜色组合出完美的颜色搭配呢？接下来，我们先欣赏几种由前人总结出来的搞颜色的模式吧！

1.2单色配色

单色模式应该是看起来最和谐的配色模式了。通过图2的示例，你几乎感受不到色彩上的冲撞，整个画面带给人一种和谐、清新的感觉。

单色模式之所以呈现出这种和谐感，是因为它其实是由同一种基础颜色，也就是色相，经过一定的明暗变化得到其他颜色的集合，正如这张色轮所示。除了基础颜色之外，它不包含额外的颜色的干扰，因此看起来更加简单、干净和精致。但是单色配色模式的缺点也很明显，那就是它是一种缺乏变化的配色方式。

1.3 互补配色

那，如果说单色配色模式干净悠远又和谐，那我们接下来要介绍的这种配色模式就要活泼许多。有人想猜一下接下来要介绍的是哪一种配色模式吗？可以在群里打字哦。

接下来我们要介绍的就是互补配色，也被称作对比配色。互补色能够给人以一种强烈的碰撞感。在色轮上，互补色正好处在色轮的两端（图3），这意味着这两种颜色的冷暖属性、给人的感受是完全相反的。

也就是说，当这两种颜色放在一起时，我们很容易注意到两种颜色带来的冲突，如果应用得当可以带来十分惊艳的效果。

比如UI设计师们喜欢用互补色来突出希望用户注意到的信息，一些画作也巧妙的利用了这种冲突来表现画面，让观众第一眼能落到设计师希望观众注意到的地方。它的缺点也是显而易见的，过于混乱的对比关系可能让人眼花缭乱。

1.4 补色分割配色

接下来我要介绍的是补色分割配色法。

补色分割配色如图4所示，使用一个基础色以及两个在色轮上相互对称的次要颜色，共组一个窄边三角形；它会选取一个暖色和两个冷色、或一个冷色配合两个暖色。

与互补色不同，补色分割配色较为协调也给予柔和些的视觉感。一般来说，在三角形中窄角的颜色一般为主要色，另外两个次要颜色常作打光或强调色使用。这创建了一个比互补色方案更为微妙的配色，它和互补色有着同样的視觉效果，但又不会显得那么“冲撞”。通过色轮可以看到，补色分割配色本质上就是互补配色的一个变形或分支，但它有一个重要区别：它的色彩对比和视觉反差不如互补配色那般强烈和夸张。

1.5 近似色配色

下一种配色模式似乎兼备了前面提到的两种配色模式的优点，它不如单色模式那样过于单调，但也不像对比色那样激烈。灵活应用这种配色模式，你可以轻易设计出和谐又活泼的界面。这是什么呢？那么我们来到了第三种配色模式，近似色（图5）。

近似色是指没有太多对比的一组颜色，它们在色轮上相互靠近。这种配色模式可以说是无所不能的，我们先来看看近似色和单色之间的对比。不难发现，相对于单色而言，近似色包含了更多的色彩，但是近似色又没有打破颜色之间微妙的和谐与平衡。这使得近似色能表现得更加丰富多彩，适合需要更多多样性的设计。

同时，相对于互补色，近似色又要柔和得多，因此是被称作万金油的搭配模式。我们经常在各种场合见到近似色。

1.6 三等分配色

接下来我要介绍的是三等分配色法（图6）。

三等分色的三个颜色位置之间有平均的距离，彼此之间存在一定的对比关系。如此一来三个颜色皆为主要颜色，产生一种鲜艳、抢眼的效果。不过使用这种配色方案需要特别注重作品的色彩平衡。正因为每种颜色之间微妙的对比关系，这种配色方案对于需要在设计中对每种颜色创建出高对比度的画面很有用。但是如果平等的分配三种颜色，可能会让画面的冲击感太强而失去美感。

那么有没有例外情况呢？有。在类似暗含“均分”元素的画面中，比如说三个功能的按钮，平均分配三种颜色确实不成问题。但是画面一旦复杂，平均的分摊三种颜色就会变得混乱。

要正确的应用三等分配色，一般是在三种颜色中选择一个或两个颜色作为主色来压制其他颜色。主色作为画面中最为主要的颜色，再少量使用其他颜色作为蜻蜓点水般的辅助，或者简单地选择一个柔和的色调来覆盖其他两个颜色也是可以的。

1.7 矩形配色

如果从色轮中选择两对相互对立的颜色，会获得怎么样的效果？

这就是矩形配色（图7），比三等分配色还要桀骜不驯的一种配色方式。矩形配色的四种颜色间并没有明显的主次关系，但由于两两对比，这种配色模式也有着鲜艳亮眼的效果。这些颜色结合起来可能给人强烈的视觉感，但是为了求最好的视觉效果，在设计之前需要事先构思和细心创作。

颜色越多，设计师往往就越难调和它们。矩形配色更常见与四个按钮这样的平均分配的情况，或者降低对比度相互混杂以达到一种“纷繁”的效果。

今天的科普先到这里，在下篇中我将会介绍颜色心理学以及配色模式的具体应用。谢谢大家！

                                    作者：时光