一、顏色調性不對
色彩的調性會直接影響到整件設計作品的調性,調性對了才能傳遞出正確的情感和信息,而要想使你的配色在調性上不跑偏,首先你得了解不同的色彩和色彩組合分別具有怎樣的視覺感受;還要深刻理解、分析你的品牌、產品、設計主題應該是什么樣的調性。這些都可以通過閱覽大量的作品、觀察身邊的事物總結出來。
下圖一個手工家居品牌的海報,產品是一個草綠色的編織花盆,標題是:大自然的色彩。根據上面這些信息,我們大概能判斷出該海報的配色應該要有自然、簡約、安靜、輕松的感覺。但下圖的顏色整體偏暗,而且中間的紅色圓形與背景色和產品對比太強,所以視覺上并沒有自然、輕松的感覺。
在調整后的方案中我使用了產品的類比色組合,即綠色、青色、黃色,
而且把背景色的明度提高了,飽和度降低了。
注:拾色器面板中的HSB分別代表顏色的色相、飽和度、亮度值。
最終的顏色搭配效果更和諧、更符合產品和文案的調性。
二、顏色太灰
顏色太灰通常是因為顏色的飽和度和亮度偏低,再加上顏色之間的對比不夠強所導致的。比如下圖是一本服裝畫冊的目錄設計,版面中的色彩取自圖片中的粉紅色與綠色,設計師應該想通過這組對比色表現出時尚的感覺,但是最終的配色效果有點太灰了。
對于這種問題還是比較好解決的,我們只要選中目前的顏色然后打開拾色器面板,然后把顏色的S值(飽和度)或B值(亮度)提高一點就好,在調整數值時要觀察實際的顏色效果,直到得到最滿意的效果為止,如果飽和度或亮度過高,會導致顏色太重或太爆。
三、顏色太爆(刺眼)
與顏色太灰相反,還有很多設計師在配色時會出現太爆的情況,顏色太爆通常是因為顏色的飽和度和亮度過高導致的,但并不是說各顏色的飽和度和亮度值都很高,組合在一起就一定會很爆,還跟顏色的色相、顏色面積占比、顏色與圖片的組合效果、是否與產品調性相符等相關。總之,整件設計作品在視覺上要比較舒適,而不是辣眼睛。
比如下圖是一張食品海報,背景用了一個大紅色,突出價格的圓形色塊使用了一個熒光綠,這兩個顏色的飽和度值和亮度值都是100,雖然這兩個顏色都來自畫面中的食物圖片,但圖片中的顏色其飽和度和亮度值都沒這么高,所以這種色彩組合方式會讓人感覺背景比主體還要突出,產品與背景不夠融合。
另外,背景上的文字全部使用白色也會加強這種爆的感覺,似乎所有的顏色都在爭著跑到最前面來,缺乏層次。
對于這種情況,我們則需要把它的飽和度適當降低,比較穩妥的做法是拾取圖片中的顏色。把圖片復制一層,然后選擇濾鏡-像素化-馬賽克,選擇一個合適的參數,就能得到上圖的效果。把原圖中的紅色和綠色用圖片中的紅色和綠色替換,然后把標題和副標題的顏色改為暗紅色,這種“爆”的感覺就立馬消失了,如果背景使用一點點漸變效果,那么與圖片的融合性會更好。
四、顏色太花(太多)
顏色太花通常是因為顏色太多、且顏色跨度較大,主次不明顯,比如下面這則促銷海報,顏色有七種,除了黃色是背景色面積最大以外,其他顏色的面積都差不多。設計師之所以用這么多色彩是想讓不停的促銷信息能有清晰的區隔,但實際上這些信息通過排版以后已經非常清晰了,所以沒必要再通過不同顏色來進行區隔。
其實,把這些不同套餐的色塊統一成一個顏色,個別關鍵字、詞用一個顏色突出就好。另外用黃色作為背景色太過傳統,而且與中國移動的調性不是很契合,所以改成了玫紅色的對比色-藍色,這也是中國移動的品牌色。
最終,效果變得更時尚了,雖然總共的顏色只有三種,但是并不單調,而且也不會顯得花和亂。
五、太舊
現在大部分的品牌都開始年輕化,而且營銷傳播也都互聯網化,所以我們在做設計的時候要盡量時尚一些,特別是那些主要針對年輕人的品牌或產品。
下面這則中國移動促銷海報宣傳的內容就是針對年輕人的4G套餐,但設計的調性并不時尚,主要是因為配色有點舊。雖然是以紅藍這組對比色作為主色,但是背景色的明度很高、飽和度很低;并且里面用到了大量的單色漸變,這些配色的方式比較柔和,缺乏時尚感。
在優化后的方案中,首先我把背景色的飽和度提高了一些,把之前的單色漸變改成了純色,并使用了近幾年比較流行的鐳射漸變和熒光色,顏色的對比和視覺沖擊力更強,風格更獨特,整體的調性也變得更加時尚。
六、顏色太碎
顏色太碎會有一種凌亂的感覺,造成這種問題的原因是把一種或幾種比較跳躍的顏色,呈點狀且很分散(不連續、不集中)的分布在版面的各個部分,比如下圖的海報,設計師想用粉色突出所有他認為比較重要的詞、句或者元素,結果造成了顏色很碎的效果。
這種啥都想突出的配色方式除了在視覺上會讓畫面看起來很亂以外,也會使得版面沒有重點,因為重點太多了。
上圖的產品是一款進口的兒童健康食品,設計調性應該偏向中高端,所以用色應該更加克制,這種很碎的色彩搭配方式就更不合適了。我們在使用色彩突出某些關鍵信息時,盡量突出句子而不是某個字詞,或者通過色塊的方式突出整段文字(字數不是特別多的情況下)。另外,如果僅僅是為了區隔信息,那么不同信息的顏色只要有比較小的差別就好了,不需要用對比非常強烈的顏色來做區隔,否則會破壞畫面的統一性。
七、太臟
顏色臟主要是因為顏色明度和亮度太低,顏色處理不合理,以及暗色中的細節多且不清晰所造成的。下圖這個banner設計,背景色很暗,且很多地方處理不合理,比如天空的顏色沒有地面的顏色亮,在昏暗的天空中加鏡頭光暈。另外左邊的人物完全壓暗與背景融為一體也顯得很臟,右邊人物的重影除了讓畫面變得更臟以外,并沒有其他意義。
針對這些問題我調整了兩個方案,方案一是在保持原圖明暗的基礎上,提亮了天空、壓暗了地面,并把背景的圖層混合樣式從正片疊底轉為柔光,透明度降到70%,左邊人物進行了適當的提亮,使其更清晰、更立體。去掉了不合理的素材,比如鏡頭光暈和右邊模特的重影。中間的斜色塊和標題填充了一個飽和度較高的藍色,與深色背景形成鮮明的對比。
通過這一系列的調整,整個畫面就變得干凈了很多,而且保留了之前的氛圍。而如果想有更明顯的改變,可以放棄這種很暗的背景,比如像下圖方案二這樣,把整體的顏色都提亮,效果會更時尚、更干凈。
色彩搭配也沒有固定的標準,但有幾個原則必須遵守:
? 要傳遞正確的調性;
? 視覺上要舒適;
? 能夠方便內容的閱讀和理解,提高傳播效率;
? 能建立品牌區隔,形成一定的個性。
常見的色彩搭配問題還有很多,以后有機會蔥爺再做補充吧。
原文地址:蔥爺(公眾號)
作者:蔥爺
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( 91whvog3.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、
UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司