快速理解色彩搭配的三個配色知識

2019-12-03     千鋒IT技術學習課堂

對很多人來說,配色是個十分讓人頭疼的問題。尤其是設計新人,沒有接受過系統的色彩訓練,在配色方面始終不能隨心發揮。每次設計完,你可能總對配色不滿意,感覺很不舒服,又無從下手。你可能還收藏了一大堆色卡,實際用時,卻和想像不一樣。

所以說,我們在掌握了色彩的相關理論之後,還要根據相應的場景,來運用不同的配色規律,這樣才可以實現更好的設計。

這篇文章,我將通過 3大點,讓你明白以下 幾個問題

1、 怎樣結合色彩理論,進行正確調色?

2、 百搭配色技巧,如何迅速出圖?

如何使用配色技巧,以及如何從別人作品中正確「抄」色?

一、顏色的基本知識

了解配色技巧之前,我們要先來學習些關於顏色的知識,掌握好了理論之後,你能「以不變,應萬變」,在實際配色的練習中,慢慢總結出屬於自己的風格。

1、為什麼要用HSB模式調色

如果學過初中物理,我們會明白,色彩是可見光在物體顏料上,除去被吸收的光後,散射出來的波長,不同的波長會表現出不同的顏色。

而電腦螢幕端的顏色,則是白色光透過帶顏色的電子螢幕後,表現出來的光的顏色。

所以,在設計軟體中,顏色模式被分為了CMYK和RGB,同時,由於印刷顏料的限制,CMYK的顏色模式往往會比RGB稍微暗一點點。

然而,這兩種顏色模式,都不是基於人眼的最優選。為什麼呢?因為CMYK和RGB 都不好用眼睛直接調色,這兩個顏色模式都是混色模式,除了其本身自帶的顏色之外,想要得到其他顏色的話,就需要進行混合。

例如說,在RGB顏色模式下,紅色(R)加上綠色(G),便可以混合出黃色,那麼當我們想要得到黃色時,便可以把R設置為255,G設置為255,藍色設置為0,這樣便得到了明黃色。

顯然,這樣的顏色調整是相當反人類的,如果沒有一定的設計知識,就會很難調出來想要的顏色。

而人眼在觀察顏色時,卻是通過顏色的深淺、明暗來區分的,也就是設計中常說的色相、飽和度、明度,比如,粉紅色比棗紅色淺一些,轉換為設計語言,即為粉紅色的飽和度比棗紅色低,同時明度比棗紅色高。那麼,什麼樣的模式是最適合人眼的呢?答案是HSB顏色模式。

H是色相(Hue),也就是顏色的屬性,是藍色或是紅色,是綠色或是黃色;

S是飽和度(Saturation),也就是純度,顯示了顏色的鮮艷與黯淡;

B是明度(Brightness),即顏色的深淺,明度越高,顏色越接近白色,越低,則越接近黑色。

因此,使用HSB來調整顏色,可以讓人可以更直觀的調整出想要的顏色來。

還是拿剛才的例子來說,假如我們已經有一個棗紅色,想要把它調整為粉紅色,只需要降低它的飽和度,提升明度,即可輕鬆得到,這樣一來,調整顏色也會變得非常輕鬆了。

2、配色如何影響人的情緒

明白了如何用眼睛進行調色後,我們再來簡單了解下顏色對情緒的影響,讓你配出符合人心理情緒的顏色。

心理學家認為,人的第一感覺就是視覺,而對視覺影響最大的則是色彩。

人的行為之所以會受到顏色的影響,是因為行為多是基於情緒所支配的,例如,我們在傷心難過的時候往往吃不下飯,而開心的時候則會多吃兩碗。

顏色是起源於大自然先天的色彩,所以我們在看到顏色時,也會無意識地聯想到自然,例如看到藍色,我們會想起廣袤無垠的天空與大海,從而讓心情平靜下來。

紅色,則是血液的顏色,也是鞭炮炸開的火花,所以,它既是危險的信號,也是喜慶的象徵。這些記憶,早已深深的刻入我們的基因中,因而,顏色會影響到人類的情緒變化。

3、控制好顏色面積,死亡組合色可以很好看

大家應該也都聽說過的一句話,「紅配綠,丑到頭」,這句話在不同的方言里,會為了押韻而改編為不同的詞,但究其本意,也是在描述紅綠搭配有多難看。

但是,紅藍配,紅綠配,就真的無解嗎?

答案是否定的。

只要控制好顏色的範圍、飽和度、明度,即便是死亡組合,也可以搭配出不錯的效果。這也就是很多配色文章裡面提到的,主色調、次色調、點綴色等等。

二、百搭配色技巧

用一些插畫案例給大家介紹一些百搭的配色技巧,讓你在不確定風格的時候,也能輕鬆搭配出好看的顏色來。

同色系、相鄰色搭配

相信很多同學在看配色文章時,都接觸過同色系、相鄰色這個概念。

在色環上,這兩種顏色搭配相隔非常近,所以,它們在搭配時,會降低對比度,從而讓畫面看起來比較和諧。這種配色方法是非常保險的,幾乎很難出錯。

對比色、互補色搭配

如果你覺得,同色系的搭配太過單調,那麼也可以嘗試互補色與對比色的搭配。

在很多時候,互補色和對比色並沒有很嚴格的區分,或者說這兩者也可以理解為同一種搭配,它們都因為對比鮮明而容易讓畫面更出彩。

注意顏色的節奏感

不管你選擇了哪種配色方案,一定要注意:在搭配時,要把握好顏色的節奏感。

我們都知道,一首歌里,會有快歌部分,也會有慢歌部分,同樣的,在插畫配色時,也要有主次之分。這也是人們常說的主色、副色、點綴色的搭配技巧。

主色,是畫面中最主要的色彩,奠定了插畫的基調。而副色,在畫面中的占比相對較小,相當於電影中女配男配的地位,起到襯托主角的效果。

三、如何從別人的作品中借鑑配色

想要快速提升配色技巧,從別人的作品中借鑑是個不錯的選擇。

我們要根據圖片本身的顏色面積,來製作自己的色卡。

這樣色卡的好處,是可以清楚直觀的明白顏色的使用,在自己搭配時,也可以更好的去借鑑,而不是像往常那些色卡一樣,鬍子眉毛一把抓,反而搭配出奇怪的效果。

用同樣的方法,我們還可以製作更多自己的專屬色卡。

結語

想要學好配色,絕非一日之功,即便了解了各種理論與技巧,也需要在長時間的練習中慢慢摸索,才能逐漸掌握。最後,祝願大家都能夠如願以償,學會自己的配色風格。


編輯:千鋒UI設計

文章來源: https://twgreatdaily.com/zh-mo/iEIIzm4BMH2_cNUgNwwE.html