第2章　色彩、文字、版式一樣都不能少

色彩搭配　文案策劃　文案布局　排版設(shè)計(jì)

2.1　色彩搭配

優(yōu)秀的設(shè)計(jì)師都對(duì)色彩有著比較高的要求，要想成為一名優(yōu)秀的設(shè)計(jì)師，必須要了解色彩的基本知識(shí)。

下面具體介紹一下基本的色彩原理，先看圖2-1所示的色相環(huán)。

色彩搭配師是經(jīng)過(guò)了一系列的色彩培訓(xùn)，擁有著豐富的色彩知識(shí)的人。他們運(yùn)用這些色彩知識(shí)和專業(yè)的技能進(jìn)行色彩搭配與設(shè)計(jì)、色彩策劃與營(yíng)銷、色彩調(diào)查與管理、色彩研究與咨詢等工作。

色彩搭配師通過(guò)色彩測(cè)量、色彩咨詢、色彩調(diào)查、色彩研究與培訓(xùn)等工作為社會(huì)提供專業(yè)化的色彩服務(wù)，提升各領(lǐng)域所需的色彩設(shè)計(jì)與應(yīng)用的能力。

2.1.1　色彩的基本屬性

顏色反映了設(shè)計(jì)的整體感覺(jué)，有時(shí)候單憑顏色就可以調(diào)動(dòng)起一個(gè)人的情緒、情感甚至回憶。如果沒(méi)有掌握色彩理論的基礎(chǔ)知識(shí)，你會(huì)發(fā)現(xiàn)在日常工作和生活中忽略掉了很多細(xì)節(jié)。

1.原色

紅、黃、藍(lán)之所以被稱為原色，是因?yàn)槠渌念伾伎梢酝ㄟ^(guò)這3種顏色混合而成。以不同比例將原色混合，可以產(chǎn)生出其他的新顏色。以數(shù)學(xué)的向量空間來(lái)解釋色彩系統(tǒng)，則原色在空間內(nèi)可作為一組基底向量，并且能組合出一個(gè)“色彩空間”。

肉眼所見(jiàn)的色彩空間通常由3種基本色組成，即“三原色”。一般來(lái)說(shuō)，疊加型的三原色是紅色、綠色和藍(lán)色，而消減型的三原色是品紅色、黃色和青色。在傳統(tǒng)的顏料著色技術(shù)上，紅、黃、藍(lán)會(huì)被視為原色，如圖2-2所示。

2.間色

間色亦稱“第二次色”，是紅、黃、藍(lán)三原色中的某兩種原色相互混合出的顏色。把三原色中的紅色與黃色等量調(diào)配就可以得到橙色，把紅色與藍(lán)色等量調(diào)配就得到紫色，而將黃色與藍(lán)色等量調(diào)配可以得到綠色。從專業(yè)的角度來(lái)講，由三原色等量調(diào)配而成的顏色，叫作間色（Secondary Color）。當(dāng)然，3種原色相加就接近黑色了。在調(diào)配時(shí)，由于原色在分量的多少上有所不同，所以能產(chǎn)生豐富的間色變化，如圖2-3所示。

3.互補(bǔ)色

互補(bǔ)色是指色輪上那些呈180°夾角的顏色，如藍(lán)色和橙色、紅色和綠色、黃色和紫色等就稱為互補(bǔ)色?；パa(bǔ)色有非常強(qiáng)烈的對(duì)比度，在顏色飽和度很高的情況下，可以創(chuàng)建出很多震撼的視覺(jué)效果。互補(bǔ)色對(duì)比是色相對(duì)比中最強(qiáng)的一種對(duì)比，使色彩對(duì)比達(dá)到最大的鮮明度。從三原色來(lái)看，補(bǔ)色關(guān)系是一種原色與其他兩種原色產(chǎn)生的間色對(duì)比關(guān)系，一般來(lái)說(shuō)只有3對(duì)，即紅與綠、黃與紫、藍(lán)與橙?；パa(bǔ)色相配，能產(chǎn)生強(qiáng)烈的刺激作用，對(duì)人的視覺(jué)具有最強(qiáng)的吸引力，如圖2-4所示。

4.相似色

相似色是指在色輪上相鄰的3種顏色。相似色搭配可以在同一個(gè)色調(diào)中制造出豐富的質(zhì)感和層次。有一些很好的色彩組合，如藍(lán)綠色+藍(lán)色+藍(lán)紫色的搭配，以及黃綠色+黃色+橘黃色的搭配。做界面設(shè)計(jì)的時(shí)候，使用相似色搭配會(huì)讓整體大色調(diào)的層次更加豐富，使圖片效果看起來(lái)更多樣，如圖2-5所示。

5.色彩三要素

色相，用于區(qū)別各種顏色，如紅、綠、藍(lán)等。明度，表示彩色的明暗。飽和度，呈現(xiàn)色彩的鮮艷程度。

色相：色相也稱色別，是指色與色的區(qū)別，色別是顏色最基本的特征，它是由光的光譜成分決定的。由于不同波長(zhǎng)的色光給人以不同的色覺(jué)，因此可以用單色光的波長(zhǎng)來(lái)表示光的色別。

明度：明度是指顏色的明暗、深淺，通常用反光率表示明度大小。同一色相會(huì)因受光強(qiáng)弱的不同而產(chǎn)生不同的明度，同一色相之間也存在明度的差異。人眼對(duì)不同顏色的視覺(jué)靈敏度不同，不同的色相在反光率相同時(shí)，也會(huì)產(chǎn)生不同的明度感受。當(dāng)不同的色彩搭配在一起時(shí)，色相、明度和飽和度的作用會(huì)使色彩的效果產(chǎn)生變化。兩種或者多種淺顏色配在一起時(shí)，不會(huì)產(chǎn)生色環(huán)（色輪）對(duì)比的效果。同樣，多種深顏色組合在一起效果也不吸引人。但是，當(dāng)一種淺顏色和一種深顏色混合在一起時(shí)，就會(huì)使淺色顯得更淺，深色顯得更深。

飽和度：飽和度是指顏色的純度，也稱色彩的鮮艷程度。飽和度取決于某種顏色中含色成分與消色成分的比例，含色成分越大，飽和度就越大；消色成分越大，飽和度就越小。物體的表面結(jié)構(gòu)和照明光線性質(zhì)也會(huì)影響飽和度，相對(duì)來(lái)說(shuō)，光滑面的飽和度大于粗糙面的飽和度；直射光照明的飽和度大于散射光照明的飽和度。色彩的明度改變，飽和度也會(huì)隨之變化，明度適中時(shí)，飽和度最大。明度增大時(shí)，顏色中的白光增加，色純度減小，飽和度也就會(huì)降低。明度減小時(shí)，顏色很暗，說(shuō)明顏色中的灰色增加，色純度也減小，飽和度也就會(huì)降低。當(dāng)明度太大或太小時(shí)，顏色會(huì)接近白色或黑色，飽和度也就極小了，如圖2-6所示。

2.1.2　色彩構(gòu)成

色彩構(gòu)成，即色彩的相互作用，是從人對(duì)色彩的知覺(jué)和心理效果出發(fā)的，是用科學(xué)分析的方法，把復(fù)雜的色彩現(xiàn)象還原為基本的要素，利用色彩在空間、量與質(zhì)上的可變換性，按照一定的規(guī)律去組合各構(gòu)成之間的相互關(guān)系，再創(chuàng)造出新的色彩效果的過(guò)程。色彩構(gòu)成是藝術(shù)設(shè)計(jì)的基礎(chǔ)理論之一，它與平面構(gòu)成及立體構(gòu)成有著不可分割的關(guān)系，色彩不能脫離形體、空間、位置、面積、肌理等而獨(dú)立存在，如圖2-7所示。

成熟的界面設(shè)計(jì)在色彩運(yùn)用上都會(huì)遵循一定的規(guī)律，色彩有主有次，富有層次感，才會(huì)讓人很舒適，如圖2-8所示。我們做界面設(shè)計(jì)的時(shí)候，可以多收集一些優(yōu)秀的作品，分析它們的配色，適當(dāng)臨摹一些優(yōu)秀作品，以便積累自己的配色經(jīng)驗(yàn)。

主色：在店鋪中第一眼看上去感受到的色彩就是主色，主色決定著首頁(yè)的風(fēng)格。例如，整個(gè)界面是米黃色，是暖色調(diào)的設(shè)計(jì)，就會(huì)給人舒適自然的視覺(jué)體驗(yàn)，色彩飽和度低，長(zhǎng)時(shí)間地瀏覽，眼睛也不會(huì)疲勞。

輔助色：輔助色是補(bǔ)充主色的顏色，起到平衡畫(huà)面色彩和緩解主色給人帶來(lái)的顏色沖擊的作用。例如，黃色主界面上用綠色豐富一下，使界面不呆板。相對(duì)來(lái)說(shuō)，黃色和綠色的顏色對(duì)比不強(qiáng)烈，綠色在一定程度上豐富了界面顏色。

點(diǎn)綴色：點(diǎn)綴色在店鋪界面中占的空間最小，但是功能卻很大，它能起到畫(huà)龍點(diǎn)睛的作用。點(diǎn)綴色一般色彩艷麗，常在突出賣點(diǎn)或展示價(jià)格時(shí)使用。

2.1.3　配色技巧

1.同一色調(diào)配色

同一色調(diào)配色是將相同色調(diào)的不同顏色搭配在一起形成的一種配色關(guān)系。同一色調(diào)，其色相、純度和明度具有共同性，明度按照色相略有變化。不同色調(diào)會(huì)產(chǎn)生不同的色彩印象，將純色調(diào)全部放在一起時(shí)，會(huì)產(chǎn)生活潑感。在對(duì)比色相和中差色相配色中，一般采用同一色調(diào)的配色手法，這樣更容易進(jìn)行色彩的調(diào)和。圖2-9所示是同一色調(diào)的配色效果。

2.類似色調(diào)配色

類似色調(diào)配色，即將色環(huán)中相鄰的兩種或兩種以上的顏色搭配在一起。類似色調(diào)配色的特征在于色調(diào)與色調(diào)之間有微妙的差異，較同一色調(diào)有變化，不會(huì)產(chǎn)生呆滯感。將深色調(diào)和暗色調(diào)搭配在一起，能產(chǎn)生一種既深又暗的昏暗感。而鮮艷色調(diào)和強(qiáng)烈色調(diào)再加明亮色調(diào)組合，則可以產(chǎn)生鮮艷活潑的色彩印象。圖2-10所示是類似色調(diào)的配色效果。

3.對(duì)比色調(diào)配色

對(duì)比色調(diào)配色是相隔較遠(yuǎn)的兩種或兩種以上的顏色搭配在一起。對(duì)比色調(diào)因色彩的特征差異，能造成鮮明的視覺(jué)對(duì)比，有一種“相映”或“相拒”的力量使之平衡，因而能產(chǎn)生對(duì)比調(diào)和感。對(duì)比色調(diào)在配色選擇時(shí)，會(huì)因橫向或縱向而有明度和純度上的差異。例如，淺色調(diào)與深色調(diào)搭配，即為深與淺的明暗對(duì)比。而鮮艷色調(diào)與混濁色調(diào)搭配，會(huì)形成純度上的差異。圖2-11所示是對(duì)比色調(diào)的配色效果。

2.1.4　店鋪風(fēng)格與色調(diào)

確立店鋪的風(fēng)格與色調(diào)，能使產(chǎn)品的市場(chǎng)定位更加清晰、明朗。店鋪首頁(yè)風(fēng)格的確立，能使客戶群更加穩(wěn)定。首頁(yè)風(fēng)格大致分為3類：高端時(shí)尚的、普通的和卡通風(fēng)格的。

高端時(shí)尚的：一般界面簡(jiǎn)潔精練，色彩純度低，經(jīng)久耐看。走高端風(fēng)格的界面設(shè)計(jì)，一定要簡(jiǎn)單大氣，用色慎重，用詞考究。設(shè)計(jì)圈有句俗語(yǔ)：“越簡(jiǎn)單越難設(shè)計(jì)?！睕](méi)有多余的文案和產(chǎn)品，用最少的文案體現(xiàn)最豐富的內(nèi)容，非?？简?yàn)設(shè)計(jì)師的能力，如圖2-12所示。

普通的：普通的界面設(shè)計(jì)一般面對(duì)的客戶是普通消費(fèi)者，他們對(duì)界面設(shè)計(jì)要求不高，合適的價(jià)格才是吸引他們的重點(diǎn)。在設(shè)計(jì)界面的時(shí)候可以讓色彩艷麗一些，排版方式豐富多樣一些，價(jià)格展示得明顯一些，讓人有購(gòu)買的沖動(dòng)，如圖2-13所示。

卡通風(fēng)格的：主要針對(duì)兒童等客戶群，在界面設(shè)計(jì)的時(shí)候，可以多用一些卡通素材，排版可以隨意一些，色彩豐富多樣一些。兒童的世界五顏六色，可以多一些想象空間，讓畫(huà)面充滿童趣，如圖2-14所示。