設(shè)計(jì)師配色寶典!教你從零開(kāi)始學(xué)配色(一)

4 評(píng)論 36416 瀏覽 15 收藏 15 分鐘

 

設(shè)計(jì)原則101——色彩理論

第一印象決定一切!大家都可以從各自的外表上大概看出一個(gè)人的性格。同樣的,這個(gè)理論也可以延伸到設(shè)計(jì)工作里。但是影響設(shè)計(jì)工作的因素有很多,但是 第一時(shí)間被關(guān)注到的應(yīng)該是顏色。顏色反映了設(shè)計(jì)的整體感覺(jué),有時(shí)候單憑顏色就可以調(diào)度起一個(gè)人的情緒、情感甚至回憶。如果沒(méi)有掌握色彩理論的基礎(chǔ)知識(shí),你 會(huì)發(fā)現(xiàn)在日常工作和生活中,你忽略掉了很多細(xì)節(jié)。

找出哪些顏色配搭在一起很美膩并不是一件偶然的事兒,這其實(shí)是一項(xiàng)很科學(xué)道理的工作。不同的顏色組合適合不同的作品,而且這種類(lèi)似固定搭配的組合規(guī)則并不能輕易被打破。讓我們從最基礎(chǔ)的部分開(kāi)始了解色彩理論吧!

原色

設(shè)計(jì)師配色寶典!教你從零開(kāi)始學(xué)配色(一)

所有顏色的源頭被稱(chēng)為三原色,三原色指的是紅色、黃色和藍(lán)色。如果我們談?wù)摰氖瞧聊坏娘@示顏色,比如顯示器,三原色則分別是紅色、綠色和藍(lán)色,也就是我們熟悉的RGB。

間色

設(shè)計(jì)師配色寶典!教你從零開(kāi)始學(xué)配色(一)

如果將紅色和黃色、黃色和藍(lán)色、藍(lán)色和紅色均勻混合,就會(huì)創(chuàng)建三種間色:綠色、橙色和紫色。將這些顏色應(yīng)用進(jìn)項(xiàng)目中,可以提供很強(qiáng)烈的對(duì)比。

三級(jí)顏色

設(shè)計(jì)師配色寶典!教你從零開(kāi)始學(xué)配色(一)

三次色來(lái)源于間色與原色的混合,主要有:紅紫色、藍(lán)紫色、藍(lán)綠色、黃綠色、橙紅色和橙黃色?,F(xiàn)在,你應(yīng)該了解了顏色到底都是怎么衍生出來(lái)的,也可以 了解色輪上的顏色組合都是從何而來(lái)。理解了色彩的原則將有助于在項(xiàng)目中選擇顏色。為自己的設(shè)計(jì)選擇一個(gè)合適的調(diào)性,并創(chuàng)建適量的對(duì)比度,讓設(shè)計(jì)工作更好地 展開(kāi)吧!

接下來(lái)我們聊聊基于色輪我們可以得到的基本色彩組合。

互補(bǔ)色

設(shè)計(jì)師配色寶典!教你從零開(kāi)始學(xué)配色(一) 設(shè)計(jì)師配色寶典!教你從零開(kāi)始學(xué)配色(一)

互補(bǔ)色是指色輪上那些呈180°角的顏色。比如藍(lán)色和橙色、紅色和綠色、黃色和紫色等?;パa(bǔ)色有非常強(qiáng)烈的對(duì)比度,在顏色飽和度很高的情況下,可以創(chuàng)建很多十分震撼的視覺(jué)效果。

相似色

設(shè)計(jì)師配色寶典!教你從零開(kāi)始學(xué)配色(一) 設(shè)計(jì)師配色寶典!教你從零開(kāi)始學(xué)配色(一)

相似色是指在色輪上相鄰的三個(gè)顏色。相似色是選擇相近顏色時(shí)十分不錯(cuò)的方法,可以在同一個(gè)色調(diào)中制造豐富的質(zhì)感和層次。一些很好的色彩組合有:藍(lán)綠色、藍(lán)色和藍(lán)紫色;還有黃綠色、黃色和橘黃色。

三角色

設(shè)計(jì)師配色寶典!教你從零開(kāi)始學(xué)配色(一) 設(shè)計(jì)師配色寶典!教你從零開(kāi)始學(xué)配色(一)

三角色也是一組顏色。是通過(guò)在色環(huán)上創(chuàng)建一個(gè)等邊三角形來(lái)取出的一組顏色,可以讓作品的顏色很豐富。在上面的例子中,藍(lán)紫色和黃綠色就可以形成十分強(qiáng)烈的對(duì)比。

分散的互補(bǔ)色

設(shè)計(jì)師配色寶典!教你從零開(kāi)始學(xué)配色(一)

分散的互補(bǔ)色和互補(bǔ)色的區(qū)別在于分散的互補(bǔ)色并不是取目標(biāo)顏色正對(duì)面的顏色。拿上面的圖做例子來(lái)說(shuō)吧,黃色的互補(bǔ)色應(yīng)該是紫色,但是我們?nèi)∽仙赃叺膬蓚€(gè)顏色——紫紅色和藍(lán)紫色。這樣子不僅可以有一個(gè)強(qiáng)烈的對(duì)比度,而且還可以讓顏色更豐富。

四方色

設(shè)計(jì)師配色寶典!教你從零開(kāi)始學(xué)配色(一)

四方色是在色輪上畫(huà)一個(gè)正方形,取四個(gè)角的顏色。在上面的例子中是:紫紅色、橙黃色、黃綠色和藍(lán)紫色。這個(gè)顏色真的超棒的,不信可以自己用用感受一下,尤其是使用其中一個(gè)顏色作為主色,其他的三個(gè)顏色作為輔助色的時(shí)候。

四方補(bǔ)色

設(shè)計(jì)師配色寶典!教你從零開(kāi)始學(xué)配色(一)

四方補(bǔ)色和四方色的差別在于四方補(bǔ)色采用的是一個(gè)矩形。通過(guò)一組互補(bǔ)色兩旁的顏色建立的色彩組合。如上圖中的互補(bǔ)色橙色和藍(lán)色,分別選用他們兩旁的顏色來(lái)建立矩形,最終取得橙紅色、橙黃色、藍(lán)綠色和藍(lán)紫色。

明暗

設(shè)計(jì)師配色寶典!教你從零開(kāi)始學(xué)配色(一)

顏色的色調(diào)也可以影響顏色給人的感覺(jué),就拿上圖的藍(lán)色來(lái)說(shuō),第一張是原圖,第二張?zhí)砑恿税咨谌龔執(zhí)砑恿撕谏?,同樣的藍(lán)色產(chǎn)生了不同的感覺(jué)。在實(shí)際應(yīng)用中,可以在采用單色配色方案時(shí),通過(guò)改變顏色的色調(diào)來(lái)創(chuàng)建不同的感覺(jué)。

暖色

設(shè)計(jì)師配色寶典!教你從零開(kāi)始學(xué)配色(一)

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

冷色

設(shè)計(jì)師配色寶典!教你從零開(kāi)始學(xué)配色(一)

冷色也有其獨(dú)特的含義,通常會(huì)讓人聯(lián)想起涼爽的氣候、冬季、死亡、悲傷、冰、夜晚和水這些事物。冷色可以給人平靜、安寧、新人、干凈的感覺(jué)。紫色與尊貴經(jīng)常聯(lián)系在一起,看起來(lái)十分內(nèi)斂。

顏色的意義

紅色

紅色是代表愛(ài)情和激情的顏色。情人節(jié)的禮物通常都有一個(gè)紅色的盒子,或者是粉紅色,也就是添加一些白色的紅色。紅色也代表憤怒和血液。在火焰中可以 同時(shí)找到紅色、橙色和黃色。紅色也表示危險(xiǎn),所以很多表示停止的標(biāo)識(shí)牌都是紅色的,因?yàn)榧t色可以很好地吸引人們的注意。紅色是很強(qiáng)勢(shì)的顏色,當(dāng)它和其他顏 色相遇時(shí),比如搭配黑色,可以創(chuàng)建非常強(qiáng)勢(shì)的感覺(jué)。紅色可以搭配一些嚴(yán)肅的語(yǔ)氣和強(qiáng)硬的命令。

設(shè)計(jì)師配色寶典!教你從零開(kāi)始學(xué)配色(一)

橙色

橙色代表了溫暖,但是并不像紅色那樣咄咄逼人。橙色能夠創(chuàng)建一個(gè)有趣的氛圍,因?yàn)樗錆M(mǎn)了活力,而且橙色創(chuàng)造出的活躍氣氛并沒(méi)有危險(xiǎn)的感覺(jué)。橙色可以與一些健康產(chǎn)品搭上關(guān)系,比如維生素C,畢竟橙子里也有很多維生素C。

設(shè)計(jì)師配色寶典!教你從零開(kāi)始學(xué)配色(一)

黃色

提到黃色,經(jīng)常可以聯(lián)想到太陽(yáng)和溫暖。使用橙色的時(shí)候,可以創(chuàng)造出一種夏天的好玩的感覺(jué),黃色則帶給人口渴的感覺(jué),所以經(jīng)??梢栽谫u(mài)飲料的地方看到 黃色的裝飾。黃色也可以和懦弱與恐懼聯(lián)系起來(lái),這個(gè)則是因?yàn)橐郧啊皔ellow”這個(gè)詞也代表著這個(gè)意思。當(dāng)黃色與黑色搭配在一起時(shí),十分吸引人的注意 力,一個(gè)絕佳的例子就是很多國(guó)家的出租車(chē)都采用這種配色。

clip_image018

綠色

在西方國(guó)家,綠色是錢(qián)的顏色,這與他們的文化和財(cái)富有關(guān)。因?yàn)榇蠖鄶?shù)植物都是綠色的。綠色也代表著經(jīng)濟(jì)增長(zhǎng)和健康。綠色經(jīng)常用作一些保健食品的LOGO,因?yàn)榭雌饋?lái)就十分貼近自然。綠色還意味著利潤(rùn)和收益。如果搭配上藍(lán)色,通常會(huì)給人健康、清潔、生活和自然的感覺(jué)。

設(shè)計(jì)師配色寶典!教你從零開(kāi)始學(xué)配色(一)

藍(lán)色

藍(lán)色是一個(gè)神奇的顏色,因?yàn)椴煌鞫鹊乃{(lán)色會(huì)給人不同的感受、想法和情緒。如下圖中所示,深藍(lán)色可以給人一種悲傷的感覺(jué),讓人聯(lián)想起傷心時(shí)怎么聽(tīng)都 不夠的藍(lán)調(diào)音樂(lè)。而淺藍(lán)色則通常會(huì)讓人聯(lián)想起天空和水,給人以提神、自由和平靜的感覺(jué)。藍(lán)天永遠(yuǎn)都是平靜的,水流可以沖走泥土,清洗傷口,所以藍(lán)色也代表 著新鮮和更新。藍(lán)色給人冷靜的感覺(jué),會(huì)幫助人放松下來(lái)。

設(shè)計(jì)師配色寶典!教你從零開(kāi)始學(xué)配色(一)

紫色

紫色總是讓人不禁想起皇室成員的長(zhǎng)袍。紫色可以更多地與浪漫、親密、柔軟舒適的質(zhì)感產(chǎn)生聯(lián)系。紫色給人一種奢華的感覺(jué),也有一種神秘感。下面這個(gè)葡萄酒網(wǎng)站就是極好的例子。

設(shè)計(jì)師配色寶典!教你從零開(kāi)始學(xué)配色(一)

白色

白色通常與醫(yī)院聯(lián)系在一起,因?yàn)獒t(yī)生們都是穿著白大褂的,而且醫(yī)院內(nèi)部的裝修通常也是白色的。此外,宗教繪畫(huà)有時(shí)候也是沒(méi)有色彩的,白色也代表著圣 潔。白色通常給人干凈的感覺(jué),比如白色的床單和衣服都讓人感覺(jué)很干凈。也可以代表棉花和柔軟的云朵。心理健康相關(guān)的事物也可以選用白色,白色也同樣適用于 衛(wèi)生、清潔相關(guān)的設(shè)計(jì)。比如下面這個(gè)網(wǎng)站,就很好地利用了白色。

設(shè)計(jì)師配色寶典!教你從零開(kāi)始學(xué)配色(一)

黑色

黑色通常與死亡有關(guān),尤其是在美國(guó)。它可以代表腐壞,因?yàn)楹芏嗍澄锔瘔淖冑|(zhì)以后就是黑色的。黑色也代表邪惡,因?yàn)槭前咨膶?duì)立顏色,而白色通常代表 著純潔美好善良。黑暗和未知也會(huì)給人焦慮的感覺(jué)。很多圖像中,黑色表達(dá)了抑郁、絕望和孤獨(dú)。雖然黑色有很多負(fù)面的含義,但是黑色也是一個(gè)萬(wàn)能色彩,當(dāng)黑色 遇上其他顏色的時(shí)候會(huì)產(chǎn)生其他的意義。比如當(dāng)黑色邂逅金黃色,就可以給人一種奢華、高檔的感覺(jué);當(dāng)黑色偶遇銀灰色,則會(huì)給人一種成熟穩(wěn)重的感覺(jué)。下面的網(wǎng) 站就完美詮釋了這一點(diǎn)。

設(shè)計(jì)師配色寶典!教你從零開(kāi)始學(xué)配色(一)

總結(jié)

作為一名設(shè)計(jì)師,了解色彩是一件必不可少的事兒。在設(shè)計(jì)的時(shí)候應(yīng)該慎重地考慮和選用顏色。通過(guò)不同的顏色,可以創(chuàng)造出不同感覺(jué)的圖像。合適的組合可 以獲得關(guān)注,通過(guò)視覺(jué)傳達(dá)設(shè)計(jì)師所想,進(jìn)一步拉近設(shè)計(jì)師與觀眾的距離,讓圖像更具力量。如果之前并不仔細(xì)考慮用色,現(xiàn)在開(kāi)始,應(yīng)該培養(yǎng)對(duì)于色彩的感覺(jué)。相 信客戶(hù)會(huì)看到一個(gè)不一樣的你,你的設(shè)計(jì)作品將會(huì)通過(guò)顏色建立聯(lián)想,更好地傳達(dá)信息。

原文來(lái)自:優(yōu)設(shè)

原文地址:sitepoint

優(yōu)設(shè)網(wǎng)翻譯:@木草彌生

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒(méi)評(píng)論,等你發(fā)揮!