色彩對(duì)于平面設(shè)計(jì)的重要性不言而喻，正確美觀的配色是優(yōu)秀設(shè)計(jì)作品中不可或缺的因素，也可以說在所有視覺領(lǐng)域里，色彩都是基礎(chǔ)。但是很多新手設(shè)計(jì)師都有類似的困惑，就是即使學(xué)習(xí)了色彩理論，仍然不能很好的運(yùn)用到工作當(dāng)中。

在學(xué)習(xí)配色之前首先要做好版式，因?yàn)橹挥性诎媸胶玫那疤嵯拢_美觀的配色才會(huì)起到加分的作用。相信很多設(shè)計(jì)師都有過類似的經(jīng)歷，就是在最開始接觸設(shè)計(jì)的時(shí)候，都用過一種配色方法，就是從圖片上吸取顏色，然后運(yùn)用到設(shè)計(jì)當(dāng)中，但是照搬圖片中的顏色并不能保證做出好的設(shè)計(jì)。

那么本期文章主要講解如何運(yùn)用圖片中的色彩來進(jìn)行正確美觀的色彩搭配，希望對(duì)新手設(shè)計(jì)師或?qū)ε渖械矫悦５脑O(shè)計(jì)師們有所幫助。

色彩吸取的實(shí)用方法主要分為三步：

很多武俠小說中都有對(duì)武學(xué)“終極奧義”的描述，那么設(shè)計(jì)的“終極奧義”就是審美和經(jīng)驗(yàn)，同時(shí)它們也是提高配色能力的重要因素。提取色彩可以作為設(shè)計(jì)師日常的練習(xí)，通過多看多分析優(yōu)秀攝影作品或設(shè)計(jì)作品中的配色，來提高自己的色彩敏感度。

并不是任何圖片中的顏色都適合你所設(shè)計(jì)的作品，設(shè)計(jì)之前要對(duì)設(shè)計(jì)作品所要傳達(dá)的內(nèi)容進(jìn)行仔細(xì)的思考和分析，然后觀察圖片中的色相、色調(diào)、明度、氣質(zhì)、氛圍等等是否適合自己的設(shè)計(jì)，色彩可以傳達(dá)非常細(xì)膩的情感，所以一定要加入主動(dòng)性創(chuàng)作。

將提取的顏色進(jìn)行分析重新整理之后就要運(yùn)用了，運(yùn)用顏色也并非想象的那么簡(jiǎn)單。首先要觀察自己的設(shè)計(jì)作品當(dāng)中可填充顏色部分的色彩承載量，以及是否有圖片、圖案、標(biāo)識(shí)等有色因素；其次確定主色和副色以及是否需要加入調(diào)和色；最后綜合考量以上因素運(yùn)用顏色。

首先做好案例的版式，顏色用黑白灰來代替，也就是俗稱的黑白稿。

在軟件中吸取顏色相信大家應(yīng)該都會(huì)，就是用PS中的吸管工具在圖片上點(diǎn)擊。之所以選擇這張圖片來提取是因?yàn)樗纳式M合比較簡(jiǎn)單和明顯，色彩大致被劃分成四個(gè)區(qū)域。

這是對(duì)參考圖片基本顏色較為完整的提取，基礎(chǔ)色相為紅藍(lán)黃。

由于我們?cè)O(shè)計(jì)的版式并不復(fù)雜，并且人物圖片的顏色主要是以白色和黃色為主，對(duì)整體的配色影響不大，因此當(dāng)我們進(jìn)一步分析這組色彩時(shí)，去掉了一些色相相近的顏色，只保留色彩傾向較明確的顏色。

案例風(fēng)格比較偏向年輕時(shí)尚與潮流，而在軟件中直接吸取圖片的顏色結(jié)果往往比較灰，如果運(yùn)用現(xiàn)在所提取的顏色，在色調(diào)上會(huì)略微沉悶，缺少了一些明快感與活力。

所以我們需要讓色相變得更有傾向性，所謂色彩傾向性其實(shí)很簡(jiǎn)單，就是說紅色就讓他看起來更像紅色，黃色就讓他看起來更像黃色。所以最終我們進(jìn)行了綜合的調(diào)整，讓顏色更鮮明并且只保留三種顏色。

首先分析一下我們案例中可填入色彩的元素，然后確定畫面的主色，這里我們就順勢(shì)而為，按照原圖中色彩的比重來搭配，將藍(lán)色作為主色填充到畫面背景層。

接下來將副色紅色填充到人物下方的色塊中。

然后再將黃色填入到主標(biāo)題下方的色塊中。

雖然黑白灰都可以作為調(diào)和色，但這個(gè)案例中文字用黑色會(huì)讓整個(gè)版面顯得不夠通透，所以最后我們將文字的黑色換成了白色，整個(gè)配色過程到此就完成了。

同樣是這個(gè)版式，我們換一張圖片提取顏色試試。

這張圖片的色彩組合也相對(duì)比較簡(jiǎn)單，色彩的層次也很清晰，只需要在亮部與暗部分別提取顏色即可。

這是對(duì)參考圖片較為完整的顏色提取，整體偏向黃綠相鄰兩色的搭配。

同樣需要篩選色彩傾向性較明確的顏色，去掉相似的顏色，而這里我們保留了基調(diào)相近的淡色調(diào)。

最后再對(duì)顏色進(jìn)行細(xì)微的調(diào)整，讓原本偏灰的色調(diào)再純一些，灰色作為調(diào)和色可以忽略不計(jì)。

這組顏色的運(yùn)用同樣沒有做重新組合，依然按照原圖的色彩比例來確定主色和副色，首先將主色填充到畫面背景層。

其次將副色黃色填充到人物下方的色塊中。

再次將綠色填充到主標(biāo)題下方的色塊中。

同樣的原理，這個(gè)版面中的文字也不適合用黑色來調(diào)和，所以換成白色。在此需要強(qiáng)調(diào)一點(diǎn)就是配色也是反復(fù)調(diào)整的過程，并不是某個(gè)顏色只能用在某個(gè)地方，一切都是以最終呈現(xiàn)的視覺效果為準(zhǔn)。

案例二幾乎是純文字的版式，開始也是先用黑白來代替。

這張圖片中的色彩并不多，提取也是比較方便的。

這是對(duì)參考圖片基本顏色較為完整的提取，整體的色調(diào)比較偏暗。

然后進(jìn)行分析和篩選，這里去掉了調(diào)和色黑色和色調(diào)較暗的藍(lán)色。

最后做綜合調(diào)整，讓整體的色調(diào)更亮更純一些即可。

提取顏色的圖片中色彩的比例分配對(duì)我們的應(yīng)用參考意義不大，所以這里我們可以加入主動(dòng)性創(chuàng)作，將藍(lán)色作為主色填充到背景層當(dāng)中。

接下來要思考紫紅色與青綠色的運(yùn)用，針對(duì)這個(gè)設(shè)計(jì)而言，需要突出的是文字部分，而促銷的英文線框作為底紋裝飾性元素要弱于文字，而紫紅色與背景層的藍(lán)色對(duì)比更加強(qiáng)烈，因此用紫紅色填充文字部分。

最后將青綠色填充到底層文字線框中完成配色。

同樣這個(gè)版式我們換一張圖片提取顏色來填充。

這張圖片雖然看上去元素比較雜亂，其實(shí)顏色還是比較清晰的。

這是對(duì)參考圖片基本顏色較為完整的提取，色彩比較豐富。

接下來要做的是對(duì)顏色進(jìn)行整理和篩選，這組顏色的近似色比較多，而根據(jù)案例的風(fēng)格這里提取色調(diào)偏輕、色彩傾向較明確的顏色。

最后進(jìn)行細(xì)微的調(diào)整，使整體色調(diào)符合年輕時(shí)尚的氣質(zhì)。

同樣先確定畫面的主色和副色,這里我們參考原圖后將青色作為畫面主色填充到背景當(dāng)中。

其次就是黃色與綠色的運(yùn)用，對(duì)于這個(gè)版面，如果文字部分用黃色的話，會(huì)造成文字的識(shí)別度不是很好，因此將綠作為文字填充色，而黃色可以作為點(diǎn)綴色填充文字線框。

最后將黃色填充到底層文字線框中，配色結(jié)束。

案例三雖然幾乎也是純文字的版式，但是相對(duì)于之前的案例，這個(gè)案例中多了顏色重疊的部分。

這張圖片的色彩組合也比較簡(jiǎn)單，基本就是紅綠對(duì)比色的搭配。

這是對(duì)參考圖片基本顏色較為完整的提取，分別在圖片中的亮部和暗部進(jìn)行提取。

接下來要做的就是對(duì)顏色進(jìn)行整理和篩選，這里同樣去掉了相似顏色中的淡色調(diào)，只保留相對(duì)更具有傾向性的顏色。

最后調(diào)整色彩純度，讓整體的色調(diào)更純一些。

首先確定主色，這個(gè)案例是關(guān)于雙十二促銷的內(nèi)容，如果想營(yíng)造喜慶熱鬧的風(fēng)格，那么紅色作為主色再適合不過了。

為了形成對(duì)比，接下來將副色綠色填充到數(shù)字中。

由于紅色和橙色是相鄰色，既不會(huì)產(chǎn)生突兀的對(duì)比又能起到很好的點(diǎn)綴效果，因此將橙色填充到背景的雪花上。

提取的有彩色已經(jīng)全部用到了畫面當(dāng)中，但是很明顯文字的調(diào)和色黑色在這個(gè)畫面中同樣不適合，會(huì)造成壓抑的氛圍，所以最終將文字填充為白色，整個(gè)配色過程完成。

按照之前的方法，同樣這個(gè)版式我們換一組顏色嘗試。

這張圖片的色彩也比較明確，方便提取。

這組顏色是對(duì)參考圖片基本顏色較為完整的提取，整體色調(diào)偏暗。

先對(duì)顏色進(jìn)行整理和篩選，去掉了一些相似的顏色，只保留具有明顯傾向性的顏色。

由于原圖中綠色的部分比較少，因此這里把青色與綠色做一個(gè)結(jié)合，然后調(diào)整整體的色調(diào)。

這個(gè)配色的方向也是按照原圖中的色彩比例，首先將較純的黃色作為主色填充到畫面的背景當(dāng)中。

同樣為了形成對(duì)比，接下來將副色青綠色填充到數(shù)字中。

然后用深黃色填充背景層上的雪花。

與上一組顏色的道理相同，雖然理論上文字使用黑色也是可以的，但是白色會(huì)讓畫面顯得干凈明快。配色一定要加入主動(dòng)性的創(chuàng)作，這個(gè)主動(dòng)性創(chuàng)作不但是指對(duì)提取出的色彩進(jìn)行篩選調(diào)整，也可以指?jìng)€(gè)人的喜好，當(dāng)然前提是個(gè)人的喜好要建立在一定的審美和經(jīng)驗(yàn)的基礎(chǔ)上。