對(duì)很多人來說,配色是個(gè)十分讓人頭疼的問題。尤其是設(shè)計(jì)新人,沒有接受過系統(tǒng)的色彩訓(xùn)練,在配色方面始終不能隨心發(fā)揮。每次設(shè)計(jì)完,你可能總對(duì)配色不滿意,感覺很不舒服,又無從下手。你可能還收藏了一大堆色卡,實(shí)際用時(shí),卻和想象不一樣。
所以說,我們?cè)谡莆樟松实南嚓P(guān)理論之后,還要根據(jù)相應(yīng)的場(chǎng)景,來運(yùn)用不同的配色規(guī)律,這樣才可以實(shí)現(xiàn)更好的設(shè)計(jì)。
這篇文章,我將通過 3大點(diǎn),讓你明白以下 幾個(gè)問題
1、 怎樣結(jié)合色彩理論,進(jìn)行正確調(diào)色?
2、 百搭配色技巧,如何迅速出圖?
如何使用配色技巧,以及如何從別人作品中正確“抄”色?
一、顏色的基本知識(shí)
了解配色技巧之前,我們要先來學(xué)習(xí)些關(guān)于顏色的知識(shí),掌握好了理論之后,你能“以不變,應(yīng)萬變”,在實(shí)際配色的練習(xí)中,慢慢總結(jié)出屬于自己的風(fēng)格。
1、為什么要用HSB模式調(diào)色
如果學(xué)過初中物理,我們會(huì)明白,色彩是可見光在物體顏料上,除去被吸收的光后,散射出來的波長(zhǎng),不同的波長(zhǎng)會(huì)表現(xiàn)出不同的顏色。
而電腦屏幕端的顏色,則是白色光透過帶顏色的電子屏幕后,表現(xiàn)出來的光的顏色。
所以,在設(shè)計(jì)軟件中,顏色模式被分為了CMYK和RGB,同時(shí),由于印刷顏料的限制,CMYK的顏色模式往往會(huì)比RGB稍微暗一點(diǎn)點(diǎn)。
然而,這兩種顏色模式,都不是基于人眼的最優(yōu)選。為什么呢?因?yàn)镃MYK和RGB 都不好用眼睛直接調(diào)色,這兩個(gè)顏色模式都是混色模式,除了其本身自帶的顏色之外,想要得到其他顏色的話,就需要進(jìn)行混合。
例如說,在RGB顏色模式下,紅色(R)加上綠色(G),便可以混合出黃色,那么當(dāng)我們想要得到黃色時(shí),便可以把R設(shè)置為255,G設(shè)置為255,藍(lán)色設(shè)置為0,這樣便得到了明黃色。

顯然,這樣的顏色調(diào)整是相當(dāng)反人類的,如果沒有一定的設(shè)計(jì)知識(shí),就會(huì)很難調(diào)出來想要的顏色。
而人眼在觀察顏色時(shí),卻是通過顏色的深淺、明暗來區(qū)分的,也就是設(shè)計(jì)中常說的色相、飽和度、明度,比如,粉紅色比棗紅色淺一些,轉(zhuǎn)換為設(shè)計(jì)語言,即為粉紅色的飽和度比棗紅色低,同時(shí)明度比棗紅色高。那么,什么樣的模式是最適合人眼的呢?答案是HSB顏色模式。

H是色相(Hue),也就是顏色的屬性,是藍(lán)色或是紅色,是綠色或是黃色;
S是飽和度(Saturation),也就是純度,顯示了顏色的鮮艷與黯淡;
B是明度(Brightness),即顏色的深淺,明度越高,顏色越接近白色,越低,則越接近黑色。
因此,使用HSB來調(diào)整顏色,可以讓人可以更直觀的調(diào)整出想要的顏色來。
還是拿剛才的例子來說,假如我們已經(jīng)有一個(gè)棗紅色,想要把它調(diào)整為粉紅色,只需要降低它的飽和度,提升明度,即可輕松得到,這樣一來,調(diào)整顏色也會(huì)變得非常輕松了。

2、配色如何影響人的情緒
明白了如何用眼睛進(jìn)行調(diào)色后,我們?cè)賮砗?jiǎn)單了解下顏色對(duì)情緒的影響,讓你配出符合人心理情緒的顏色。
心理學(xué)家認(rèn)為,人的第一感覺就是視覺,而對(duì)視覺影響最大的則是色彩。
人的行為之所以會(huì)受到顏色的影響,是因?yàn)樾袨槎嗍腔谇榫w所支配的,例如,我們?cè)趥碾y過的時(shí)候往往吃不下飯,而開心的時(shí)候則會(huì)多吃兩碗。
顏色是起源于大自然先天的色彩,所以我們?cè)诳吹筋伾珪r(shí),也會(huì)無意識(shí)地聯(lián)想到自然,例如看到藍(lán)色,我們會(huì)想起廣袤無垠的天空與大海,從而讓心情平靜下來。

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

3、控制好顏色面積,死亡組合色可以很好看
大家應(yīng)該也都聽說過的一句話,“紅配綠,丑到頭”,這句話在不同的方言里,會(huì)為了押韻而改編為不同的詞,但究其本意,也是在描述紅綠搭配有多難看。
但是,紅藍(lán)配,紅綠配,就真的無解嗎?
答案是否定的。


只要控制好顏色的范圍、飽和度、明度,即便是死亡組合,也可以搭配出不錯(cuò)的效果。這也就是很多配色文章里面提到的,主色調(diào)、次色調(diào)、點(diǎn)綴色等等。
二、百搭配色技巧
用一些插畫案例給大家介紹一些百搭的配色技巧,讓你在不確定風(fēng)格的時(shí)候,也能輕松搭配出好看的顏色來。
① 同色系、相鄰色搭配
相信很多同學(xué)在看配色文章時(shí),都接觸過同色系、相鄰色這個(gè)概念。

在色環(huán)上,這兩種顏色搭配相隔非常近,所以,它們?cè)诖钆鋾r(shí),會(huì)降低對(duì)比度,從而讓畫面看起來比較和諧。這種配色方法是非常保險(xiǎn)的,幾乎很難出錯(cuò)。

② 對(duì)比色、互補(bǔ)色搭配
如果你覺得,同色系的搭配太過單調(diào),那么也可以嘗試互補(bǔ)色與對(duì)比色的搭配。

在很多時(shí)候,互補(bǔ)色和對(duì)比色并沒有很嚴(yán)格的區(qū)分,或者說這兩者也可以理解為同一種搭配,它們都因?yàn)閷?duì)比鮮明而容易讓畫面更出彩。

③ 注意顏色的節(jié)奏感
不管你選擇了哪種配色方案,一定要注意:在搭配時(shí),要把握好顏色的節(jié)奏感。
我們都知道,一首歌里,會(huì)有快歌部分,也會(huì)有慢歌部分,同樣的,在插畫配色時(shí),也要有主次之分。這也是人們常說的主色、副色、點(diǎn)綴色的搭配技巧。
主色,是畫面中最主要的色彩,奠定了插畫的基調(diào)。而副色,在畫面中的占比相對(duì)較小,相當(dāng)于電影中女配男配的地位,起到襯托主角的效果。

三、如何從別人的作品中借鑒配色
想要快速提升配色技巧,從別人的作品中借鑒是個(gè)不錯(cuò)的選擇。

我們要根據(jù)圖片本身的顏色面積,來制作自己的色卡。

這樣色卡的好處,是可以清楚直觀的明白顏色的使用,在自己搭配時(shí),也可以更好的去借鑒,而不是像往常那些色卡一樣,胡子眉毛一把抓,反而搭配出奇怪的效果。
用同樣的方法,我們還可以制作更多自己的專屬色卡。

結(jié)語
想要學(xué)好配色,絕非一日之功,即便了解了各種理論與技巧,也需要在長(zhǎng)時(shí)間的練習(xí)中慢慢摸索,才能逐漸掌握。最后,祝愿大家都能夠如愿以償,學(xué)會(huì)自己的配色風(fēng)格。
編輯:千鋒UI設(shè)計(jì)