當前位置:才華齋>設計>平面設計>

淺談平面設計色彩搭配理論基礎

平面設計 閱讀(6.32K)

色彩搭配該怎麼弄?今天小編主要和大家分享了有關色彩搭配的常見組合、以及心理現象。簡明易懂的理論,配合例項分享,希望對初學平面設計的同學有所幫助。

淺談平面設計色彩搭配理論基礎

  一、 扯淡的色相環?

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

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

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

  二、哪一個才是標準的色相環?

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

第1組:由三原色「紅綠藍」衍變出的色相環

該色相環是在Photoshop的RGB色彩空間繪製完成。基於色彩的色相、明度、飽和度三大視覺感官要素作為變數,保持S=100%,B=100%,H分別取0°、60°、120°、180°、240°、300°通過漸變繪製完成。

三原色

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

間色

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

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

三次色

三次色是來源於間色與原色的混合,比如將等量的黃色和紅色混合便可得到橙色。混合後得到的三次色依次為:橙色、黃綠、青綠、天藍、藍紫、紫紅色。見上圖。

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

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

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

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

  第4組:由工業印刷「CMY」三色衍變出的色相環

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

  第5組:富有權威的Adobe Color CC配色工具-色相環

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

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

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

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