Point 03　配色設(shè)計(jì)原理

在一般情況下，我們都是通過視覺來獲取各種信息，其中色彩是十分重要的信息之一，我們還會(huì)經(jīng)常通過色彩來對(duì)事物的狀態(tài)、情形和感覺做出判斷，它被譽(yù)為可以刺激感官、激發(fā)情感的元素。

1.色彩的基本屬性

色彩可分為非彩色和彩色兩大類別。非彩色是指白色、黑色和各種深淺不同的灰色。彩色有紅色、綠色、藍(lán)色等，它的表現(xiàn)很復(fù)雜，但可通過三個(gè)屬性來確定，即色相、飽和度、明度。下圖所示為在Photoshop中色相、飽和度、明度的表示。

色相：是指色別、色的相貌，如紅色、橙色、黃色、綠色、青色、藍(lán)色、紫色，如下圖所示。

飽和度：飽和度是指顏色的純度，高純度的色彩非常鮮明，低純度的色彩比較暗淡。如下圖所示，顏色的亮度增加，飽和度會(huì)降低；顏色中加入黑色，飽和度也會(huì)降低。

明度：明度是指人眼所能感受到的色彩的明暗程度，它是與人的心理、生理有關(guān)的一個(gè)屬性。

在各種顏料中，白顏料是反射率極高的物質(zhì)，黑顏料是反射率極低的物質(zhì)，如果在其他顏料中加入白色，可以提高混合色的明度；如果加入黑色，則可以降低混合色的明度。下圖所示為不同明度的綠色。

2.決定整體配色的理論

在設(shè)計(jì)中，并不是單純地選擇顏色，而是針對(duì)不同的需要來選擇，分析如何使配色更具效果和表現(xiàn)力，如何才能讓配色在剛進(jìn)入眼球的瞬間即可在頭腦中形成一種印象。

（1）帶有暖意和寒冷的色彩

暖色系的色彩可以使人感到溫暖，冷色系的色彩則可以使人感到寒冷，在配色中應(yīng)理解這一規(guī)律，只有這樣才能在具體的情況下使畫面更具表現(xiàn)效果。

色相環(huán)中的紅色、橘紅色、橘黃色、黃色等暖色系的色彩總能給人留下深刻的印象，體現(xiàn)出畫面喧囂華麗、精力充沛的感覺，營(yíng)造出熱情、溫暖、優(yōu)雅、時(shí)尚、活潑、可愛等不同的印象。在傳遞美味可口的印象時(shí)，暖色系色彩也是很具效果的，有增進(jìn)食欲的功能。暖色系中紅色是彰顯熱情的色彩，會(huì)給人留下強(qiáng)烈的印象，刺激人的情感，是最能刺激人類情感的色彩，具有使人興奮、脈搏跳動(dòng)加快的功能。面積越大，視覺沖擊的效果就越強(qiáng)。

冷色系的藍(lán)色是象征男性的顏色，給人留下寒冷、憂郁的同時(shí)，還能給人鎮(zhèn)靜、健康、清新、新鮮的感覺。冷色系的色彩可以使食物顯得很新鮮，適用于介紹蔬菜、魚等食材。

下圖（左）所示為暖色畫面，表現(xiàn)出快樂、甜蜜的感覺。下圖（右）所示為冷色畫面，表現(xiàn)出清涼、舒適、輕松的感覺。

技能拓展

暖色受眾群

色相環(huán)中接近橙色、黃色的顏色給人溫暖、溫和的印象，接近紫色的顏色則給人優(yōu)雅、時(shí)尚的印象。而粉色系色彩則體現(xiàn)活潑、可愛的感覺，主要用于年輕女性。因此，受眾群體的年齡越大，所用紅色的純度往往越高。

（2）感受成人和兒童的色彩

明度、純度都較低的配色能營(yíng)造都市成人的印象，明度、純度都較高的配色能營(yíng)造快樂、明朗的兒童印象。體現(xiàn)成人的配色往往以暗色為主，純度較低的灰色也在其中，接近無彩色會(huì)給人一種瀟灑、雅致、時(shí)尚感。體現(xiàn)兒童的配色以淺色為主，表現(xiàn)快樂時(shí)使用紅色、黃色、藍(lán)色、綠色等，粉色多用于女性，淺藍(lán)色多用于男性。

在高雅的都市成人中，女性應(yīng)以紅色、紫色等色相為中心，男性應(yīng)以冷色系的藍(lán)色色相為中心，年紀(jì)越大人們?cè)较矚g純度較低的自然色彩，時(shí)尚而又不失沉穩(wěn)。而明度、純度都較高的色彩多用于兒童，嬰幼兒多用淺色調(diào)的色彩。下圖（左）所示為表現(xiàn)成人的配色，下圖（右）所示為表現(xiàn)兒童的配色。

（3）傳遞國(guó)家、地域、文化的配色

具體色彩所代表的具體含義并不是全世界共通的，會(huì)因文化、傳統(tǒng)和風(fēng)土人情而異。各個(gè)國(guó)家、地域的文化，會(huì)通過國(guó)旗、服飾、菜肴、建筑、風(fēng)景等特定的顏色，給人留下鮮明而深刻的印象，應(yīng)盡量掌握國(guó)家文化特色的配色。下圖（左）所示為地域特色建筑的配色，下圖（右）所示為根據(jù)民族特色服飾的配色。

（4）傳遞華麗、快樂的配色

傳遞華麗、快樂的配色應(yīng)以暖色系為中心，突出冷色系色彩的局部效果。盡可能地?cái)U(kuò)大色相范圍，并確定為鮮艷明亮的色調(diào)。下圖（左）所示表現(xiàn)了歡快的效果。

（5）傳遞清新、爽快的配色

一些色彩的組合可以體現(xiàn)出清新、輕柔、爽快的感覺，清爽效果最強(qiáng)的是白色，因?yàn)榘咨鞫茸罡撸瑴\色調(diào)、明灰色調(diào)等高明度的色彩就可以營(yíng)造出薄如蟬翼的感覺，如下圖（右）所示。

（6）傳遞高檔與廉價(jià)的配色

色彩是在第一印象中很具吸引力的要素，應(yīng)掌握高檔、低廉等不同印象的配色方法，一般來講，在正式場(chǎng)合中運(yùn)用深色調(diào)能體現(xiàn)出高檔感，用單純、華麗、明快的色彩組合可以給人以便宜、實(shí)惠的印象。下圖（左）所示為表現(xiàn)高檔的配色，下圖（右）所示為表現(xiàn)廉價(jià)、便宜的配色。

3.選擇基本配色的理論

圍繞某一個(gè)主題確定基本色，隨后再考慮其他必要的補(bǔ)充要素，在配色中能快速把握整體的基調(diào)，也能更好地控制產(chǎn)品的主題思想。

（1）與行業(yè)相匹配的色彩

色彩可以給人不同的印象，各行各業(yè)經(jīng)常使用的色彩也統(tǒng)一是五彩繽紛。把握其中基本的傾向，將其作為色彩選擇時(shí)的參考。在企業(yè)中、商店的廣告牌、宣傳冊(cè)等的配色上一定要保證色彩與企業(yè)形象、經(jīng)營(yíng)的商品形象相一致，不同行業(yè)使用的色彩都有一定的傾向性。

生態(tài)自然類的商品選擇淺褐色、茶色等樸素的顏色，反映信賴感、可靠性的補(bǔ)習(xí)類廣告主打藍(lán)色，體現(xiàn)清潔、安全、自然印象的醫(yī)藥類主打綠色，如下圖（左）所示。

例如，快餐店、面點(diǎn)屋經(jīng)常使用紅色、橙色、黃色等暖色系色彩，可以讓人增加食欲，同時(shí)又有較強(qiáng)的視覺認(rèn)知性和吸引力，如下圖（右）所示。

（2）男性與女性喜歡的色彩

在雜志、廣告中，選擇目標(biāo)群體喜歡的配色是非常重要的，只要想一想衛(wèi)生標(biāo)記、背包的色彩等，就會(huì)明白，我們從小就遇到通過色彩來區(qū)分性別的情況。

屬于男性的配色都是以體現(xiàn)冷峻感的冷色系或者黑色、灰色等無彩色的色相為主體構(gòu)成的，低明度、低純度的色調(diào)，可以演繹出冷靜、沉著、強(qiáng)壯、瀟灑等男性的不同側(cè)面，體現(xiàn)出奢華高貴的氛圍，如下圖（左）所示。感受速度感和力量感的運(yùn)動(dòng)型配色也是男性配色，通過色彩來表現(xiàn)動(dòng)感的印象，突出色彩之間的對(duì)比效果，如下圖（右）所示。

屬于女性的配色應(yīng)確保色彩反差小及色彩之間應(yīng)平穩(wěn)過渡，以此來表現(xiàn)女性溫柔、柔美的印象，女性普遍喜好紅色、粉色等暖色，通過暖色單色系配色演繹女性的高雅和優(yōu)美；可通過高明度的暖色系來體現(xiàn)浪漫甜蜜的印象，在明亮的色調(diào)中，若以粉色、黃色為中心可以展現(xiàn)女性追求夢(mèng)幻浪漫的感覺，如下圖（左）所示；添加紫色、黑色、紅色可以體現(xiàn)艷麗的性感配色，表現(xiàn)成熟女性的魅力，如下圖（右）所示。

（3）與季節(jié)相對(duì)應(yīng)的色彩

通過色彩表現(xiàn)季節(jié)感時(shí)，重點(diǎn)在于色調(diào)，只有確定正確的色調(diào)后才能進(jìn)行恰當(dāng)?shù)嘏渖Ｍㄟ^色彩表現(xiàn)季節(jié)感時(shí)，最重要的是四季不同的光的變化和大自然的色彩。

例如，通過柔和的光線，春季的櫻花、菜花新芽等表現(xiàn)春天的氣息，如下圖（左）所示；通過高純度的色調(diào)和高反差的配色，表現(xiàn)強(qiáng)烈的日照和暑氣，也可通過紅色、黃色、橙色表現(xiàn)夏季的溫度感；通過果實(shí)、紅葉的紅色及茶色和深沉的色調(diào)，表現(xiàn)秋季的美，如下圖（右）所示；通過低純度的冷色系配色，表現(xiàn)冬日的冷寂。

（4）都市與自然氛圍的色彩

都市印象在沒有溫度感的配色中呈現(xiàn)，運(yùn)用直線型線條照相，體現(xiàn)局促感是設(shè)計(jì)都市印象的重點(diǎn)。在奶黃色中展現(xiàn)具有透明感和絲絲涼意的都市感，在冷色系色彩中添加茶色，展現(xiàn)時(shí)尚、理性的都市感，以穩(wěn)重的灰色為基調(diào)配色展現(xiàn)井然有序的印象，如下圖（左）所示。

與人工的都市印象相反，通過自然素材的色彩搭配可以展現(xiàn)大自然的印象。從淺褐色到深咖啡色等茶色系色彩的變換會(huì)形成簡(jiǎn)單、自然的印象，如下圖（右）所示。以綠色系為主給人生動(dòng)活潑的印象，接近灰色的色調(diào)營(yíng)造都市摩登氛圍，黃色、橙色、茶色等色彩層次感營(yíng)造復(fù)古懷舊感。

4.出現(xiàn)多種色彩的配色理論

當(dāng)畫面中不僅需要一種色彩表現(xiàn)，而是需要多種色彩表現(xiàn)時(shí)，應(yīng)如何去選擇色彩進(jìn)行搭配呢，當(dāng)然不能隨便運(yùn)用色彩，要從整體來考慮視覺效果，也有一套配色方案。下圖（左）所示為24色相環(huán)，下圖（右）所示為12色相環(huán)，在學(xué)習(xí)過程中需要對(duì)應(yīng)色相環(huán)查看相應(yīng)的顏色。

（1）相近色構(gòu)成統(tǒng)一配色

由相同或相近色相構(gòu)成的具有統(tǒng)一性的配色可以輕松營(yíng)造出和諧、統(tǒng)一的印象，作為配色的基本技巧之一，應(yīng)要首先掌握。

同色系色彩是指在同一色相中明度不同的色彩，即在其中混入白色或黑色。由同色系構(gòu)成的配色被稱為同一色相配色。同一色相配色體現(xiàn)出統(tǒng)一性、流暢性，如紅色與紅色、藍(lán)色與藍(lán)色搭配，寧靜中體現(xiàn)統(tǒng)一感，形成簡(jiǎn)約、成熟、高雅、干練的印象。但容易給人呆板、單調(diào)的感覺，所以最好要大膽增加色調(diào)差異，體現(xiàn)畫面色彩的張弛效果。

下圖所示分別為紅色和綠色使用相同色相不同明度搭配的效果。

鄰近色相配色，演繹自然和諧的印象，鄰近色相是指在色相環(huán)上相鄰的色相（24色的色相環(huán)相差為1，角度相差15度），屬于類似色相的一種。色相相近，彼此易于整合。與同一色相相比，由于色相上存在微妙的差異，所以配色效果能體現(xiàn)出纖細(xì)的變化，同時(shí)為了避免單調(diào)，最好通過色調(diào)營(yíng)造出色彩的對(duì)比效果。

下圖所示分別為使用24色相環(huán)上的7～10和19～22的鄰近色搭配的效果。

類似色相配色體現(xiàn)統(tǒng)一性、流暢性，類似色相是指在色相環(huán)上相鄰的色相，以及較小范圍內(nèi)的色相（24色相環(huán)上相差為2～3，角度差為45度），例如，當(dāng)黃色為基準(zhǔn)時(shí)，從橙色至黃綠色都屬于黃色的類似色相。類似色相具有適度的變化和動(dòng)感，同樣可以通過色調(diào)差體現(xiàn)畫面色彩張弛感。

下圖所示為兩組類似色相搭配的效果，相近的色相整體效果好，同時(shí)可以體現(xiàn)視覺動(dòng)感。

（2）互補(bǔ)色和對(duì)比色構(gòu)成變化性配色

色相相距越遠(yuǎn)，色相的對(duì)比效果就越明顯，掌握配色的另一個(gè)基本技巧就是對(duì)比色配色。對(duì)比色是指在色相環(huán)上處于相對(duì)位置的色相，對(duì)比色配色相差大，對(duì)比度高，視覺沖擊效果就越強(qiáng)烈，可以給人留下深刻的印象。不同的色彩可以相互襯托，能吸引人的眼球，適合用于表現(xiàn)活躍、健康、喧鬧、華麗的印象。

互補(bǔ)色相配色表現(xiàn)強(qiáng)烈的印象，互補(bǔ)色是指通過在色相環(huán)上處于完全相對(duì)位置的色相（24色相環(huán)上色相差為11～12，角度差為165度、180度）構(gòu)成的配色。互補(bǔ)色配色中色相相差較大，特別是高純度色調(diào)下的互補(bǔ)色配色，展現(xiàn)出充滿刺激性的艷麗印象，適用于表現(xiàn)出高度視覺沖擊效果的設(shè)計(jì)中，但同時(shí)也容易形成廉價(jià)、劣質(zhì)的印象。高純度的互補(bǔ)色搭配會(huì)使人的眼睛產(chǎn)生暈光，看起來飄忽閃爍，所以最好避免高純度的純色搭配。

下圖所示為紅綠色和藍(lán)黃色兩組互補(bǔ)色搭配的效果，有十分強(qiáng)烈的視覺沖擊效果，使眼睛產(chǎn)生暈光現(xiàn)象，這點(diǎn)應(yīng)注意。

對(duì)比色相配色效果清晰、醒目，對(duì)比色是通過色相環(huán)上色相差很大的色彩（24色相環(huán)上色相差為8～10，角度差為135度、150度）構(gòu)成的配色，也稱相反色配色，色相對(duì)比效果十分強(qiáng)烈，體現(xiàn)力量感和速度感，演繹活力四射的運(yùn)動(dòng)氛圍和彩色的跳躍性。但是，容易形成過于強(qiáng)烈的印象，造成畫面中文字的可讀性下降，搭配時(shí)應(yīng)注意配色的面積。

下圖所示為兩組對(duì)比色搭配的效果，色彩互相襯托，形成鮮明、充滿活力的畫面效果。

中差色相配色表現(xiàn)舒適感和適度的刺激效果，即不同于類似色相，又不同于對(duì)比色相配色，是由中度色相差的色彩（24色的色相環(huán)上色相差為4～7，角度差為60度、75度、90度、105度）構(gòu)成的配色類型。配色效果的特征是能夠體現(xiàn)曖昧的印象，是日本、韓國(guó)等亞洲國(guó)家自古以來一直使用的傳統(tǒng)色，在名族服飾中都有充分的體現(xiàn)，適用于表現(xiàn)東方民族特色的印象。

下圖所示為兩組中差色相配的效果，平衡效果稍差的中差色相配色，當(dāng)統(tǒng)一于鮮明色調(diào)中時(shí)，可以體現(xiàn)張弛感。

（3）調(diào)整整體色調(diào)

色調(diào)是決定色彩視覺印象諸多要素中很關(guān)鍵的一個(gè)要素，色調(diào)的不同可以形成不同的表現(xiàn)效果。色調(diào)是色彩明度和純度組合而成的概念，決定著色彩的基調(diào)和氛圍要素。無論色相如何，只要將其色調(diào)統(tǒng)一，就可以體現(xiàn)整體性和統(tǒng)一性，形成和諧、自然的效果。

確定色調(diào)是配色中很重要的一步，在同一色調(diào)中選擇色彩的配色方式稱為同一色調(diào)配色，而同一色調(diào)配色強(qiáng)調(diào)獨(dú)特的世界觀，色調(diào)統(tǒng)一后沒有色相限制，為避免配色效果陷入乏味印象，盡可能出現(xiàn)多種色相表現(xiàn)不同的色彩。

下圖所示為淺色調(diào)的同一色調(diào)配色和鮮艷色調(diào)的同一色調(diào)配色，色彩之間過渡自然。

類似色調(diào)配色與同一色調(diào)配色相同，色調(diào)差為零，追求統(tǒng)一和諧的效果。配色中由于色相沒有差別，所以可適當(dāng)制造色相差，體現(xiàn)色彩的變化和張弛感。

下圖所示為一組鮮艷色調(diào)和一組淺色調(diào)的類似色調(diào)配色，體現(xiàn)色彩的動(dòng)感效果。

對(duì)比色調(diào)可通過淺色調(diào)、暗色調(diào)的對(duì)比，強(qiáng)調(diào)視覺對(duì)比效果。不同色調(diào)反映在同一種色相中的配色形式稱為“同色深淺搭配配色”。色調(diào)的對(duì)比性包括明度和純度高低等的對(duì)比性。與同一色調(diào)配色、類似色調(diào)配色相比，色調(diào)差異較大。

色調(diào)相同或類似時(shí)，通過色調(diào)差異和明度差異突出對(duì)比效果和視覺重點(diǎn)，表現(xiàn)鮮活、明快的印象，如下圖所示。

（4）表現(xiàn)強(qiáng)烈視覺沖擊的配色

在表現(xiàn)強(qiáng)烈視覺沖擊效果的氛圍時(shí)，色彩的運(yùn)用十分關(guān)鍵，鮮艷、強(qiáng)烈的色彩組合，具有高明度的明快色調(diào)或濃重色調(diào)的色彩組合搭配，可以形成高對(duì)比度的配色，適合表現(xiàn)簡(jiǎn)約圖案的設(shè)計(jì)。

以純色三原色為主的配色展現(xiàn)健康、活力的印象，即使色彩數(shù)量有限也會(huì)呈現(xiàn)出五彩繽紛的印象，因?yàn)樯嗖町愝^大，色彩之間得以相互襯托，彰顯活力與動(dòng)感，如下圖所示。

色相差異較大的多色配色在演繹華麗印象的同時(shí)，也可以表現(xiàn)流行感和新鮮感，與陽光下自然的色彩印象相反，將接近黃色色相的明度降低，接近藍(lán)紫色色相的明度提高，這種搭配稱為“不和諧的和諧”，是表現(xiàn)反常規(guī)、時(shí)尚、前衛(wèi)的最佳配色，刻意制造不自然感，演繹現(xiàn)代感，如下圖所示。

鮮艷色調(diào)構(gòu)成的多色配色體現(xiàn)活力四射，如果加入黑色，則強(qiáng)調(diào)出強(qiáng)勁有力、粗壯的印象。高純度色調(diào)和純度為零、明度很低的黑色，形成強(qiáng)烈的對(duì)比效果，使色彩間的差異更為明顯。在華麗中有一份厚重，表現(xiàn)男性的朝氣蓬勃，如下圖所示。

技能拓展

常見的配色方法

在配色中，通常會(huì)使用色輪進(jìn)行配色，最常用的配色方案包括以下幾種。