怎樣培養設計師對顏色搭配的感覺?


天賦什麼的這種虛幻又無法改變的事情我就不說了。我們先從一個例子開始:
以下多圖預警!

這是BAmagazine關於色彩的教程。我們來分析以下為什麼用照片取色會有好的效果?這是用到了設計的基本理論:1、重複。取色和照片里的相同 2、對比、取色和照片里的顏色互補,冷暖色的對比。一百多年前,包豪斯的約翰·伊頓第一次將色彩作為一門科學來講述,色環就是他發展起來並且形成一個完整的學科體系的。這裡推薦以下伊頓的書:色彩藝術 (豆瓣)

具體應用方面,除了多看,還要明白為什麼這些色彩搭配會和諧。盲目的看是沒有效果的。拿海報舉例,一張衝擊力強的海報往往會同時運用多種對比,如下圖:黑白與彩色的對比,紅與藍色相的對比,冷暖的對比,高反差明度的對比,這些因素加起來才會形成所謂的衝擊力。

再舉個服裝色彩搭配的例子,可以嘗試的收集好看的街拍服裝搭配,裡面滿滿的都是經驗值啊。
如下圖,紅色的絲襪跟藏藍色的衣服在色相上是比較色的關係,又是一個紅藍對比。但是但是注意了這裡的紅色和藍色在飽和度上並不一樣,這又牽扯出了一個對比,同時他們在明度上也不一樣,這是第三個對比。模特的發色和包包的顏色都是黃色,發色也很重要啊不信你換成黑色看看,這是一個整體,所以整個搭配其實是一個三原色的搭配。

最後再舉個食物的栗子,很多時候在蔬菜上撒紅辣椒並不是為了味道啊,紅色是為了食物看起來更有食慾的點綴色。紅綠是最典型的180度對比色。撒香菜的用意也類似,當然味道也是原因之一。
大家可以看一下有紅辣椒和沒有紅辣椒的差別。

最後推薦兩本色彩方面很好用的書:
一個是 [日]視覺設計研究所的七日掌握設計配色基礎 (豆瓣),他們出的一系列的書都很好。這本書目前實體書已經絕版了,但是網上有pdf可以下載,自己去找。
還有一個是紅色范思哲 灰色阿瑪尼 (豆瓣) 這本書是從服裝色彩搭配來講的,因為是身邊的事情所以特別好理解。這兩本書看完了,基本上就可以開始多看了,所有好看的照片和圖片不論是什麼都可以拿來分析,慢慢的,所謂的感覺就出來了。


配色有沒有一個科學定律?答案是肯定的。但配色也會受主觀意識的影響,所以才有設計讓生活更加美好。

一、顏色分類。

1.純色(Pure Colors)。
顧名思義保持自然色,天然無混雜。更加年輕化、有活力、積極向上。

2.基本色混合白色(Tints)。
這種基調給人更加明亮、和平但缺少活力的感覺,更體現女性色彩,適用的行業有spa、美容等。

3.基本色混合黑色(Shades)。
神秘、黑暗、罪惡、危險色調,更體現男性色彩。使用純色或更明亮的陰影色時,與漸變能很好搭配。

二、顏色的寓意

在不同的國度因文化的差異,設計環境的同異,使得特定的顏色可傳達不同的寓意。下面給的顏色含義是從西方的國度的立場來理解的。

藍色---安全、正直或平靜、和平

綠色---清新、環保

黃色---謹慎、能量、歡呼

紫色---靈性、奢華

粉紅色---浪漫、美麗、愛、敏感

Tints和shades的使用程度可傳達不同的寓意。darker shades of blue更能傳達「正直、安全」寓意,相反,lighter tints of blue則更能傳達「平靜、和平」寓意。

另外,某些顏色隨著時間的流逝,因為特定組織或特定用途的使用而賦予特殊的寓意。
例如,天主教堂因為頻繁使用深紫色和紅色而讓這兩種顏色更能暗示「宗教」、「精神」含義。

在以前,粉紅色普遍被視為男孩顏色,而現在,它普遍被視為女孩色調。但是在西方國家,現在男生穿粉紅色衣服又普遍起來了。

國家也有他們自認接受的代表色。在愛爾蘭,如果我在台階看到一隻飛行物而它恰好又是綠色,我一定會把它裝到容器里,心裡想著它和聖帕特里克節有著一些聯繫。

三、保持簡潔

在設計中使用過多的顏色是一種錯誤認識。一般設計中只需體現一種主導顏色,輔之中性的顏色,比如白色、灰色或者黑色。多種顏色的混亂使用可導致傳達過多的信息,進而讓人們對你的設計產生誤解。

四、對照

大多數情況下,暗色調和明亮的色調搭配起來更協調。這也是大多紙質書本都用白色底黑色字的原因。

每一種顏色都有一個對照值。白色是最亮的對照值,黑色是最暗的對照值。

綠色和黃色都是「亮度」較高的顏色,所以當白色背景出現綠色或黃色字體時,會很難閱讀。黃色字體在深灰或黑色背景能很好地被閱讀,這也很好地解釋了為什麼馬路上的大多警告牌都是黃色字體黑色背景。

藍色和紫色都有著很深的黑色對照值,所以紫色字體能在白色背景更好地被閱讀。

例子

一個客戶跑來和我說,想要為他的新公司(beauty spa)設計一個logo,公司主要生產純天然、綠色的產品。

我知道它主要的目標客戶是女性,且更想傳達的是「和平、平靜」的信息而不是「活力」,所以我知道tints系列顏色更適合它的logo設計,而不是對立面的純色或者深色。

那麼能傳達「平靜、正直、和平、美麗、女性化」含義的顏色有粉紅色、黃色、紫色和藍色。

接著,他極力強調公司產品都是純天然的。所以我會選擇綠色,因為綠色傳達的正是「清新、環保、純天然」含義。

但是綠色並不是很女性化的顏色,但是tints系列是女性色彩,所以tints green會是更好的選擇。能滿足兩個需求。

我還需要傳達「和平、平靜」的含義(也就是要使用藍色),所以我混合藍色和綠色得到cyan tint(藍綠色),也就是最後的結果能更好地針對女性市場傳達了這是一家純天然beaty spa。

Science vs Subjective

既然我們是地球上的人類,一定會有自己的主觀意識。一些人也肯定認為我給客戶的logo用上深紅背景+紫色字體,看上去真的不能太贊了。

但是,我必須要說這是錯誤的。

規則總是有例外的。也總是會有logo、設計作品、公司等會違反設計規則從而獲得成功。
但是,你要是想增加設計成功的機會,我還是建議你去學習色彩理論。

-----------------------------------------說明分界線---------------------------------------------------------

上文是quora上看到的一個回答,覺得很受用。分享給大家。

並不是百分百照著文本翻譯(freestyle,大致意思差不多),如有很多錯誤,望多多包含。

也可直接忽略我上面的文字,直接轉向下面地址。

Colm Tuite"s answer to Is there a science to picking colors that work well together or is it just subjective?


一個紅色,由於色相,明度,飽和度三者數值的的變化,可以延伸出無數個紅色。一個色相環上的色彩,比你射精時射出的精子還多。你說怎麼配?誰能告訴你怎麼配?所以還是得靠感覺。色彩感覺怎麼來?無疑,人是通過眼睛來識別色彩感受色彩。所以,多看,看得多了,自然會鑒別出精華與糟粕,被精華的東西潛移默化得多了,對色彩搭配的把握能力自然就強了!


1、天賦異稟,不用了,不需要培養。
2、多看多想,耳濡目染久了,量變自然引起質變。
3、看些美學基礎,如各種顏色的暗示,搭配的基本原理,淺嘗即止。

PS:我說的是交互設計師,專業視覺設計師。。。俺不懂的。。。


從塗小卡片開始_(:з」∠)_


多看多學習,而且這不是一個定數,沒有人規定什麼是對,什麼是錯,看著舒服就好,還有就是大膽自信


為什麼麥當勞和肯德基這些快餐店喜歡用明快的橙色,為什麼會議室和辦公室多喜歡用藍色。都和用戶對色彩的心理習慣有關係,多看,多練,多借鑒,慢慢積累和沉澱,感覺就出來了。
PS:我也不恨專業僅供參考,呵呵


了解色彩基礎知識和色彩各種情緒功能。自己多看、多觀察、多練習,用廣告顏料自己去調色,畫圖 搭配,久而久之,你會發現自己進步很大的了!


推薦閱讀:

物體的高光為什麼都是白色的?
這是粉白還是灰綠?
為什麼常見的貓咪毛色以黑白灰黃,而不是紅紫綠藍為主?
有人能直接根據顏色說出 RGB 碼嗎?
怎樣用語言描述一種顏色?

TAG:顏色 | 視覺設計 |