視覺傳達(dá)中的色彩奧秘

資訊頻道 - 設(shè)計(jì)技 來源:設(shè)計(jì)在線 作者:selin 2011-03-24

我要講的,是純視覺要素方面的,而不是設(shè)計(jì)其他方面(例如文化內(nèi)涵、構(gòu)圖等等),就是人看到作品后的第一反應(yīng),就像男人看到美女之后眼前一亮,至于美女道德、生活習(xí)慣好不好都不去管。以下要素是我們的眼睛在幾十年的生活中培養(yǎng)出來的“本領(lǐng)”,我們的眼睛無時(shí)無刻在捕捉這些要素,要素豐富時(shí),就滿足了視覺需求,眼睛覺得“爽”、“眼前一亮”,達(dá)不到要求時(shí),就覺得“總覺得缺點(diǎn)什么”,但大多數(shù)人都“說不出來”到底缺什么,不是嗎?有時(shí)候我想,人的進(jìn)化似乎還沒達(dá)到完美,以至于人的眼睛和大腦是脫節(jié)的,眼睛爽的時(shí)候大腦不知道為什么爽,F(xiàn)在我就把眼睛為什么爽告訴你。

01/

顏色三要素    

也就是HSB模式里的明度、色相、純度,這大家都知道。其中明度是重中之重,明度太重要了,以至于黑白色盲平日生活里光靠明度就能活的很好,以至于列賓靠素描就能成為大師。上面說的眼睛在捕捉的很大一部分就是明度,準(zhǔn)確的說,是明度對(duì)比,即“高光”和“暗調(diào)”的對(duì)比,再通俗點(diǎn)就是白和黑的對(duì)比。高光告訴我們物體的形狀和質(zhì)感,暗調(diào)告訴我們物體在空間的位置關(guān)系(也就是物體上光照不到的黑暗部分和它在其他物體上的投影)。掌握了這兩點(diǎn)(對(duì),只有這兩點(diǎn)),我們就能在生活中生活了。我們走路,眼睛捕捉地面的高光,知道地面是水泥的還是大理石的要用什么力度去走以避免滑倒,看到前面那個(gè)坑凹進(jìn)去形成的陰影知道那個(gè)坑有多深我們跨過去;看見蘋果洗過后水反光的晶瑩高光我們就大概判定它很干凈可以吃了,看見它在桌面上黑實(shí)的投影知道它放在桌面上(如果它懸浮在桌面上投影就會(huì)虛化)然后我們伸手去抓它。。。。。。等等,簡單地說,你就是靠明暗混呢!

這里再講一下為什么高光表現(xiàn)之感。表面光滑的物體高光邊緣清晰,粗糙的高光虛化,除此之外還有各式各樣復(fù)雜的高光。畫畫的人肯定都清楚所以我建議你沒事練練素描。除了上面我放大的按鈕那個(gè)圖,還有著名的蘋果的水晶按鈕,此外你還可在網(wǎng)上搜索高質(zhì)感圖標(biāo),看看他們的高光是怎么加的,此外我還做了一個(gè),高光層我就加了7個(gè),源文件在附件里下載你可以看下是怎么加的。當(dāng)然注意還用了強(qiáng)明暗對(duì)比


 


至于色相和純度,它們都沒明度重要。曾在哪個(gè)地方看過這么一句話:”明度是色彩的骨骼,是色彩的關(guān)鍵;色相是色彩的華美肌膚,是色彩的靈魂;純度體現(xiàn)色彩內(nèi)向的品質(zhì),是色彩的精神。“要我說嘛,我認(rèn)為:“明度是精神(明暗對(duì)比會(huì)讓你眼前一亮);色相是表情(暖色或冷色對(duì)應(yīng)高興或悲傷);純度是態(tài)度、情緒(熱情洋溢或者含蓄靦腆).”

所以我們看到一副作品時(shí),我們的眼睛會(huì)努力以我們?cè)谏钪械牧?xí)慣去在作品里尋找要素,即明度、色相和純度。當(dāng)眼睛覺得明度對(duì)比不夠時(shí),就像我們無法分清物體的形狀和位置,眼睛就覺得不舒服,也就是我們平常說的“說不出來哪不對(duì)”。當(dāng)明暗對(duì)比強(qiáng)烈時(shí),能夠充滿滿足視覺需求,我們就覺得眼前一亮,很爽“爽”、“眼前一亮”。無圖無真相,你能看出下面這些圖,設(shè)計(jì)者玩了怎樣的把戲嗎?

風(fēng)景類:

調(diào)整前

調(diào)整后

調(diào)整前

調(diào)整后

 

網(wǎng)頁設(shè)計(jì)類(藍(lán)圈內(nèi)為暗調(diào)合并部分)

電影海報(bào)類


是不是很爽?呵呵,還有好萊塢電影,全部是這種效果。那問題來了,請(qǐng)看下面幾幅圖:

這幾幅圖的暗調(diào)明顯不夠黑,也就是未達(dá)到全色階對(duì)比,為什么眼睛也甚是喜歡呢?

1.精細(xì)度

如圖:

放大圖可看到,按鈕的明暗不是簡單的明-暗對(duì)比,而是暗-明-暗。而你仔細(xì)觀察第一幅圖的那個(gè)氣球,也有一定的明暗對(duì)比。為什么精細(xì)的明暗對(duì)比會(huì)覺得舒服呢?

因?yàn)榫?xì)的對(duì)比可以刻畫質(zhì)感,而質(zhì)感就是我們的眼睛一直苦苦尋求的。

2.最重要的一句話:“明暗、色相、飽和度的強(qiáng)烈與否甚至其他一切設(shè)計(jì)元素取決于我們所需要表達(dá)的情感基調(diào)”。我們寫生日賀卡或情書的時(shí)候會(huì)選擇對(duì)比不是很強(qiáng)烈,對(duì)比度比較弱的圖片,如下:

 

 

這樣的圖片當(dāng)然是首選,為什么?——因?yàn)槲覀兙托枰憩F(xiàn)出這樣朦朧的感覺。而明暗對(duì)比越弱,朦朧、童話感越強(qiáng);明暗對(duì)比越強(qiáng),越立體、現(xiàn)實(shí)。

下面來看兩個(gè)強(qiáng)對(duì)比暖色調(diào)高飽和和弱對(duì)比冷色調(diào)低保和的例子


 

但生活中大部分的設(shè)計(jì)需求都不會(huì)太童話,所以一定的明暗對(duì)比是必須的,我們的眼睛也需要一點(diǎn)明暗加以視覺刺激來滿足需求。。
明暗就像一個(gè)人的“精氣神”,這個(gè)“神”就是明暗對(duì)比對(duì)你視覺的刺激。而強(qiáng)明暗對(duì)比,低保和比做人來說,就像一個(gè)衣著端莊,沖你微笑,雙眼有神而堅(jiān)定的小伙子?聪聢D:


下面是個(gè)低明度對(duì)比,暖色高飽和的例子

再補(bǔ)充一點(diǎn):精細(xì)、高強(qiáng)度明暗對(duì)比的物體更吸引人眼球,所以我們?cè)谠O(shè)計(jì)的時(shí)候非主體不要做得太精致,而主要部分要加強(qiáng)明暗對(duì)比以突出。

02/

關(guān)于色相

色相無非就是冷色、暖色、中性色。配色是一個(gè)發(fā)自內(nèi)心的、表達(dá)內(nèi)心情感的感性行為。曾經(jīng)我也試圖在一個(gè)全色相的圓周圖上苦苦尋找各種經(jīng)典配色的普遍規(guī)律(其實(shí)我很懶的,研究這些東東就是為了以后不動(dòng)腦筋直接套規(guī)律),最終才發(fā)現(xiàn)配色是沒有規(guī)律的。以前看過一句話:“顏色沒好看難看之分,什么顏色都美”,我非常贊同,只要你配得好。所以大家以后看到什么經(jīng)典配色組合表,還用一個(gè)個(gè)方塊把顏色提取出來搞得人越發(fā)覺得神秘的,都是扯蛋。例如這張圖,原圖是這個(gè)

出自一個(gè)所謂經(jīng)典配色表,旁邊也放了很多提取的顏色塊,但不要被作者蒙蔽了,我覺得這個(gè)顏色不太好看,把綠色改成藍(lán)色,冷暖對(duì)比我更喜歡

甚至再把藍(lán)色調(diào)艷,畫面立刻又多了個(gè)亮點(diǎn),顯得歡快起來

配色是要無拘無束,但太花了也不好看。這里注意一下配色的一個(gè)規(guī)律是:“[b]統(tǒng)一和對(duì)比并存”。即一個(gè)作品如果是有色的,就要定一個(gè)主色調(diào),想再添加活力的就再加以其他色彩輔助對(duì)比,這里注意一下中性色(即綠色、紫色、青色)相比冷色和暖色可以多加。但是輔助色畢竟是輔助,一定不能強(qiáng)了主色的風(fēng)頭。就像艾弗爾鐵塔周圍的建筑都不能高過它,它的突出就是對(duì)比,其他建筑不搶它的風(fēng)頭就是統(tǒng)一。題外話:為什么統(tǒng)一對(duì)比并存就覺得舒服呢?我想可能我們?nèi)硕枷矚g安定、安全的生活(統(tǒng)一),而安定的生活中又不能缺乏活力(對(duì)比),整個(gè)人類就是在這樣的環(huán)境中一代代繁衍生息;或者是因?yàn)榇笞匀坏娜f物的色調(diào)都不是很飽和的,而視覺上又需要一些對(duì)比加以刺激,有時(shí)真感嘆自然造物主的偉大,啊。。。。。說遠(yuǎn)了
那么當(dāng)輔助色過去搶眼怎么辦?降低明度或飽和度,或縮小它的面積,即把它弱化;還有個(gè)方法就是改變輔助色的色相,把它改到靠近主色調(diào)的顏色(這個(gè)相當(dāng)于同色系配色了,只要調(diào)整明度和飽和度就行了,下面就不舉例了)。看下面兩個(gè)例子
飽和度弱化(藍(lán)色)


面積弱化(黃色面積大于藍(lán)色)

降低背景的明度突出前景色

除此之外還有幾條配色小技巧:
*白色會(huì)“沖淡”其他顏色,黑色會(huì)“加深”其他顏色。例如當(dāng)用到大面積高飽和的綠色這樣比較“跳”的顏色時(shí),可以加白色塊沖淡;當(dāng)色相太散,主題色不突出時(shí),可以加黑色塊加重明度對(duì)比以補(bǔ)充色相上的不足
*注意色相對(duì)比的同時(shí)當(dāng)然不能忘了明度的對(duì)比
*其他。。。想到了再補(bǔ)充
總之配色是一個(gè)理性的過程,把你那一瞬間腦海的色彩表現(xiàn)出來的配色就是好配色,因?yàn)樗苓原一種真實(shí)的生活中的情感,設(shè)計(jì)源于生活。希望大家也不要被我上面講的那么多拘束了,多練,多想多體會(huì)才能提高,也許將來你也能發(fā)現(xiàn)一套你自己的心得。

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

全部評(píng)論

暫無相關(guān)推薦