加新百貨 批發、零售市集
設計配色完整攻略:色彩意義、色彩理論、色彩心理學讓您一次擁有!

設計配色完整攻略:色彩意義、色彩理論、色彩心理學讓您一次擁有!

Nov 21. 2020

學習在設計中成功運用色彩的必備知識大全。探索色彩理論、色彩意義和色彩模式的領域,幫助你為作品選擇最合適的配色。

 

人隨時隨地都在選色,即使是不自覺地。通常是本能的,但事實上其背後有一套稱為色彩理論的科學。色彩理論闡述了各種顏色之間的相互關聯,以及將顏色融入多種配色法時產生的視覺效果。色彩理論的一個分支是探索色彩和情感的色彩心理學。這兩門色彩知識領域的綜合對於需要懂得運用色彩的人來說是很重要的資訊,無論你是正在為即將到來的活動製作傳單的小企業家,或是需要為你的下一個專案選擇配色的設計師,還是必須為你的新創公司設計LOGO的創業人,這些都是必備知識。

在本完整攻略中,我們將探討色輪、色彩理論和色彩意義的基礎知識,以及這些知識與視覺行銷、品牌塑造和設計的相關性。我們另將介紹常見的色彩模式和系統(即印刷與數位的色彩運用),如何將色彩靈感化為優勢,以及如何使用設計應用程式來管理色票。


色彩專業術語

在我們深入探討色彩理論的本質之前,讓我們先來了解一些基本術語。

 

  • 色相(Hue)指的是如上面色輪所示的純飽和色。
  • 淺色(Tint)是將單一色相融入白色元素,使其變亮或去飽和度而成。淡化後的顏色通常比飽和的顏色更平靜。
  • 色調(Tone)是在一個色相中加入灰色,使整體色度變暗而成。
  • 色度(Shade)是將不等比例的黑色加入單一色調而成,以調配出更暗的色相。
  • 飽和度(Saturation)指的是一個顏色的總體強度或色度。一個純色相會比其淺色或色調更飽和。
  • 色值(Value)指的是一個顏色的整體亮度或暗度。淺色相的色值比深色相的色值更高。

 

 

色輪

你可能在美術課上看過色輪,或者背過大家熟知的紅橙黃綠藍靛紫(原文縮寫「Roy G. Biv」)來記憶彩虹的顏色。色輪是一種說明圖示,用圓圈顯示12種顏色,用於表示每種顏色之間的相互關係。在色輪中相對排列的兩色為互補色。而相鄰的顏色則具有共同的特性,通常很適合作配色。

現在就讓我們深入探討色輪上的各種色相吧!

 

 

 

 

原色(Primary Colors)

原色是「原始」的顏色,由紅色、黃色和藍色組成。無法混合其他顏色來調配出這些顏色。

 

 

這個強大的三原色塑造了我們所知的色彩理論的基礎。這三種色素是廣泛的顏色範圍,又稱色域的基石。把這些顏色調配在一起時,就會產生二次色和三次色以及介於兩者中間的所有色相。

二次色(Secondary Colors)

二次色是由兩種不同的原色等比例調配而成的顏色。黃色和藍色混合就會創造出綠色,黃色和紅色混合就會創造出橙色,而藍色和紅色混合創造出的是紫色。

 

 

在色輪上,二次色會介於用來創造它的兩種原色的中間並與之等距。二次色以三個顏色為一組,形成一個顛倒的等邊三角形。

三次色(Tertiary Colors)

三次色是透過混合相鄰的原色和二次色調配而成。舉個例子,把一個原色如黃色和二次色如綠色混合就會創造出黃綠色。

 

 

每種三次色的名稱都是以相鄰的原色加上相鄰的二次色命名。你不會看到綠黃色這個色名;只會看到黃綠色。


 

配色(Color Schemes)

使用色輪可以製作任何配色或組合,但有些配色會比其他配色更美觀。就像混合顏色來創造新的顏色一樣,顏色搭配得好就可以創造出令人賞心悅目的組合。好在你不必花好幾個小時嘗試每種顏色組合來找到好看的配色。你可以使用現成的配色來找到適合的組合。我們在下面解說了最重要的配色法,以及如何在製作包含多種色相的配色板時套用這些原則的資訊。

你也可以在我們的101種配色組合中找到下面以Shutterstock系列素材為靈感的配色表圖片。

單色配色法(Monochromatic Colors)

單色配色法是以單一顏色為焦點,通常透過混合一個色相的淺色、色調和色度作搭配變化。這種配色表聽起來可能很單調,但卻提供了多元的色值,為你的構圖增添趣味和多樣性。

這種配色方案非常多變化,而且很美觀。在設計中使用多種顏色通常會使觀者眼花撩亂,並使設計的色調失去風采,但是單一色相的細微顏色變化有助於簡化設計,使其不過於單調。

 

 


 

 

無彩配色法(Achromatic Colors)

缺乏色度和飽和度的顏色,如白色、灰色和黑色,都稱為無彩色。許多藝術家偏好在無彩色的環境中創作,因為這些顏色能透過具張力的陰影和亮部直接地呈現色值。

 


 

 

相似色配色法(Analogous Colors)

相似色是在色輪上相鄰的三色或四色的顏色組合。「Analogous」(類似的)這個詞的意思是「密切相關」,因此這些顏色的搭配有著類似於單色配色的和諧美感。

 

 

在為你的構圖選擇相似色組合時,最好只以一種色調為主,即冷色調或暖色調。挑一種主色,再用對應的相似色襯托。此極光的配色使得在色輪上相鄰的兩色,從綠色巧妙地漸變成藍色。

 


 

 

互補配色法(Complementary Colors)

互補色是色輪上位置相對的兩色;其中一色通常是原色,而另一色則為二次色。主要的互補色是藍橙、紅綠和黃紫。

 

 

如下所示,在構圖中搭配互補色,以增加對比度和視覺強度。橙色柑橘類水果在淺藍色背景的襯托下顯得更鮮明。

 


 

補色分割配色法(Split-Complementary Colors)

補色分割的配色看起來有點類似互補色,但這種組合混合了一種顏色和其互補色相鄰的兩色,例如黃色與藍紫色和紅紫色的搭配。

 

 

這種配色具有類似互補色的視覺魅力,但少了強度。帶入相似色可以使得互補色的鮮明對比更柔和。

 


 

 

矩形配色法(Tetradic colors)

互補色在本質上已經很強烈;雙重互補色,又稱矩形配色使用兩組互補色讓效果加倍。

 

 

 

矩形配色使用了往往難以調和的豐富色值,如黃色和紫色搭配綠色和紅色。選擇一個主色,並降低其他顏色的飽和度或強度有助於維持構圖的平衡。

 


 

 

三等分配色法(Triadic colors)

三等分配色是由三種顏色組成,這三種顏色在色輪上的位置彼此等距,形成如下所示的等邊三角形。三等分配色可包含三種原色、二次色或三次色。

 

 

 

由黃色、藍色和紅色形成鮮明的三等分配色不容易取得平衡。選一個顏色作為亮點,就像下圖車子的黃色一樣,再用其他三等分顏色做襯托,例如在車頂上的藍色和紅色海灘裝備。

在設計時要掌握一個很好的基本原則就是建立層次感。指定一種主色,然後點綴襯托色,而不讓顏色相互爭豔。

 


 

 

色彩意義及其對品牌的影響

色彩心理學著重於色彩的象徵和意義,以及色彩及其搭配如何影響人類的情緒。色彩心理學的原則可以應用於各行各業,如幫助行銷人員有效率地塑造品牌或新屋主為他們的飯廳選擇適當的顏色。每種顏色都會喚起觀者的特定情緒反應,塑造消費者對展示品整體設計的感知。在產品開發、行銷和品牌推廣方面,這種正面的品牌認知能影響消費者的購買決定並最終提高業績。

繼續看下去了解各種顏色通常給人什麼樣的感受,學習如何在你的設計中應用特定的顏色。

暖色調

暖色調如紅色、橙色和黃色能彩刺激感官,並以其鮮明度引發愉悅感。這些色彩蘊藏了豐富的情感意義,但如果被用來當作構圖的主色,一不小心就會令人眼花撩亂。暖色相的淺色、色調和色度是你的最佳利器,因為它們有助於降低一個色相的飽和度而不削減其正面效果。

暖色調可當作強調色,適度點綴於各類品牌元素,或者與冷色調搭配以取得和諧的平衡。

紅色的意義

紅色搶眼和活潑的特質能引起觀者強烈的情緒反應。可用來提高食慾、興奮度和焦慮感。餐廳常常會將紅色融入品牌元素中,有助於增加食慾。有些品牌還會利用紅色調來散發刺激和冒險的調性。

紅色是一種大膽而有力的色調,因此在與其他活力充沛的色調搭配使用時,需特別小心使用。過強的紅色會削弱設計並激起錯誤的情緒,甚至有挑釁的意味 。完全飽和的紅色最好用於強調或品牌元素的細節。當用作主色時,可利用淺色或色調使畫面更柔和。

 

 

 

橙色的意義

橙色結合了紅色的熱情和黃色的輕快。明亮的橙色往往象徵自信、隨興和新的開始。

在幫橙色配色時要小心。純橙色搭配黑色會使人自然聯想到萬聖節。試著搭配藍色調做對比互補,或者與相似色調黃色或紅色混合來維持暖度,如這張葡萄柚平鋪圖案。

雖然橙色調通常會給人一種友善的氣息,但品牌在使用這種色調時還是必須謹慎。利用橙色的淺色、色調和色度來減低其鮮明度,或選擇較柔和的色系,如桃色、赤土色或杏黃色來增添幾分優雅。

 

 

 

黃色的意義

當這種陽光色調以最純粹的形式呈現時,可喚起溫馨、愉悅和寧靜的感受。搶眼的黃色調也是會立刻引人注目的顏色,通常用於警告、交通標誌和安全背心。許多品牌會利用醒目的黃色來吸引顧客光顧他們的商店,使其成為零售商店的熱門首選。

可考慮在品牌中使用淺黃色或黃色調做襯托,而不把搶眼的黃色當作主色。過度使用黃色會顯得太刻意,而被視為促銷的廉價策略。

黃色的配色不太好配;應盡量使用單色、相似色、補色分割或三等分色調做配色,才能搭配得好。這張瑪瑙質感素材輕鬆融入了淺黃色和黃色調,達到視覺上的美感。

 


 

 

冷色調

另一方面,較冷的色調往往會給人平靜和值得信賴的感受。藍色調、綠色調、紫色調,甚至粉紅色調往往更多變化;可作為主色或強調色整合入品牌元素中。

嘗試用冷色調的互補色來加強你的構圖,或者運用暖色調來襯托冷色調。

綠色的意義

這種多樣的色調通常與茂密的森林、富饒的豐收和繁榮有關,灌輸人一種成長、安全和復甦的感受。綠色也是品牌和LOGO元素中常用的顏色。這種色調富含意義,使其成為永續和環保品牌、金融機構或連鎖超市的理想首選。

也因為綠色特別悅目,使其成為主色或強調色的理想首選。將綠色與單色、相似色或互補色做搭配就能輕鬆配出好看的配色。單色和相似色的組合,如下面的露珠或上面的極光,創造了一種平靜和諧的配色。互補配色,如柔和的紅色和綠色,在構圖中搭配起來對比度特別好。(但要小心別弄得像聖誕節一樣!)

 

 

 

藍色的意義

從蔚藍的天空到耀眼的海洋,藍色使人產生的聯想大致是正面的。這種受歡迎的色調以其平靜的本質象徵著和平、可靠和忠誠。但是這種色調也有一些負面的含義,給人一種憂鬱的印象,是抑鬱的象徵。

藍色調普遍受人喜愛,因此許多品牌都在他們的促銷活動或LOGO中使用了藍色調。那麼,在茫茫的藍色大海中該如何脫穎而出?善用特殊的顏色組合是吸引目光的好方法。

藍色搭配較暖的色調,如橙色或黃色,是一個很好的著眼點。不妨使用現成的互補色、三等分色或相似色的配色表來調配自己的配色。或者,如果你選的構圖較柔和,可將藍色調和藍色度與暖系強調色相結合,如下面的大理石紋理所示。

 

 

 

紫色的意義

這種二次色將藍色的穩定性與紅色的能量結合在一起。紫色還具有重大的歷史意義;它是皇帝和國王最愛用的顏色,創造了一種皇室和獨家的氣息。

隨著時代的變遷,顏色含義也跟著改變。如今,紫色通常用於象徵和平與華麗。Pantone 2018的年度代表色「紫外光」(Ultra Violet)是一種帶著樂觀和神秘感的紫色調,看起來非常前衛。

紫色的寧靜和奢華魅力適用於提供奢侈品或提倡靜謐環境的品牌,如瑜伽教室。

使用純紫色很容易讓設計顯得太誇張;不妨試著融入淺紫色和紫色調,如下面的時尚寫真所示。將紫色與其互補色黃色搭配,形成鮮明對比,或與補色分割色搭配,形成更低調的對比效果。

 

 

 

粉紅色的意義

一想到粉紅色,一般人都會聯想到嬌柔、浪漫、親密和輕鬆愉悅。但是就如同其他顏色,粉紅色在不同的國家具有不同的文化含義;在日本,粉紅色被視為男性化的象徵,在韓國,則象徵信任。在創意領域中了解顏色跨文化的蘊意是很重要的。

在西方世界裡,粉紅色通常用於女性產品和化妝品牌,因為一般人會把粉紅色與「小女生」用的東西聯想在一起。最近,粉紅色儼然成了設計界的時尚色;大家可能看過知名的「千禧粉」(Millennial Pink)被微妙地融入攝影和設計中,即使它們與女性用品無關。這是因為粉紅色與時下流行的識別概念正同步發展。

粉紅色這個顏色通常不太容易整合到構圖中,但是當你將粉紅色單純地視為一種淺紅色時,你就可以輕鬆利用色輪達到你要的效果。粉紅色很適合與柔和的綠色調,以及相似色或單色配色做搭配。

 


 

 

了解顏色彩模式和系統

雖然顏色組合對你的設計極為重要,但懂得分辨不同類型的色彩模式和系統也是必備知識。主要色彩模式RGB和CMYK以不同的處理方式展示顏色,這會影響你在設計中可使用的整體顏色範圍。RGB色彩模式可以展示更鮮明的色調,而CMYK色彩模式則無法複製出相似的色值。

特別色和印刷色也會影響設計中使用的顏色;這些色彩系統之間可用的色域是截然不同的。印刷時,特別色顯得更強烈和均勻,而印刷色是使用CMYK點製成,因此色彩範圍有限。

RGB

RGB色彩模式是由紅、綠和藍色調組成,這些色調組合在一起可創造比CMYK色彩模式的色域更廣泛的顏色變化。此色彩模式僅存在於螢幕顯示中,例如電腦螢幕、行動裝置和電視螢幕等。

 

 

 

RGB色彩模式使用「加色法」混合色光來產生顏色,而不是利用油墨來產生色調。這與「減色法」完全相反,例如混合色料或染料。全部的RGB三原色加在一起就會產生白色,如果少了這三原色則會產生黑色。你的螢幕上顯示的顏色就是混合這些RGB基色調的結果。

當你試著印刷使用RGB色彩模式製成的設計時,印出來的設計品將製作出與螢幕預覽不同的色調。CMYK色彩模式的色域比RGB色彩模式小,因此在印刷時,設計品中的顏色將試著找到相對應的CMYK顏色。這些對應色可能較濁或較不鮮明,最終會影響設計的整體基調。一定要掌握這個原則,在網路設計時只用RGB色彩模式以避免顏色變異。

CMYK

CMYK色彩模式包含青色、洋紅色、黃色和黑色(Key),這些顏色的組合產生了一系列色調。這種四色處理模式適用於各種類型的印刷機。當你把印刷圖片放大時,你會看到四種顏色點疊加在一起,產生不同的色調和漸變。解析度(dpi)就是使用CMYK色彩模式印刷的結果。儘管所有的印刷機都是以CMYK印製,但效果可能因印刷機的款式和型號不同而異。

 

 

 

在RGB色彩空間中,所有的原色用加色法調配在一起產生白色。CMYK模式用減色法調配顏色,也就是把所有的原色用黑色遮蓋來產生黑色調。油墨和染料的相互疊加,會減去紙中的白色。

CMYK色彩模式產生的色域比RGB色彩模式更小,因此只有在設計印刷品時才會使用到此色彩模式。

 


印刷色

平版印刷最常用的方法是印刷色。這些顏色是由青色、洋紅色、黃色和黑色(Key)或CMYK油墨調配而成。每種印刷色都是由特定比例的青色、洋紅色、黃色和黑色油墨組成。與特別色相比,印刷色提供的色彩範圍有限。

 

 

 

彩色印刷又稱四色印刷,非常適合需要多色油墨的圖像或設計的印刷製程。每個印版都會以不同的角度印刷以印製出色彩濃厚的圖像。

特別色

在平版印刷中,將單一油墨平塗印製而成的就是特別色,與網點疊色有所不同。特別色又稱專色,是由純油墨和混合油墨組成,無需使用網版或多色網點即可製成。

 

 

 

當印刷作業的色彩準確性和一致性很關鍵時,特別色就成了理想的選擇。顏色不多的公司LOGO和顏色特殊的品牌元素應使用特別色印刷。

 


為設計尋找配色靈感

在思考設計和其他創意專案的用色時,不妨四處尋找靈感。望向遠方欣賞自然色調,或觀察各門學科受青睞的藝術作品來欣賞你可能從未想過的配色。如果你想要製作出一些真的很吸睛的配色,那麼跳脫你的色彩舒適圈吧!

從照片中採集色樣或讓自己熟悉其他設計師的獨特配色是一個很好的著眼點。這將使你沉浸於當代色彩或設計趨勢中,同時讓自己習慣將那些色彩感受和整體色調融入你的專案中。話雖如此,要不時注意自己的用色是否過於大膽,太多顏色會使人眼花撩亂,並且可能會混淆設計的整體訊息。