實例解析平面設計色彩搭配理論

資訊頻道 - 設計技 來源:中國設計在線 作者:cdo 2017-04-13

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

作者:@酷coo豆 。公眾號:followdesign(平面設計學習日記)

01/

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

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

學過色彩理論基礎的同學都知道,在色相環(huán)上夾角180°的色彩互為補色。但若以上圖左側色相環(huán)為標準,那么紅色的互補色為綠;若以右側色相環(huán)為標準,紅色的互補色卻成了青色。青和綠,兩者在觀感上差異還是頗大的,這豈不是一個大大的矛盾?

因而,這讓我產生了一個疑問:作為設計師,我們到底該以怎樣的色相環(huán),作為選色標準?色彩搭配是否遵循著嚴苛的數(shù)學運算?

02/

哪一個才是標準的色相環(huán)?

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

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

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

三原色

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

間色

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

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

三次色

三次色是來源于間色與原色的混合,比如將等量的黃色和紅色混合便可得到橙色;旌虾蟮玫降娜紊来螢椋撼壬ⅫS綠、青綠、天藍、藍紫、紫紅色。見上圖。

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

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

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

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

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

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

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

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

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

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

同樣的,第3、5兩組色彩,在紅色與黃色之間,均有緩和的橙色,然后再是過度到綠色、接著再是藍與紫。3、5兩組色彩也可以等同起來。其色序依次為:紅、橙、黃、綠、藍、紫。

031

小結

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

04/

色彩的印象

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

例:春夏秋冬的色彩印象

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

1.冷色

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

2.暖色

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

3.明暗

顏色的色調也可以影響顏色給人的感覺。上圖中的原色——藍色,向左為添加白色,向右添加黑色,同樣的藍色產生了不同的感覺。

明亮的顏色給人以輕快、積極向上的感覺,而昏暗的顏色給人以深邃、壓抑的感覺。比如人們在買房時,都會偏向采光充足的戶型,而不太喜歡待在昏暗的房間里。在實際應用中,可以在采用單色配色方案時,通過改變顏色的色調來創(chuàng)建不同的感覺,參見下一小節(jié)的同類色配色案例。

4.紅色

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

紅色有著血液般的顏色,同時也蘊含著危險、憤怒、暴力、攻擊、嫉妒的視覺印象。紅色還可以很好地吸引人們的注意,因而在生活中很多危險警告的標識牌、消防栓、警報燈都是紅色的。

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

5.橙色

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

聲明:站內網(wǎng)友所發(fā)表的所有內容及言論僅代表其本人,并不反映任何網(wǎng)站意見及觀點。

全部評論

暫無相關推薦