作為一個設(shè)計師，如果連色彩都搭配不好，

那就可以大失身份了！

有人會問，色彩重要嗎？

這里舉個栗子

你隨手拍了一下天空是這樣子的

大師們精心選擇時間、地點、調(diào)整好相機參數(shù)，

然后構(gòu)圖拍下的天空是這樣的

這個例子就說明，顏色對于一副作品的重要性不言而喻，

好的顏色給人美的的享受，

做設(shè)計，配色直接決定第一印象，那是相當重要

如果你的配色差了一點點，

那么可別錯過今天分享的這篇配色干貨

仔細認真閱讀get知識點

做一個好色的設(shè)計師！

引言

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

那么我會說——————

“朋友，是你的打開方式不對。”

逆向思維 >>

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

中性色的定義 >>

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

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

因為黑白灰這三種中性色能與任何色彩起諧和、緩解作用。

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

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

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

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

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

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

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

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

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

思路解析————

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

項目本身——也就是商家（也可以叫甲方）真正想突出的營銷點。

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

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

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

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

思路解析————

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

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

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

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

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

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

思路解析————

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

單色+黑白灰方案———

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

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

形式一

形式二

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

思路解析————

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

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

從思路解析上看，我們選擇一對對比色或互補色作為示范。

選什么對比色好一些呢？

——————

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

雙色（對比色）+黑白灰方案 ————

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

形式一

形式二

形式一由于白色面積占比，整個畫面多了一份張力，更加的透氣；而形式二用大面積的對比色充斥了整個畫面，豐富中不乏沉穩(wěn)。講一些色彩的搭配小技巧：背景色較深時，文案信息盡量不要用純白，降低與背景之間的對比度，呈現(xiàn)效果會更精致，視覺上看起來也會較為舒服。還有互補色的使用上，特別是暗色調(diào)，如果兩個對比色之間沒有黑白灰的過渡且畫面占比比較大，盡量把其中的亮色飽和度再降低一點（諸如形式二中的橙色，最大面積的是要比小面積的飽和度低的）。

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

暖色調(diào)

冷色調(diào)

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

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

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

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

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

多色+黑白灰方案————

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

形式一（主色和副色為互補色）

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

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

總結(jié)

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

還有這次分享的第三色和第四色如何與主色與副色進行搭配的，包括他們主要的作用是什么，位置關(guān)系應(yīng)該怎么呼應(yīng)。

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