色彩搭配對于平面設計有著非常重要的意義，但很多設計師會忽視它的重要性，他們可能會去刻意練習版式設計、字體設計、軟件等等，卻不愿在色彩搭配上花多一點時間，所以很多設計作品都會有色彩搭配的問題，最常見的有顏色太灰、太臟、太亂等等，今天蔥爺用幾個案例來給大家分享一下，如何解決7個常見的色彩搭配問題。

一、顏色調(diào)性不對

色彩的調(diào)性會直接影響到整件設計作品的調(diào)性，調(diào)性對了才能傳遞出正確的情感和信息，而要想使你的配色在調(diào)性上不跑偏，首先你得了解不同的色彩和色彩組合分別具有怎樣的視覺感受；還要深刻理解、分析你的品牌、產(chǎn)品、設計主題應該是什么樣的調(diào)性。這些都可以通過閱覽大量的作品、觀察身邊的事物總結出來。

下圖一個手工家居品牌的海報，產(chǎn)品是一個草綠色的編織花盆，標題是：大自然的色彩。根據(jù)上面這些信息，我們大概能判斷出該海報的配色應該要有自然、簡約、安靜、輕松的感覺。但下圖的顏色整體偏暗，而且中間的紅色圓形與背景色和產(chǎn)品對比太強，所以視覺上并沒有自然、輕松的感覺。

在調(diào)整后的方案中我使用了產(chǎn)品的類比色組合，即綠色、青色、黃色，

而且把背景色的明度提高了，飽和度降低了。

注：拾色器面板中的HSB分別代表顏色的色相、飽和度、亮度值。

最終的顏色搭配效果更和諧、更符合產(chǎn)品和文案的調(diào)性。

二、顏色太灰

顏色太灰通常是因為顏色的飽和度和亮度偏低，再加上顏色之間的對比不夠強所導致的。比如下圖是一本服裝畫冊的目錄設計，版面中的色彩取自圖片中的粉紅色與綠色，設計師應該想通過這組對比色表現(xiàn)出時尚的感覺，但是最終的配色效果有點太灰了。

對于這種問題還是比較好解決的，我們只要選中目前的顏色然后打開拾色器面板，然后把顏色的S值（飽和度）或B值（亮度）提高一點就好，在調(diào)整數(shù)值時要觀察實際的顏色效果，直到得到最滿意的效果為止，如果飽和度或亮度過高，會導致顏色太重或太爆。

三、顏色太爆(刺眼)

與顏色太灰相反，還有很多設計師在配色時會出現(xiàn)太爆的情況，顏色太爆通常是因為顏色的飽和度和亮度過高導致的，但并不是說各顏色的飽和度和亮度值都很高，組合在一起就一定會很爆，還跟顏色的色相、顏色面積占比、顏色與圖片的組合效果、是否與產(chǎn)品調(diào)性相符等相關。總之，整件設計作品在視覺上要比較舒適，而不是辣眼睛。

比如下圖是一張食品海報，背景用了一個大紅色，突出價格的圓形色塊使用了一個熒光綠，這兩個顏色的飽和度值和亮度值都是100，雖然這兩個顏色都來自畫面中的食物圖片，但圖片中的顏色其飽和度和亮度值都沒這么高，所以這種色彩組合方式會讓人感覺背景比主體還要突出，產(chǎn)品與背景不夠融合。

另外，背景上的文字全部使用白色也會加強這種爆的感覺，似乎所有的顏色都在爭著跑到最前面來，缺乏層次。

對于這種情況，我們則需要把它的飽和度適當降低，比較穩(wěn)妥的做法是拾取圖片中的顏色。把圖片復制一層，然后選擇濾鏡-像素化-馬賽克，選擇一個合適的參數(shù)，就能得到上圖的效果。把原圖中的紅色和綠色用圖片中的紅色和綠色替換，然后把標題和副標題的顏色改為暗紅色，這種“爆”的感覺就立馬消失了，如果背景使用一點點漸變效果，那么與圖片的融合性會更好。

四、顏色太花（太多）

顏色太花通常是因為顏色太多、且顏色跨度較大，主次不明顯，比如下面這則促銷海報，顏色有七種，除了黃色是背景色面積最大以外，其他顏色的面積都差不多。設計師之所以用這么多色彩是想讓不停的促銷信息能有清晰的區(qū)隔，但實際上這些信息通過排版以后已經(jīng)非常清晰了，所以沒必要再通過不同顏色來進行區(qū)隔。

其實，把這些不同套餐的色塊統(tǒng)一成一個顏色，個別關鍵字、詞用一個顏色突出就好。另外用黃色作為背景色太過傳統(tǒng)，而且與中國移動的調(diào)性不是很契合，所以改成了玫紅色的對比色-藍色，這也是中國移動的品牌色。

最終，效果變得更時尚了，雖然總共的顏色只有三種，但是并不單調(diào)，而且也不會顯得花和亂。

五、太舊

現(xiàn)在大部分的品牌都開始年輕化，而且營銷傳播也都互聯(lián)網(wǎng)化，所以我們在做設計的時候要盡量時尚一些，特別是那些主要針對年輕人的品牌或產(chǎn)品。

下面這則中國移動促銷海報宣傳的內(nèi)容就是針對年輕人的4G套餐，但設計的調(diào)性并不時尚，主要是因為配色有點舊。雖然是以紅藍這組對比色作為主色，但是背景色的明度很高、飽和度很低；并且里面用到了大量的單色漸變，這些配色的方式比較柔和，缺乏時尚感。

在優(yōu)化后的方案中，首先我把背景色的飽和度提高了一些，把之前的單色漸變改成了純色，并使用了近幾年比較流行的鐳射漸變和熒光色，顏色的對比和視覺沖擊力更強，風格更獨特，整體的調(diào)性也變得更加時尚。

六、顏色太碎

顏色太碎會有一種凌亂的感覺，造成這種問題的原因是把一種或幾種比較跳躍的顏色，呈點狀且很分散（不連續(xù)、不集中）的分布在版面的各個部分，比如下圖的海報，設計師想用粉色突出所有他認為比較重要的詞、句或者元素，結果造成了顏色很碎的效果。

這種啥都想突出的配色方式除了在視覺上會讓畫面看起來很亂以外，也會使得版面沒有重點，因為重點太多了。

上圖的產(chǎn)品是一款進口的兒童健康食品，設計調(diào)性應該偏向中高端，所以用色應該更加克制，這種很碎的色彩搭配方式就更不合適了。我們在使用色彩突出某些關鍵信息時，盡量突出句子而不是某個字詞，或者通過色塊的方式突出整段文字（字數(shù)不是特別多的情況下）。另外，如果僅僅是為了區(qū)隔信息，那么不同信息的顏色只要有比較小的差別就好了，不需要用對比非常強烈的顏色來做區(qū)隔，否則會破壞畫面的統(tǒng)一性。

七、太臟

顏色臟主要是因為顏色明度和亮度太低，顏色處理不合理，以及暗色中的細節(jié)多且不清晰所造成的。下圖這個banner設計，背景色很暗，且很多地方處理不合理，比如天空的顏色沒有地面的顏色亮，在昏暗的天空中加鏡頭光暈。另外左邊的人物完全壓暗與背景融為一體也顯得很臟，右邊人物的重影除了讓畫面變得更臟以外，并沒有其他意義。

針對這些問題我調(diào)整了兩個方案，方案一是在保持原圖明暗的基礎上，提亮了天空、壓暗了地面，并把背景的圖層混合樣式從正片疊底轉為柔光，透明度降到70%，左邊人物進行了適當?shù)奶崃粒蛊涓逦?、更立體。去掉了不合理的素材，比如鏡頭光暈和右邊模特的重影。中間的斜色塊和標題填充了一個飽和度較高的藍色，與深色背景形成鮮明的對比。

通過這一系列的調(diào)整，整個畫面就變得干凈了很多，而且保留了之前的氛圍。而如果想有更明顯的改變，可以放棄這種很暗的背景，比如像下圖方案二這樣，把整體的顏色都提亮，效果會更時尚、更干凈。

色彩搭配也沒有固定的標準，但有幾個原則必須遵守：

? 要傳遞正確的調(diào)性；

? 視覺上要舒適；

? 能夠方便內(nèi)容的閱讀和理解，提高傳播效率；

? 能建立品牌區(qū)隔，形成一定的個性。

常見的色彩搭配問題還有很多，以后有機會蔥爺再做補充吧。