色彩心理學: 完美網頁的最終秘笈

色彩該怎麼搭配才會讓整體感加加?

Isa W.
7 min readAug 18, 2020

或許你不曾發覺到,生活其實是一個不斷在選擇顏色的過程。也許你會認為這一切都跟直覺有關,但實際上背後是一門名為“色彩理論”的科學,描述了不同顏色之間的相互關係,以及將它們組合為多種配色時的外觀。顏色理論的一個分支是顏色心理學,它更進一步地探索了顏色和情感。將顏色知識的這兩個領域結合在一起,對於任何處理顏色的人,無論是小型企業為即將舉行的活動創建傳單,還是設計師為下一個項目選擇配色方案,或企業家為了新創公司設計徽標來說,都是重要的信息。

在此次Lab,我們將介紹色輪,顏色理論和顏色含義的基礎知識,以及它們與視覺行銷,品牌和設計的關係。我們還將介紹常見的顏色配置文件和系統,以及如何利用顏色靈感來發揮自己的優勢。

術語

在探討色彩理論的精妙之處之前,讓我們介紹一些基本術語:

  • 色相(Hue): 純色,飽和色
  • 色彩(Tints): 通過在色相上添加白色來使整體色度變而實現的
  • 色調(Tone): 通過在色相上添加灰色來使整體色度變而實現的
  • 色度(Shade): 通過在色相上添加黑色的一部分來使整體色度變而實現的
  • 飽和度(Saturation): 指某種顏色的總體強度或色度,例如: 色相比其色彩或色調更飽和。
  • 明度(Value): 指顏色的明暗程度。較淺的色相比較深的色相具有更大的明度
圖片來源: shutterstock

色輪

圖片來源: aekikius

你一定早就在美術課上看過這張圖了。色輪是一個說明圖,它在一個圓周圍顯示12種顏色,用來表示每種顏色之間的關係。彼此相對排列的顏色是互補的。位於其他顏色附近的顏色具有共同的特徵,通常很巧妙地搭配在一起。

讓我們深入探討色輪上存在的色相。

原色(Primary Colors)

如同字面上的意思,最”原始”的顏色,由紅色,黃色和藍色組成。沒有顏色能混合成這三種顏色。這三種強大的色相塑造了色彩理論的基礎,並且是廣泛色域的基礎。混合使用時,它們會創建第二和第三種顏色以及它們之間的所有色相。

圖片來源: aekikius

三間色(Secondary Colors)

三間色由兩種單獨的原色的均等混合形成。黃色和藍色混合創建綠色,黃色和紅色混合創建橙色,藍色和紅色混合創建紫色。在色輪上,三間色位於用於創建它的兩個原色的中間,並且與它們等距,產生一個倒置的等邊三角形。

圖片來源: aekikius

再間色(Tertiary Colors)

為通過結合相鄰的主色調和副色調來創建第三色。例如,原色(例如黃色)和次要顏色(例如綠色)混合以產生黃綠色。每個第三色的名稱均以相鄰的原色與相鄰的第二色組合開頭,例如你有聽過黃綠色的,卻沒有聽過綠黃色一樣。

圖片來源: aekikius

配色技巧

使用以上提到的色輪,我們可以進行任意的配色,但是猶如顏色混合以創建新顏色一樣,正確的配對得以創建視覺上令人愉悅的組合。幸運的是,我們可以藉由嘗試過的和真實的配色方案來找到有效的組合。以下很重要的配色技巧,讓你能學會如何製作包含多種色調的調色板時以及背後的原理。

單色

配色專注於單一顏色,通常通過合併色彩、色調和色度來使用該色相的變化。或許這聽起來很無趣,但專注於單一顏色上的變化,從而增加了構圖的趣味性和尺寸感。

這種配色方案用途廣泛,並且易於使用。在設計中使用多種色調通常會使觀看者眼花撩亂,反而阻礙設計的實用性,一種色調上的細微顏色變化其實更有助於簡化設計而又不會使其過於平淡。

圖片來源: Patiwat Sariya

無彩

缺少色度和飽和度的顏色,例如白色,灰色和黑色,稱為無彩。許多藝術家喜歡在無彩環境中工作,因為他們會通過較位戲劇性的陰影和光線交綜中直接凸顯明度。

圖片來源: tofutyklein

相似色

在色輪內彼此鄰接的一組三種或四種顏色。 “類似”一詞的含義緊密相關,因此這些色調的組合具有與單色配色方案相似的和諧吸引力。

構圖時,務必只使用同系列的冷色或暖色,並強調與之相似的同類色彩。這種北極光配色方案可實現從綠色到藍色的漸層,並在色輪上彼此相鄰。

圖片來源: Ken Phung

補色

互補色存在於色輪的相對兩側;一種顏色通常是原色,另一種是第二色。主要的互補色是藍色和橙色,紅色和綠色以及黃色和紫色。

如圖所示,將補色配對在一起以增加對比度和視覺強度。在淺藍色的背景下,橙色柑橘類水果的鮮豔度更加脫穎而出。

圖片來源: casanisa

補色分割

補色分割看起來可能類似於上述補式配色方案,但是這種組合結合了顏色補碼的兩種相鄰色相,例如圖中的黃色與藍紫色和紅紫色配對。

此配色方案具有與互補方案相似的視覺吸引力,但沒有帶刺激的強度。引入類似的顏色可以幫助柔化補體的鮮明對比。

圖片來源: Maciej Bledowski

雙重補色

補色本質上已經很強烈。通過使用兩對補碼,雙互補色(四邊形)的配色方案就可以提升視覺層次感。

四色(例如圖中黃色和紫色 vs 綠色和紅色搭配)使用的豐富值通常很難協調。為了保持平衡的構圖,請選擇一種主色調(如圖中的黃色),並降低其他色調的飽和度或強度。

圖片來源: leonori

三等角

一個三等角由三種顏色組成,它們在色輪上彼此等距放置,形成一個等邊三角形,如左所示。三等角可以包括紅、黃、藍三種原色。

要創造個充滿亮點的三等角,對新手來說可能會比較難拿捏。只凸顯一種顏色,就像圖下方汽車上的黃色一樣,並配搭其他三合一色調,例如在汽車頂上海灘裝備上的藍色和紅色。

設計時的一個好的法則是創建層次結構。不要讓顏色爭奪鎂光燈,而要專注於主要顏色,然後加上點綴。

圖片來源: alphaspirit

顏色心理學不只關注顏色的象徵意義和含義,更關注顏色及其組合如何影響人類的情感。每種顏色都會引起觀眾的特定情感反應,如最常見的冷暖色調,從而塑造該消費者如何看待展示的整體設計。在產品開發,營銷和品牌推廣方面,傳遞出品牌溫度會引起消費者的共鳴而進一步提升銷售額。

若已經決定用於設計的顏色時活完全沒有想法時,不妨在身邊尋找靈感,在大自然中多走一走,或者參觀各式展覽及藝術品,或許你會發現最初可能不會想到的色彩組合。踏出色彩舒適區,找出真正引人注目的調色盤吧!

--

--

Isa W.

00後 Big Four Consultant / Freelance SEO Writer We always have a choice✨