在紛繁復(fù)雜的視覺信息中,設(shè)計(jì)的首要任務(wù)是吸引視覺的注意力。在人的視覺層次中,色彩占據(jù)著第一順位,最先被人的視覺所感知,所以較圖形、文字有著在短暫的時(shí)間中吸引觀眾視覺注意力的顯著效果,而且有效距離也更遠(yuǎn)。所以設(shè)計(jì)作品的合理配色是作品成功的起點(diǎn)。
好的配色往往依靠設(shè)計(jì)師審美、感覺搭配出來,但合理的顏色搭配必定存在合理的配色規(guī)律和配色方法論的支撐,本期分享簡(jiǎn)單有效的配色方法,希望能給新手「色」計(jì)師一些啟發(fā)。
對(duì)于新手設(shè)計(jì)師來說,顏色越少越容易把控畫面。色彩層級(jí)越精簡(jiǎn),就越容易達(dá)到整體色彩平衡,掌握好色彩的功能劃分必然會(huì)讓你的配色過程保持思路清晰,從而提高效率。
有些時(shí)候畫面甚至只使用一種或者兩種顏色也可以做出優(yōu)秀的設(shè)計(jì)。一般情況下建議畫面色彩不超過 3 種。3 種指的是色相,比如深紅和暗紅色可視為一種色相,黑白灰為無彩色,不算在內(nèi)。
1. 單色配色
在同一色相上進(jìn)行純度、明度變化,搭配上并沒有形成顏色的層次,但形成了明暗的變化,單色搭配可以產(chǎn)生低對(duì)比度的和諧美感,給人協(xié)調(diào)統(tǒng)一的感覺。
以綠色為基調(diào)的單色搭配,很好的突出產(chǎn)品「本草韻味」的特點(diǎn)。
使用單色(紫色)細(xì)微的漸變對(duì)比,畫面并不會(huì)顯得單調(diào),而且還有著低對(duì)比度的和諧美感。
不需要使用過多的顏色,通過藍(lán)色明度的層次變化,畫面也可以很豐富,能很好傳達(dá)出清涼夏日大放價(jià)的主題。
2. 雙色搭配
色彩的數(shù)量越少,就越會(huì)呈現(xiàn)出強(qiáng)而有力的對(duì)比印象。在一個(gè)設(shè)計(jì)中如果只用兩種顏色就能夠完美呈現(xiàn)所要傳達(dá)的效果,那么就沒有必要添加任何其他輔助色彩了。因?yàn)樯蕦蛹?jí)越精簡(jiǎn),就越容易達(dá)到整體色彩平衡,也越容易把控。
廣告語使用高純度高亮度的黃色,在低明度藍(lán)色背景上,產(chǎn)生非常強(qiáng)烈的對(duì)比,很好把信息傳遞給受眾。
使用粉紅、紫色雙主色,面積幾乎相當(dāng),使之整體協(xié)調(diào)平衡,既有對(duì)比又有統(tǒng)一。
在灰白色背景上,通過紫、黃色對(duì)比很好的拉開層次,給人簡(jiǎn)潔大氣的感覺。
3. 多色搭配
一些促銷、節(jié)日、兒童、食品等設(shè)計(jì),要求畫面有熱鬧、活力氣氛,常會(huì)使用多色搭配使畫面顯得活躍,色彩數(shù)量使用的越多,就越會(huì)形成熱鬧愉悅的印象。
但是顏色越多,越要根據(jù)配色比例來分配主色和副色,不然會(huì)使畫面非;靵y,難以控制。
雖然在色彩數(shù)量上使用較多,但是通過大面積背景色的緩解和色彩明度的統(tǒng)一,不會(huì)有哪些色彩過于突出,也能表現(xiàn)出協(xié)調(diào)感、平衡感。
有設(shè)計(jì)師曾提出過一個(gè)配色比例:70:25:5,其中的 70% 為大面積使用的主色,25% 為副色,5% 為點(diǎn)綴色。當(dāng)然不是說每個(gè)設(shè)計(jì)都要遵循這個(gè)配色比例,但是告訴我們一個(gè)非常有用的配色規(guī)律:任何一個(gè)設(shè)計(jì)版面中通常都要有一個(gè)最主要和突出的顏色作為畫面的主角,其他作為輔助或襯托的顏色則會(huì)作為配角,按照各自關(guān)系和強(qiáng)度呈現(xiàn)。
通常配色設(shè)計(jì)過程是從確定主色開始,再選擇與之搭配的副色,最后根據(jù)造型、排版等方面調(diào)整增加多個(gè)點(diǎn)綴色。
主色:是整個(gè)色調(diào)的核心顏色,通常也是相對(duì)占比最多的顏色,它決定了整體的風(fēng)格和基調(diào)。
副色:畫面中占比相對(duì)較小的顏色,它通常起到輔助主色、豐富畫面的作用。一般是品牌色、產(chǎn)品顏色、大標(biāo)題的顏色,常常是畫面最重要的顏色,傳遞的是最核心信息。
點(diǎn)綴色:面積較小的色相,給主色、副色增加對(duì)比效果,讓畫面視覺效果更豐富細(xì)膩。
接下來通過一則「匹克基德三代運(yùn)動(dòng)鞋」的廣告設(shè)計(jì),示范配色步驟。
首先確定主色。因?yàn)橐怀霎a(chǎn)品「三級(jí)緩震技術(shù)」的技術(shù)性,使用藍(lán)色為主色調(diào),藍(lán)色的運(yùn)動(dòng)鞋在藍(lán)色背景的烘托下傳達(dá)出很強(qiáng)的科技感。
接下來選擇與主色搭配的副色(紅色)。藍(lán)色和紅色屬于對(duì)比色,藍(lán)色的沉靜穩(wěn)重搭配紅色的熱情艷麗,形成了強(qiáng)烈的對(duì)比,并使各自的色相更顯突出,更為艷麗,具有強(qiáng)烈的視覺沖擊力。
如果想讓畫面顯得更豐富、熱鬧,可以添加點(diǎn)綴色。點(diǎn)綴色可以是一種色彩也可以是多種色彩,主要是裝飾版面并為畫面增添豐富的效果。
假如把一個(gè)畫面看成一部電影,那么主色就是整個(gè)電影的主角,而副色則僅次于主角的配角,點(diǎn)綴色則可以看做其他不太重要的配角。
電影主角主導(dǎo)了整個(gè)電影的走向,對(duì)于設(shè)計(jì)作品來說,也是相同的道理,所以在配色過程中,首要的任務(wù)是確定配色的主色,讓它來主導(dǎo)整個(gè)畫面,之后的配色才會(huì)有章可循。
主色調(diào)好似樂曲中的主旋律,決定著版面給受眾的主要感受,是充滿活力的,還是莊重寧?kù)o的,是熱烈歡快的,還是含蓄深沉的。主色調(diào)在形成版式設(shè)計(jì)風(fēng)格上起著舉足輕重的作用,在主色很清晰明確的情況下,可以快速地把畫面氣質(zhì)表達(dá)出來。
那么該如何確定主色調(diào)呢?這里給大家提供四種方法。
1. 依據(jù)企業(yè)形象用色
在激烈的市場(chǎng)競(jìng)爭(zhēng)中,為了突出企業(yè)形象,提升產(chǎn)品的附加價(jià)值和識(shí)別度,以企業(yè)形象的形象色為主色調(diào)進(jìn)行設(shè)計(jì),使設(shè)計(jì)的畫面具有統(tǒng)一的色彩,是最直接的配色方式。
如可口可樂熱情喜慶的「紅色」、百事可樂年輕活力的「藍(lán)色」向人們傳達(dá)出強(qiáng)烈的品牌效應(yīng)。統(tǒng)一的識(shí)別性使消費(fèi)者很容易通過色彩形象識(shí)別出企業(yè),企業(yè)的良好形象自然地讓消費(fèi)者產(chǎn)生了可信度和品質(zhì)感。
如果你不知道如何選擇主色,那么以企業(yè)的形象色為主色調(diào)準(zhǔn)沒錯(cuò),也是確定主色調(diào)最方便快捷的方法。
2. 依據(jù)行業(yè)、商品屬性用色
每一類別的行業(yè)、商品在消費(fèi)者的印象中都有著根深蒂固的「概念色」、「形象色」、「慣用色」,人們憑借色彩對(duì)行業(yè)、商品性質(zhì)進(jìn)行判斷的視覺習(xí)慣。這一視覺特點(diǎn)是由于人們長(zhǎng)期感情積累,并由感性上升為理性而形成的特定概念,它成為了人們判斷行業(yè)、產(chǎn)品的一個(gè)視覺信號(hào),因而它對(duì)色彩設(shè)計(jì)產(chǎn)生著重要的影響。
比如在站酷網(wǎng)搜索「科技」,會(huì)發(fā)現(xiàn)大量?jī)?yōu)秀作品都使用深藍(lán)色為主色調(diào)。因?yàn)樗{(lán)色代表智慧和知識(shí),很符合科技、互聯(lián)網(wǎng)、數(shù)碼等需要表達(dá)技術(shù)性的行業(yè)。
一般使用飽和度和亮度較高的淺藍(lán)色,與亮度較低的深藍(lán)色的背景搭配,通過明暗的反差來制造光感,就能擁有科技風(fēng)格的炫酷感。
搜索「兒童」,會(huì)發(fā)現(xiàn)大量?jī)?yōu)秀作品都使用明亮的黃色為主色調(diào)。因?yàn)槊骺斓狞S色具有年輕活力的屬性,可以營(yíng)造出童趣、夢(mèng)幻、充滿活力的氛圍,適合用在體現(xiàn)活潑、熱鬧、趣味性較強(qiáng)的設(shè)計(jì)中。
運(yùn)用此方法需要對(duì)行業(yè)或商品有一定的了解,可以通過搜索同行業(yè)或同商品的優(yōu)秀作品進(jìn)行分析,從而了解他們的常用的配色方案。
3. 根據(jù)主體色用色
根據(jù)主體本身的顏色,選取同類或相鄰色相做為主色,使畫面更統(tǒng)一協(xié)調(diào)。這個(gè)方法能很好的與主體色相呼應(yīng),視覺上產(chǎn)生相關(guān)聯(lián)。
當(dāng)畫面有主體時(shí),最直接的方法就是根據(jù)主體的顏色使用相似的色彩做為主色,文案顏色可以使用無色系的黑白灰,這樣能使畫面配色形成統(tǒng)一協(xié)調(diào)的基調(diào)。
4. 依據(jù)色彩情感用色
色彩能夠渲染氣氛和引起聯(lián)想,是最能影響觀眾情緒,引起讀者的心理共鳴的視覺元素。在主色很清晰、很明確的情況下,可以最快速、最簡(jiǎn)單的把畫面氣質(zhì)表達(dá)出來。
以下四個(gè)案例都是化妝品的廣告,但是不同的色調(diào)給我們的感受是完全不一樣的,黑色神秘奢華,綠色清新自然,紫色性感奢華,紅色華麗時(shí)尚。
人們對(duì)色彩的聯(lián)想,雖然會(huì)因?yàn)楦鞣N原因而存在差異,但是也有相當(dāng)程度的共性。設(shè)計(jì)師在應(yīng)用某種色彩之前,要充分理解和掌握這種色彩的情感意象以及它在特定環(huán)境下帶給人們的聯(lián)想與象征。大自然的顏色是無窮無盡的,新手設(shè)計(jì)師只需記住六種基礎(chǔ)色相即可。
公眾號(hào)配色攻略系列有六種色彩情感的詳細(xì)講解和實(shí)操示范,大家可以查看之前的文章:
配色建議:對(duì)于新手設(shè)計(jì)師來說,顏色越少越容易把控畫面。色彩層級(jí)越精簡(jiǎn),就越容易達(dá)到整體色彩平衡,掌握好色彩的功能劃分必然會(huì)讓你的配色過程保持思路清晰從而提高效率。
配色步驟:通常配色設(shè)計(jì)過程是從確定主色開始,再選擇與之搭配的副色,最后根據(jù)造型、排版等方面調(diào)整增加多個(gè)點(diǎn)綴色。
主色調(diào)的功能:在配色過程中,首要的任務(wù)是確定主色,讓它來主導(dǎo)整個(gè)畫面,之后的配色才會(huì)有章可循。
4 種確定主色調(diào)的方法:
- 依據(jù)企業(yè)形象用色
- 依據(jù)行業(yè)、商品屬性用色
- 根據(jù)主體色用色
- 依據(jù)色彩情感用色。
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。