設計師配色寶典!教你從零開始學配色

今天我們來聊聊設計師的經典話題:配色!很多自學設計的同學沒有接受過系統的色彩訓練,在配色方面始終不能隨心發揮。網絡上的配色技巧很多,但大多不夠全面,今天優設從國外翻譯了整個系列的配色指南,即使是毫無經驗的新手,學習完也能對色彩有比較深刻的認識。

設計原則101——色彩理論

第一印象決定一切!大家都可以從各自的外表上大概看出一個人的性格。同樣的,這個理論也可以延伸到設計工作里。但是影響設計工作的因素有很多,但是第一時間被關注到的應該是顏色。顏色反映了設計的整體感覺,有時候單憑顏色就可以調度起一個人的情緒、情感甚至回憶。如果沒有掌握色彩理論的基礎知識,你會發現在日常工作和生活中,你忽略掉了很多細節。

找出哪些顏色配搭在一起很美膩并不是一件偶然的事兒,這其實是一項很科學道理的工作。不同的顏色組合適合不同的作品,而且這種類似固定搭配的組合規則并不能輕易被打破。讓我們從最基礎的部分開始了解色彩理論吧!

原色

所有顏色的源頭被稱為三原色,三原色指的是紅色、黃色和藍色。如果我們談論的是屏幕的顯示顏色,比如顯示器,三原色則分別是紅色、綠色和藍色,也就是我們熟悉的RGB。

間色

如果將紅色和黃色、黃色和藍色、藍色和紅色均勻混合,就會創建三種間色:綠色、橙色和紫色。將這些顏色應用進項目中,可以提供很強烈的對比。

三級顏色

三次色來源于間色與原色的混合,主要有:紅紫色、藍紫色、藍綠色、黃綠色、橙紅色和橙黃色。現在,你應該了解了顏色到底都是怎么衍生出來的,也可以了解色輪上的顏色組合都是從何而來。理解了色彩的原則將有助于在項目中選擇顏色。為自己的設計選擇一個合適的調性,并創建適量的對比度,讓設計工作更好地展開吧!

接下來我們聊聊基于色輪我們可以得到的基本色彩組合。

互補色

互補色是指色輪上那些呈180°角的顏色。比如藍色和橙色、紅色和綠色、黃色和紫色等。互補色有非常強烈的對比度,在顏色飽和度很高的情況下,可以創建很多十分震撼的視覺效果。

相似色

相似色是指在色輪上相鄰的三個顏色。相似色是選擇相近顏色時十分不錯的方法,可以在同一個色調中制造豐富的質感和層次。一些很好的色彩組合有:藍綠色、藍色和藍紫色;還有黃綠色、黃色和橘黃色。

三角色

三角色也是一組顏色。是通過在色環上創建一個等邊三角形來取出的一組顏色,可以讓作品的顏色很豐富。在上面的例子中,藍紫色和黃綠色就可以形成十分強烈的對比。

分散的互補色

分散的互補色和互補色的區別在于分散的互補色并不是取目標顏色正對面的顏色。拿上面的圖做例子來說吧,黃色的互補色應該是紫色,但是我們取紫色旁邊的兩個顏色——紫紅色和藍紫色。這樣子不僅可以有一個強烈的對比度,而且還可以讓顏色更豐富。

四方色

四方色是在色輪上畫一個正方形,取四個角的顏色。在上面的例子中是:紫紅色、橙黃色、黃綠色和藍紫色。這個顏色真的超棒的,不信可以自己用用感受一下,尤其是使用其中一個顏色作為主色,其他的三個顏色作為輔助色的時候。

四方補色

四方補色和四方色的差別在于四方補色采用的是一個矩形。通過一組互補色兩旁的顏色建立的色彩組合。如上圖中的互補色橙色和藍色,分別選用他們兩旁的顏色來建立矩形,最終取得橙紅色、橙黃色、藍綠色和藍紫色。

明暗

顏色的色調也可以影響顏色給人的感覺,就拿上圖的藍色來說,第一張是原圖,第二張添加了白色,第三張添加了黑色,同樣的藍色產生了不同的感覺。在實際應用中,可以在采用單色配色方案時,通過改變顏色的色調來創建不同的感覺。

暖色

暖色可以創造溫暖的感覺,暖色通常會讓人聯想起太陽、火焰和愛情。紅色是血的顏色,感覺是溫暖的,橙色和黃色會給人夏天的感覺。給圖像添加一個橙色的濾鏡,圖像看起來就會有溫馨快樂的感覺。

冷色

冷色也有其獨特的含義,通常會讓人聯想起涼爽的氣候、冬季、死亡、悲傷、冰、夜晚和水這些事物。冷色可以給人平靜、安寧、新人、干凈的感覺。紫色與尊貴經常聯系在一起,看起來十分內斂。

顏色的意義

紅色

紅色是代表愛情和激情的顏色。情人節的禮物通常都有一個紅色的盒子,或者是粉紅色,也就是添加一些白色的紅色。紅色也代表憤怒和血液。在火焰中可以同時找到紅色、橙色和黃色。紅色也表示危險,所以很多表示停止的標識牌都是紅色的,因為紅色可以很好地吸引人們的注意。紅色是很強勢的顏色,當它和其他顏色相遇時,比如搭配黑色,可以創建非常強勢的感覺。紅色可以搭配一些嚴肅的語氣和強硬的命令。

橙色

橙色代表了溫暖,但是并不像紅色那樣咄咄逼人。橙色能夠創建一個有趣的氛圍,因為它充滿了活力,而且橙色創造出的活躍氣氛并沒有危險的感覺。橙色可以與一些健康產品搭上關系,比如維生素C,畢竟橙子里也有很多維生素C。

黃色

提到黃色,經常可以聯想到太陽和溫暖。使用橙色的時候,可以創造出一種夏天的好玩的感覺,黃色則帶給人口渴的感覺,所以經常可以在賣飲料的地方看到黃色的裝飾。黃色也可以和懦弱與恐懼聯系起來,這個則是因為以前“yellow”這個詞也代表著這個意思。當黃色與黑色搭配在一起時,十分吸引人的注意力,一個絕佳的例子就是很多國家的出租車都采用這種配色。

綠色

在西方國家,綠色是錢的顏色,這與他們的文化和財富有關。因為大多數植物都是綠色的。綠色也代表著經濟增長和健康。綠色經常用作一些保健食品的LOGO,因為看起來就十分貼近自然。綠色還意味著利潤和收益。如果搭配上藍色,通常會給人健康、清潔、生活和自然的感覺。

藍色

藍色是一個神奇的顏色,因為不同明度的藍色會給人不同的感受、想法和情緒。如下圖中所示,深藍色可以給人一種悲傷的感覺,讓人聯想起傷心時怎么聽都不夠的藍調音樂。而淺藍色則通常會讓人聯想起天空和水,給人以提神、自由和平靜的感覺。藍天永遠都是平靜的,水流可以沖走泥土,清洗傷口,所以藍色也代表著新鮮和更新。藍色給人冷靜的感覺,會幫助人放松下來。

紫色

紫色總是讓人不禁想起皇室成員的長袍。紫色可以更多地與浪漫、親密、柔軟舒適的質感產生聯系。紫色給人一種奢華的感覺,也有一種神秘感。下面這個葡萄酒網站就是極好的例子。

白色

白色通常與醫院聯系在一起,因為醫生們都是穿著白大褂的,而且醫院內部的裝修通常也是白色的。此外,宗教繪畫有時候也是沒有色彩的,白色也代表著圣潔。白色通常給人干凈的感覺,比如白色的床單和衣服都讓人感覺很干凈。也可以代表棉花和柔軟的云朵。心理健康相關的事物也可以選用白色,白色也同樣適用于衛生、清潔相關的設計。比如下面這個網站,就很好地利用了白色。

黑色

黑色通常與死亡有關,尤其是在美國。它可以代表腐壞,因為很多食物腐壞變質以后就是黑色的。黑色也代表邪惡,因為是白色的對立顏色,而白色通常代表著純潔美好善良。黑暗和未知也會給人焦慮的感覺。很多圖像中,黑色表達了抑郁、絕望和孤獨。雖然黑色有很多負面的含義,但是黑色也是一個萬能色彩,當黑色遇上其他顏色的時候會產生其他的意義。比如當黑色邂逅金黃色,就可以給人一種奢華、高檔的感覺;當黑色偶遇銀灰色,則會給人一種成熟穩重的感覺。下面的網站就完美詮釋了這一點。

總結

作為一名設計師,了解色彩是一件必不可少的事兒。在設計的時候應該慎重地考慮和選用顏色。通過不同的顏色,可以創造出不同感覺的圖像。合適的組合可以獲得關注,通過視覺傳達設計師所想,進一步拉近設計師與觀眾的距離,讓圖像更具力量。如果之前并不仔細考慮用色,現在開始,應該培養對于色彩的感覺。相信客戶會看到一個不一樣的你,你的設計作品將會通過顏色建立聯想,更好地傳達信息。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,825評論 6 546
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,814評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,980評論 0 384
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 64,064評論 1 319
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,779評論 6 414
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 56,109評論 1 330
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 44,099評論 3 450
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,287評論 0 291
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,799評論 1 338
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,515評論 3 361
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,750評論 1 375
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,221評論 5 365
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,933評論 3 351
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,327評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,667評論 1 296
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,492評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,703評論 2 380

推薦閱讀更多精彩內容