編按：

    配色是設(shè)計(jì)道路上必不可少的一環(huán)，優(yōu)秀的配色方案可以為你的作品加分不少，甚至直接脫穎而出。那對(duì)于新手小白又該如何培養(yǎng)自己的配色審美呢？且看本篇教程為你精細(xì)入微的介紹，幾乎涵蓋了所有配色常見問(wèn)題，相信你一定會(huì)大有收獲！

經(jīng)常會(huì)有朋友問(wèn)到如果對(duì)色彩不敏感，或者提到色彩搭配就蒙圈怎么辦？

那么我會(huì)說(shuō)——

“朋友，是你的打開方式不對(duì)。”

?

逆向思維 >>

對(duì)，本章節(jié)主要就是從分析中性色的角度來(lái)闡述色彩搭配的“奧義”。通過(guò)逆向思維去學(xué)會(huì)并靈活掌握色彩搭配，如何使用正確的打開方式。

中性色的定義 >>

由黑色、白色及由黑白調(diào)和的各種深淺不同的灰色系列，稱為無(wú)彩色系，也稱為中性色。這種顏色通常很柔和色彩不那么明亮耀眼。中性色是介于三大色紅黃藍(lán)之間的顏色，不屬于冷色調(diào)也不屬于暖色調(diào)。黑白灰是常用到的三大中性色。黑白灰能與任何色彩起諧和、緩解作用。

下面我們著重講黑白灰這三大中性色。為什么？

因?yàn)楹诎谆夷芘c任何色彩起諧和、緩解作用。

就這一個(gè)作用就可以令很多人偷偷的笑了。

然后又偷偷的哭了......

這個(gè)作用我知道??！我平時(shí)基本上做的不都是黑白稿嗎，上色毀所有有木有......

可以這么說(shuō)，一個(gè)版面中黑白灰的面積決定了畫面基調(diào)的走向。我們通過(guò)一些案例看看黑白灰面積對(duì)畫面基調(diào)的影響，這樣我們便可以在設(shè)計(jì)過(guò)程中通過(guò)項(xiàng)目本身的調(diào)性逆向推出中性色所占的面積大小。（所舉例子是從網(wǎng)上隨機(jī)挑選，如有侵權(quán)，請(qǐng)聯(lián)系刪除。）

PS:例子中黑白灰分別用這個(gè)色度值統(tǒng)一代指。

上圖的版面中為了凸顯酒品牌的高端與品質(zhì)，用大范圍的黑灰中性色，小范圍的白色和金色（也是中性色的一種，這里不主講）作為點(diǎn)綴。畫面低調(diào)奢華有內(nèi)涵，這個(gè)范例通版畫面都是用的中性灰去設(shè)計(jì)完成。極寫產(chǎn)品發(fā)源地，質(zhì)地，釀造工藝等，表達(dá)品牌本身的文化。

不難發(fā)現(xiàn)，右圖也是由黑白灰中性色構(gòu)成，但是同樣是黑白灰的構(gòu)成方式，但是很顯然該畫面黑白灰的面積占比有了變化，白色（人物白襯衫）和黑灰接近均等，結(jié)合項(xiàng)目本身看，畫面在表達(dá)產(chǎn)品品質(zhì)高端的情況下也突出了商務(wù)年輕化的受眾群體，營(yíng)銷受眾目的性更強(qiáng)。

對(duì)比色的碰撞往往會(huì)形成鮮明的視覺效果，左圖紅色與藍(lán)紫色的對(duì)比時(shí)尚和活力十足，大面積的黑灰仍舊強(qiáng)調(diào)產(chǎn)品本身的品質(zhì)感。

同樣是對(duì)比色，我們把兩個(gè)畫面進(jìn)行對(duì)比時(shí)最直觀的印象就是很不相同，是什么造成這種印象呢，第一想到的是黑白灰面積占比。

思路解析 >>

決定這種視覺印象的根源是什么？

項(xiàng)目本身——也就是商家（也可以叫甲方）真正想突出的營(yíng)銷點(diǎn)。

細(xì)心的朋友也會(huì)發(fā)現(xiàn)，上面那個(gè)是突出產(chǎn)品本身的品質(zhì)，這個(gè)則是想傳達(dá)品牌的營(yíng)銷活動(dòng)。

右圖同樣是表達(dá)運(yùn)動(dòng)行業(yè)，但是通過(guò)黑白灰中性灰面積占比的不同，白色占比最大，其次是黑灰。這樣傳達(dá)出的氣質(zhì)跟戶外騎行更貼切，運(yùn)動(dòng)氣息，透氣性更強(qiáng)（畢竟我們的方向是星辰大海）。傳達(dá)品牌本身的生活態(tài)度。

如果想表現(xiàn)類似戶外運(yùn)動(dòng)等的生活態(tài)度。不妨讓白色占比大一些，會(huì)有很好的效果。

上面的例子都是單色相的設(shè)計(jì)應(yīng)用。左邊的宣傳冊(cè)是阿里巴巴集團(tuán)文化冊(cè)子(且不論馬云巴巴姿勢(shì)是如何銷魂），右邊是屬于偏向于創(chuàng)意時(shí)尚類的畫冊(cè)，兩種都有很明顯的品牌特性和色彩符號(hào)。識(shí)別性高，能很好的凸顯品牌的精神文化。

思路解析 >>

為何左圖整體上比右圖在黑灰占比上更大，這就涉及到兩方面的原因：冊(cè)子特性和品牌主色。

從冊(cè)子特性上看，左圖主要就是介紹阿里巴巴的企業(yè)發(fā)展史，是大致以時(shí)間為節(jié)點(diǎn)展開的，黑灰占比大更能很好的表達(dá)那份歷史感。從品牌主色上分析橙色在黑灰面積上對(duì)比性更強(qiáng)。右圖發(fā)揮的空間則相對(duì)自由。

上面這個(gè)地產(chǎn)海報(bào)從整體上看是屬于單色相的設(shè)計(jì)范疇。這里深色調(diào)代指黑色，淺色調(diào)的代指白色。（不是嚴(yán)格意義上的黑白，都屬于中性灰的范疇。這里舉例是為了深化中性灰的概念，黑色也可以用其他深色的中性灰代替，白色亦然。

同樣是一副地產(chǎn)海報(bào)，僅僅通過(guò)改變畫面黑白灰的面積占比就可以傳達(dá)出不同的項(xiàng)目調(diào)性。前者白色占比多的，更多傳達(dá)的是別致典雅的氣質(zhì)；后者黑色占比多的則傳達(dá)出尊貴奢華的氣質(zhì)。

像這種有大范圍明確色彩指向的項(xiàng)目，如上面的喜慶中國(guó)節(jié)或海洋類項(xiàng)目或咖啡類行業(yè)等一般黑白灰占比都較?。ㄟ\(yùn)用不同的色調(diào)去深入設(shè)計(jì)，畫面更有代入感）。

主要通過(guò)以下三種方式去演示案例，進(jìn)行相應(yīng)的色彩搭配，設(shè)計(jì)出更適合項(xiàng)目調(diào)性的方案。

公司簡(jiǎn)介：

佛瑞德（鄭州）工業(yè)股份有限公司，

專注空調(diào)及散熱設(shè)備研發(fā)設(shè)計(jì)、制造、安裝20年。

企業(yè)是中國(guó)最專業(yè)的、市場(chǎng)占有率最高的建筑定制型空調(diào)末端和散熱設(shè)備制造商。作為中國(guó)領(lǐng)先的暖通產(chǎn)品生產(chǎn)企業(yè)，佛瑞德致力于為公共建筑、商用建筑、工業(yè)建筑以及居住建筑提供含先進(jìn)科技的定制型空調(diào)末端&散熱設(shè)備。我們?cè)诔浞譂M足各類建筑對(duì)空氣調(diào)節(jié)以及裝飾空間環(huán)境需求的同時(shí)，還在全社會(huì)范圍內(nèi)積極推動(dòng)低碳環(huán)保的暖通設(shè)備運(yùn)行方式。

瑞德?lián)碛袊?guó)際化的工業(yè)設(shè)計(jì)理念、中國(guó)領(lǐng)先的熱工測(cè)試系統(tǒng)以及高效精密的加工設(shè)備；業(yè)務(wù)涉及國(guó)內(nèi)外100多個(gè)城市和地區(qū)，承接了大量高檔建筑的空調(diào)末端&散熱器設(shè)備的設(shè)計(jì)及制造。

企業(yè)通過(guò)ISO9001質(zhì)量體系認(rèn)證，是暖通設(shè)備國(guó)家標(biāo)準(zhǔn)JG221-2007和JG220-2007的編纂單位，產(chǎn)品通過(guò)住建部全稱部級(jí)鑒定，達(dá)到了國(guó)際先進(jìn)水平。

下面根據(jù)不同的要求去思考黑白灰的面積占比，去設(shè)計(jì)出更加符合項(xiàng)目調(diào)性的畫面。帶著思考去設(shè)計(jì)，見證更多的精彩。

思路解析 >>

首先從要求上看簡(jiǎn)約清爽，首先想到的就是黑白灰的比例關(guān)系很顯然白色最大，灰色其次，這樣的面積占比畫面會(huì)更透氣清爽。沒(méi)有哪個(gè)方案是一定正確的，只有根據(jù)項(xiàng)目調(diào)性或者要求作出更適合的。而且基本形也以方形為主，穩(wěn)重大方。

單色+黑白灰方案 >>

運(yùn)用網(wǎng)格系統(tǒng)規(guī)范好信息位置，字號(hào)的比例關(guān)系和配圖的視覺重心點(diǎn)。

從配圖中選擇其他中性灰的色彩,很顯然上面的青灰色更符合(單色系的要有那個(gè)單色要相對(duì)更有識(shí)別性一些,另一種灰色則不太符合。其實(shí)從配圖上吸色是一個(gè)比較快捷的方式，對(duì)于色感較弱或色彩不敏感的小白都是比較推崇的。

形式一

形式二

重點(diǎn)講一下形式二，配圖是一個(gè)灰度圖，其他信息都是青灰色，由于這個(gè)顏色本身的問(wèn)題（比較偏高明度的青灰，識(shí)別度會(huì)弱），所以在下面重要信息的應(yīng)用上盡量要比大字或者裝飾性的元素色調(diào)深一些，保證其識(shí)別度。在視覺上也會(huì)更平衡一些（同樣的色調(diào)在大小不一時(shí)所呈現(xiàn)的視覺效果往往大的會(huì)相應(yīng)的深一些，這也是色彩進(jìn)退的一種表現(xiàn)形式）。

思路解析 >>

如果是活力豐富的需求，那畫面的活躍度就是第一個(gè)想到的，活躍度的提升可以從兩方面去考慮：一是畫面的基本形，比如選擇圓或者三角；二是色彩，比如說(shuō)對(duì)比色或者互補(bǔ)色，顯然能使畫面更加豐富有活力。

若在活力豐富的基礎(chǔ)上讓畫面更透氣，更有張力，相應(yīng)的黑白灰的面積占比，白色依然要更大一些。反之，則顯得畫面更有品質(zhì)感。

從思路解析上看，我們選擇一對(duì)對(duì)比色或互補(bǔ)色作為示范。選什么對(duì)比色好一些呢？

藍(lán)色（實(shí)業(yè)工程類的企業(yè)多數(shù)的選擇，更沉穩(wěn)）+橙色（行業(yè)本身的屬性，暖通行業(yè)，更溫暖）,色調(diào)上選擇暗色調(diào)更沉穩(wěn)一些，一定要結(jié)合行業(yè)去思考。純色調(diào)和明色調(diào)更年輕化一些，特別是明色調(diào)常用于清新系畫面中。

雙色（對(duì)比色）+黑白灰方案  >>

運(yùn)用網(wǎng)格系統(tǒng)規(guī)范好信息位置，字號(hào)的比例關(guān)系和配圖的視覺重心點(diǎn)。

形式一

形式二

形式一由于白色面積占比，整個(gè)畫面多了一份張力，更加的透氣；而形式二用大面積的對(duì)比色充斥了整個(gè)畫面，豐富中不乏沉穩(wěn)。

講一些色彩的搭配小技巧：背景色較深時(shí)，文案信息盡量不要用純白，降低與背景之間的對(duì)比度，呈現(xiàn)效果會(huì)更精致，視覺上看起來(lái)也會(huì)較為舒服。還有互補(bǔ)色的使用上，特別是暗色調(diào)，如果兩個(gè)對(duì)比色之間沒(méi)有黑白灰的過(guò)渡且畫面占比比較大，盡量把其中的亮色飽和度再降低一點(diǎn)（諸如形式二中的橙色，最大面積的是要比小面積的飽和度低的）。

雙色（相鄰色）+黑白灰方案 >>

暖色調(diào)

冷色調(diào)

上圖中暖色調(diào)和冷色調(diào)都是相鄰色的表現(xiàn)形式，這種表現(xiàn)方式雖說(shuō)沒(méi)有對(duì)比色或者互補(bǔ)色那么強(qiáng)烈，但是統(tǒng)一性更強(qiáng)，加上基本形圓形的對(duì)比豐富性，其實(shí)也可以算得上不錯(cuò)的選擇。

雙色（相鄰色）+黑白灰方案 >>

時(shí)尚年輕化的風(fēng)格，往往包含了元素的多樣性與不確定性，不論是色彩還是形式都會(huì)更加的豐富，用多色系的搭配方式也許更為適合。黑白灰的面積占比或許黑灰多，或許白色多，都將帶給我們不同的視覺效果，或冷酷沉靜，或活力激昂。

多色的搭配其中有一個(gè)難點(diǎn)，就是色彩面積的分配上。一旦搭配不好就會(huì)使得畫面愈加混亂。在這里分享一個(gè)心得（僅代表個(gè)人看法）：在多色搭配的畫面中，我們一定要找到一個(gè)主色和副色，或?qū)Ρ?，或互補(bǔ)，或相鄰。主色占比最大，副色其次（這里不包含黑白灰），第三色或第四色（我把后面的顏色名稱按從三依次往后排，方便理解）就要作為裝飾色放在其中，他們所在的位置在整個(gè)畫面中一定要有個(gè)呼應(yīng)，那樣才不會(huì)顯得是硬加上去的。

另外第三色或第四色最好是主色或者副色的對(duì)比色或者相鄰色，這樣才能保證畫面的色彩層次感與呼應(yīng)性。色彩本身存在于畫面中，宏觀看來(lái)也會(huì)有個(gè)視覺上的歸屬感。

多色+黑白灰方案 >>

運(yùn)用網(wǎng)格系統(tǒng)規(guī)范好信息位置，字號(hào)的比例關(guān)系和配圖的視覺重心點(diǎn)。

形式一（主色和副色為互補(bǔ)色）

形式二（主色和副色為相鄰色）

不論是形式一還是形式二，主色和副色的位置關(guān)系都采用了對(duì)角線的空間布局方式，主要是為了突出時(shí)尚年輕化的主題，包括補(bǔ)色或者相鄰色的運(yùn)用。第三色和第四色的使用就有據(jù)可考了，位置上同樣采用了對(duì)角線的呼應(yīng)方式。形式一白色面積占比最大，年輕活力激昂；形式二則黑色則占比最大，酷炫沉靜又有種低調(diào)奢華的時(shí)尚感。

總結(jié)

通過(guò)黑白灰的面積占比即可表達(dá)畫面要體現(xiàn)的氣質(zhì)，逆向思維去思考，如果知道一個(gè)項(xiàng)目的調(diào)性是什么，就大概知道黑白灰的面積占比了，加之其他色彩的配合，就會(huì)很快做出一個(gè)相對(duì)比較合理的色彩搭配。

最后再分享一個(gè)方法，如果一個(gè)畫面以信息傳達(dá)為主，在主色和副色都搭配好的基礎(chǔ)上最好是用白色去做承載信息的色塊，那樣信息會(huì)更加的明朗，而且畫面更透氣。

本文配套的練習(xí)素材請(qǐng)加QQ群：143686347下載

做PS高手，快速提升工作效率，部落窩教育《 Photoshop全面精通班》視頻和《 AI平面與電商設(shè)計(jì)從零到精通》直播課全心為你！

掃下方二維碼關(guān)注公眾號(hào)，隨時(shí)隨地學(xué)習(xí)PS：

相關(guān)推薦：

快速入門配色，最全配色方案+詳細(xì)解讀（綠色篇）

高手怎么平衡黑白？這三招幫你輕松搞定

版權(quán)信息：

原標(biāo)題：色彩搭配，原來(lái)如此簡(jiǎn)單

來(lái)源： 版視  作者：風(fēng)的詩(shī)人