如何正確的搞顏色？看到這里，你的腦海中是不是閃過了一些奇奇怪怪的東西？不，這是篇非常正經(jīng)的科普！所以現(xiàn)在，讓我來給大家看一張色圖（p1）。

怎么樣很正經(jīng)吧~這張圖上的小可愛叫做色輪，它將是我們接下來的科普中的主角，現(xiàn)在請先記住它的樣子吧！

本文中我將圍繞色彩的基本知識、幾種常見的配色方案逐一展開介紹。

一、 顏色理論與配色模式

1.1 人類是如何看見顏色的？

在自然界中自然光從光源發(fā)出，到達(dá)物體的表面。大部分被照射到的物體會吸收掉其中的一部分光，將剩下的光線反射到我們的眼睛里，成為了我們所看到的這個物體的顏色。如果一個物體不吸收任何落在其表面的光線，也就是說呢它把所有照射在它身上的光線都原封不動的反射回去了，那么它在人眼看來就是白色的。而另一方面，如果一個物體吸收了所有照射到它表面的光，那么這個物體看起來就會是黑色的。

這種成色原理被稱為減色法，在多媒體領(lǐng)域中對應(yīng)于CMYK顏色模型。在日常生活中，這種顏色模型廣泛應(yīng)用于打印機(jī)等需要在不會自然發(fā)光的物體上顯示顏色的場合。這是因?yàn)槲矬w不會自發(fā)光，所以我們所看到的它的顏色來自于油墨本身反射的光。

而另一種顏色模型，RGB顏色模型則相反。想必相對于CMYK，各位對RGB的了解更多一些。RGB三個字母分別代表紅、綠和藍(lán)，是光的三基色。RGB顏色模型是指將這三種顏色按不同的比例進(jìn)行混合得到一種新的顏色。這種顏色模式廣泛應(yīng)用于電視、電腦、手機(jī)等能夠主動發(fā)光的設(shè)備。

現(xiàn)在，你已經(jīng)了解了兩種最基本的顏色模式，要怎么把這些顏色組合出完美的顏色搭配呢？接下來，我們先欣賞幾種由前人總結(jié)出來的搞顏色的模式吧！

1.2單色配色

單色模式應(yīng)該是看起來最和諧的配色模式了。通過圖2的示例，你幾乎感受不到色彩上的沖撞，整個畫面帶給人一種和諧、清新的感覺。

單色模式之所以呈現(xiàn)出這種和諧感，是因?yàn)樗鋵?shí)是由同一種基礎(chǔ)顏色，也就是色相，經(jīng)過一定的明暗變化得到其他顏色的集合，正如這張色輪所示。除了基礎(chǔ)顏色之外，它不包含額外的顏色的干擾，因此看起來更加簡單、干凈和精致。但是單色配色模式的缺點(diǎn)也很明顯，那就是它是一種缺乏變化的配色方式。

1.3 互補(bǔ)配色

那，如果說單色配色模式干凈悠遠(yuǎn)又和諧，那我們接下來要介紹的這種配色模式就要活潑許多。有人想猜一下接下來要介紹的是哪一種配色模式嗎？可以在群里打字哦。

接下來我們要介紹的就是互補(bǔ)配色，也被稱作對比配色?；パa(bǔ)色能夠給人以一種強(qiáng)烈的碰撞感。在色輪上，互補(bǔ)色正好處在色輪的兩端（圖3），這意味著這兩種顏色的冷暖屬性、給人的感受是完全相反的。

也就是說，當(dāng)這兩種顏色放在一起時，我們很容易注意到兩種顏色帶來的沖突，如果應(yīng)用得當(dāng)可以帶來十分驚艷的效果。

比如UI設(shè)計(jì)師們喜歡用互補(bǔ)色來突出希望用戶注意到的信息，一些畫作也巧妙的利用了這種沖突來表現(xiàn)畫面，讓觀眾第一眼能落到設(shè)計(jì)師希望觀眾注意到的地方。它的缺點(diǎn)也是顯而易見的，過于混亂的對比關(guān)系可能讓人眼花繚亂。

1.4 補(bǔ)色分割配色

接下來我要介紹的是補(bǔ)色分割配色法。

補(bǔ)色分割配色如圖4所示，使用一個基礎(chǔ)色以及兩個在色輪上相互對稱的次要顏色，共組一個窄邊三角形；它會選取一個暖色和兩個冷色、或一個冷色配合兩個暖色。

與互補(bǔ)色不同，補(bǔ)色分割配色較為協(xié)調(diào)也給予柔和些的視覺感。一般來說，在三角形中窄角的顏色一般為主要色，另外兩個次要顏色常作打光或強(qiáng)調(diào)色使用。這創(chuàng)建了一個比互補(bǔ)色方案更為微妙的配色，它和互補(bǔ)色有著同樣的視覺效果，但又不會顯得那么“沖撞”。通過色輪可以看到，補(bǔ)色分割配色本質(zhì)上就是互補(bǔ)配色的一個變形或分支，但它有一個重要區(qū)別：它的色彩對比和視覺反差不如互補(bǔ)配色那般強(qiáng)烈和夸張。

1.5 近似色配色

下一種配色模式似乎兼?zhèn)淞饲懊嫣岬降膬煞N配色模式的優(yōu)點(diǎn)，它不如單色模式那樣過于單調(diào)，但也不像對比色那樣激烈。靈活應(yīng)用這種配色模式，你可以輕易設(shè)計(jì)出和諧又活潑的界面。這是什么呢？那么我們來到了第三種配色模式，近似色（圖5）。

近似色是指沒有太多對比的一組顏色，它們在色輪上相互靠近。這種配色模式可以說是無所不能的，我們先來看看近似色和單色之間的對比。不難發(fā)現(xiàn)，相對于單色而言，近似色包含了更多的色彩，但是近似色又沒有打破顏色之間微妙的和諧與平衡。這使得近似色能表現(xiàn)得更加豐富多彩，適合需要更多多樣性的設(shè)計(jì)。

同時，相對于互補(bǔ)色，近似色又要柔和得多，因此是被稱作萬金油的搭配模式。我們經(jīng)常在各種場合見到近似色。

1.6 三等分配色

接下來我要介紹的是三等分配色法（圖6）。

三等分色的三個顏色位置之間有平均的距離，彼此之間存在一定的對比關(guān)系。如此一來三個顏色皆為主要顏色，產(chǎn)生一種鮮艷、搶眼的效果。不過使用這種配色方案需要特別注重作品的色彩平衡。正因?yàn)槊糠N顏色之間微妙的對比關(guān)系，這種配色方案對于需要在設(shè)計(jì)中對每種顏色創(chuàng)建出高對比度的畫面很有用。但是如果平等的分配三種顏色，可能會讓畫面的沖擊感太強(qiáng)而失去美感。

那么有沒有例外情況呢？有。在類似暗含“均分”元素的畫面中，比如說三個功能的按鈕，平均分配三種顏色確實(shí)不成問題。但是畫面一旦復(fù)雜，平均的分?jǐn)側(cè)N顏色就會變得混亂。

要正確的應(yīng)用三等分配色，一般是在三種顏色中選擇一個或兩個顏色作為主色來壓制其他顏色。主色作為畫面中最為主要的顏色，再少量使用其他顏色作為蜻蜓點(diǎn)水般的輔助，或者簡單地選擇一個柔和的色調(diào)來覆蓋其他兩個顏色也是可以的。

1.7 矩形配色

如果從色輪中選擇兩對相互對立的顏色，會獲得怎么樣的效果？

這就是矩形配色（圖7），比三等分配色還要桀驁不馴的一種配色方式。矩形配色的四種顏色間并沒有明顯的主次關(guān)系，但由于兩兩對比，這種配色模式也有著鮮艷亮眼的效果。這些顏色結(jié)合起來可能給人強(qiáng)烈的視覺感，但是為了求最好的視覺效果，在設(shè)計(jì)之前需要事先構(gòu)思和細(xì)心創(chuàng)作。

顏色越多，設(shè)計(jì)師往往就越難調(diào)和它們。矩形配色更常見與四個按鈕這樣的平均分配的情況，或者降低對比度相互混雜以達(dá)到一種“紛繁”的效果。

今天的科普先到這里，在下篇中我將會介紹顏色心理學(xué)以及配色模式的具體應(yīng)用。謝謝大家！

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 作者：時光