導(dǎo)語(yǔ)：色彩搭配該怎么弄？設(shè)計(jì)過(guò)程中如何正確地運(yùn)用：紅、橙、黃、綠、藍(lán)、紫中的六種色彩？@酷coo豆 策劃的這篇色彩理論基礎(chǔ)教程，主要和大家分享了有關(guān)色彩搭配的常見組合、以及心理現(xiàn)象。簡(jiǎn)明易懂的理論，配合實(shí)例分享，希望對(duì)初學(xué)平面設(shè)計(jì)的同學(xué)有所幫助。今天這篇關(guān)于平面設(shè)計(jì)色彩搭配的基礎(chǔ)教程，則圍繞著「色相」這一變量展開，主要和大家一起分享有關(guān)色彩研究的專業(yè)術(shù)語(yǔ)、以及心理現(xiàn)象。希望對(duì)于那些錯(cuò)過(guò)了科班學(xué)習(xí)，正奮力自學(xué)平面設(shè)計(jì)的朋友有一些幫助。OK，我們開始吧。

作者：@酷coo豆 。公眾號(hào)：followdesign（平面設(shè)計(jì)學(xué)習(xí)日記）

01/

扯淡的色相環(huán)？

對(duì)于色彩搭配的學(xué)習(xí)，離不開一個(gè)叫做色相環(huán)的工具，色相環(huán)也時(shí)常被將稱作「色盤」或「色輪」。但最近我在策劃這篇文章時(shí)，發(fā)現(xiàn)：同樣是12色相環(huán)，在不同的刊物中，其顏色排列卻相差甚大，給出的12色相環(huán)，并未有一個(gè)統(tǒng)一的標(biāo)準(zhǔn)。如下圖！

學(xué)過(guò)色彩理論基礎(chǔ)的同學(xué)都知道，在色相環(huán)上夾角180°的色彩互為補(bǔ)色。但若以上圖左側(cè)色相環(huán)為標(biāo)準(zhǔn)，那么紅色的互補(bǔ)色為綠；若以右側(cè)色相環(huán)為標(biāo)準(zhǔn)，紅色的互補(bǔ)色卻成了青色。青和綠，兩者在觀感上差異還是頗大的，這豈不是一個(gè)大大的矛盾？

因而，這讓我產(chǎn)生了一個(gè)疑問：作為設(shè)計(jì)師，我們到底該以怎樣的色相環(huán)，作為選色標(biāo)準(zhǔn)？色彩搭配是否遵循著嚴(yán)苛的數(shù)學(xué)運(yùn)算？

02/

哪一個(gè)才是標(biāo)準(zhǔn)的色相環(huán)？

為了弄清楚上面這個(gè)問題，@酷coo豆參閱了數(shù)本文獻(xiàn)，以及別人的經(jīng)驗(yàn)文章，其中的道理慢慢浮出水面。我們把可見光譜的色彩序列首尾相接，就形成360°的全色色相環(huán)（見下圖第一組色相環(huán)），一度就表示一種顏色。雖說(shuō)人眼能夠分辨出上百種的顏色，但顏色太多我們難以叫上名來(lái)，也不便于研究，所以簡(jiǎn)化的色相環(huán)通常由6、12、24種主要色相組成。首先我們來(lái)看一組由三原色光紅綠藍(lán)，三色演變出來(lái)的全色色相環(huán)。

第1組：由三原色「紅綠藍(lán)」衍變出的色相環(huán)

該色相環(huán)是在Photoshop的RGB色彩空間繪制完成。基于色彩的色相、明度、飽和度三大視覺感官要素作為變量，保持S=100%，B=100%，H分別取0°、60°、120°、180°、240°、300°通過(guò)漸變繪制完成。

三原色

通過(guò)上篇學(xué)習(xí)日記的學(xué)習(xí)，我們知道所有顏色的來(lái)源，是由于光和環(huán)境共同作用的結(jié)果。大多數(shù)的顏色可以通過(guò)紅、綠、藍(lán)三色按照不同的比例合成產(chǎn)生，而且絕大多數(shù)單色光也可以分解成紅綠藍(lán)三種色光。因而，紅綠藍(lán)即被定義為色光的三原色，也叫三基色。三種基色是相互獨(dú)立的，任何一種基色都不能有其它兩種顏色合成。

間色

基于這個(gè)準(zhǔn)則，我借助Photoshop工具，首先將紅、綠、藍(lán)三個(gè)基色放在夾角互為120°的夾角上，然后將等量的原色色光：紅和綠、綠和藍(lán)、藍(lán)和紅相加混合后，便可得到了黃色、青色、品紅色（我將其稱為紫色，降低其明度便可得到常見的紫色），其專業(yè)術(shù)語(yǔ)叫做三間色。見下圖。

第2組：由色光三原色「紅綠藍(lán)」衍變出的色相環(huán)

三次色

三次色是來(lái)源于間色與原色的混合，比如將等量的黃色和紅色混合便可得到橙色�；旌虾蟮玫降娜�次色依次為：橙色、黃綠、青綠、天藍(lán)、藍(lán)紫、紫紅色。見上圖。

到這里，你應(yīng)該大概知道色相環(huán)是怎樣演變出來(lái)的吧。其本質(zhì)就是色光或色料，按不同比例的混合，由原色—>間色—>三級(jí)色—>四級(jí)色…如此演變。該組的色彩分布規(guī)律和上述第一組色相環(huán)是保持一致的，相當(dāng)于采樣變少了而已。

第3組：由美術(shù)三原色「紅黃藍(lán)」衍變出的色相環(huán)

沿用上面的方法，將色光三原色換做美術(shù)三原色「紅黃藍(lán)」，便得到了下圖所示的色相環(huán)，美術(shù)三原色中的「紅黃藍(lán)」同樣彼此獨(dú)立，某一基色無(wú)法由其他兩種顏色合成。

色料的顯色來(lái)自自然光中未被吸收部分光波的反射，所以色料的顯色不及色光鮮艷明亮，這和你在燈光下看書，和直接盯著臺(tái)燈看是一個(gè)道理。

第4組：由工業(yè)印刷「CMY」三色衍變出的色相環(huán)

繼續(xù)沿用上面的方法，將色輪中的基色，分別換做工業(yè)印刷用的洋紅、黃色、青色三色油墨，演變得到如下色相環(huán)。

第5組：富有權(quán)威的Adobe Color CC配色工具-色相環(huán)

最后，我在Adobe官網(wǎng)找到了這個(gè) Adobe Color CC的配色工具，我們同樣按60°的夾角，對(duì)色輪上的顏色進(jìn)行采樣，最后得到右側(cè)的6種主要色相，分別是紅色、橙色、黃色、綠色、藍(lán)色、紫色。如果按照夾角180°互為對(duì)比色的理論，那么下圖右側(cè)的上下兩組顏色即互為對(duì)比色。

OK，說(shuō)完了上述的五組色相環(huán)的基本現(xiàn)象，我們將色相環(huán)進(jìn)一步簡(jiǎn)化為6色色相環(huán)，以紅色為0°作為起始色，重新排列，并適當(dāng)壓暗或提高取樣色彩的亮度，保持所有顏色的飽和度、明度均為90%。因?yàn)?strong>我們只想看看色相的差異，便得到下面這張圖。

從圖中，首先第1、2兩組色彩，縱向?qū)Ρ认聛?lái)完全一樣。第2組色彩與第4組CMY三基色演變而來(lái)的色相環(huán)，在觀感上非常近似，我們幾乎可以把1、2、4等同為一組。其色序依次為：紅、黃、綠、青、藍(lán)、紫。

同樣的，第3、5兩組色彩，在紅色與黃色之間，均有緩和的橙色，然后再是過(guò)度到綠色、接著再是藍(lán)與紫。3、5兩組色彩也可以等同起來(lái)。其色序依次為：紅、橙、黃、綠、藍(lán)、紫。

031

小結(jié)

通過(guò)上面的基本現(xiàn)象，我們不難歸納出：雖然色彩搭配并不遵循嚴(yán)苛的數(shù)學(xué)運(yùn)算，但還是有一定的規(guī)律可循。我們?cè)谟懻撋�彩的基礎(chǔ)理論時(shí)，沿用的色相環(huán)一類是以美術(shù)三原色為代表；另一類則是以色光三原色為代表的色相環(huán)。雖然我們平時(shí)做印刷類平面設(shè)計(jì)是在CMYK的色彩空間模式下進(jìn)行的，但平時(shí)的書籍或教程中，卻多數(shù)是以美術(shù)三原色色相環(huán)進(jìn)行講解的，如果書中未做交代，偶然發(fā)現(xiàn)了同上的矛盾，就不必再為之花費(fèi)太多的時(shí)間了。

04/

色彩的印象

天空的藍(lán)色給人以未來(lái)的希望，日出的橙光給人以溫暖與活力，稻穗的金黃能給我們帶來(lái)富足和以豐收愉悅。色彩能激發(fā)出的聯(lián)想和情緒，深受我們的民族、宗教、以及接受教育程度的影響，當(dāng)然還和我們成長(zhǎng)的自然環(huán)境，密不可分。

例：春夏秋冬的色彩印象

色彩搭配講究的是一種印象、以及心理感受的信息傳達(dá)，掌握了其中的規(guī)律，色彩搭配自然能夠信手拈來(lái)，首先在平面設(shè)計(jì)中的色彩有冷暖之分。

1.冷色

比如常見的冷色有：藍(lán)、白、青色、紫色。冷色通常會(huì)讓人聯(lián)想起涼爽的氣候、冬季、死亡、悲傷、冰、夜晚和水這些事物。冷色可以給人平靜、安寧、新人、干凈的感覺。紫色與尊貴經(jīng)常聯(lián)系在一起，看起來(lái)十分內(nèi)斂。

2.暖色

常見的暖色：紅、橙、黃。暖色可以創(chuàng)造溫暖的感覺，暖色通常會(huì)讓人聯(lián)想起太陽(yáng)、火焰和愛情。紅色是血的顏色，感覺是溫暖的，橙色和黃色會(huì)給人夏天的感覺。給圖像添加一個(gè)橙色的濾鏡，圖像看起來(lái)就會(huì)有溫馨快樂的感覺。

3.明暗

顏色的色調(diào)也可以影響顏色給人的感覺。上圖中的原色——藍(lán)色，向左為添加白色，向右添加黑色，同樣的藍(lán)色產(chǎn)生了不同的感覺。

明亮的顏色給人以輕快、積極向上的感覺，而昏暗的顏色給人以深邃、壓抑的感覺。比如人們?cè)谫I房時(shí)，都會(huì)偏向采光充足的戶型，而不太喜歡待在昏暗的房間里。在實(shí)際應(yīng)用中，可以在采用單色配色方案時(shí)，通過(guò)改變顏色的色調(diào)來(lái)創(chuàng)建不同的感覺，參見下一小節(jié)的同類色配色案例。

4.紅色

紅色其時(shí)常讓人聯(lián)想到：愛情、興奮、能量、挑戰(zhàn)、活力、喜慶、吉利的正面詞語(yǔ)。紅色也是屬于中國(guó)人的顏色。在新店開業(yè)、商家促銷、傳統(tǒng)節(jié)日的場(chǎng)景中，我們總能看到紅色的印記。

紅色有著血液般的顏色，同時(shí)也蘊(yùn)含著危險(xiǎn)、憤怒、暴力、攻擊、嫉妒的視覺印象。紅色還可以很好地吸引人們的注意，因而在生活中很多危險(xiǎn)警告的標(biāo)識(shí)牌、消防栓、警報(bào)燈都是紅色的。

紅色是很強(qiáng)勢(shì)的顏色，當(dāng)它和其他顏色相遇時(shí)，比如搭配黑色，可以創(chuàng)建非常強(qiáng)勢(shì)的感覺。比如這樣的。

5.橙色

橙色是橙子成熟時(shí)的顏色。其不但可以代表溫暖、活躍、開朗、朝氣蓬勃，也時(shí)常和一些可口的食物以及一些健康產(chǎn)品搭上關(guān)系。比如富含維生素C的橙子或飲料、誘人的烘烤食物等。