Skip to content
哈利熊線上服務市集 > 哈利熊部落格 > 創意設計 > 設計色彩學系列 > 設計色彩學系列|你一定要知道的5大配色手法:補色、相似色、三等分、補色分割、矩形

設計色彩學系列|你一定要知道的5大配色手法:補色、相似色、三等分、補色分割、矩形

品牌的設計與行銷中,顏色的選擇搭配至關重要!之前在品牌行銷的顏色使用大全:不同性別、年齡層的TA分別該用什麼顏色中,我們提到不同的顏色會產生不同的情緒效果。而設計師在選擇品牌顏色時,不僅僅要考量到不同顏色會引發的不同感官效應,還要了解色彩學基礎來選擇適當的明度與彩度。

這篇文章中,哈利熊整理了色彩應用的技巧,來幫大家進一步了解如何配色。

什麼是色環(Color Wheels)?

色環(又稱色輪)是在1666年由Sir Isaac Newton所發展出來的一個色彩理論。而這12個基礎顏色也被稱為色相(Hues)

我們從色環來看之前所提到的三原色、三間色以及複色。

色環(Color Wheels),又稱色輪
色環(Color Wheels),又稱色輪

三原色指的是紅、黃、藍三種顏色。而三間色指的是將三原色兩兩混合而組成的顏色,複色則是將三原色與三間色再加以組合而成的顏色。

接下來,我們以色環來看5種常用的配色手法。

5大顏色配色技巧

5大顏色配色技巧
5大顏色配色技巧

1. 補色(Complementary Color Scheme)

補色(Complementary Color Scheme)
補色(Complementary Color Scheme)

補色是色環上180度角、色環正對面的兩種完全互補的顏色,比如說紅色與綠色。這種搭配會產生強烈的對比,如果想要凸顯某物,這種組合方式非常不錯。而互補色在完全飽和的屬性下,會呈現一種生動活潑的效果。但是互補色不適合大範圍的使用,也較不推薦將互補色應用在文字上。

2. 相似色(Analogous Color Scheme)

相似色(Analogous Color Scheme)
相似色(Analogous Color Scheme)

相似色指的是色環上相鄰的三色,它們通常搭配起來都非常協調,創造出一種寧靜、舒適的設計感。相似色在大自然中隨處可見,這種配色手法和諧、令人身心愉悅。但小心,設計師在使用這種配色手法時,必須確保顏色間的對比度。通常設計師會選一種顏色為主,第二種顏色為輔,而第三種顏色則會與黑、白、灰搭配作為重點的使用。

3. 三等分(Triad Color Scheme)

三等分(Triad Color Scheme)
三等分(Triad Color Scheme)

色環上相隔120度的三色,如紅、藍、黃。這種顏色的搭配手法會使畫面非常豐富,在使用不飽和色相的情況下,效果會特別顯著。使用這種搭配手法必需選擇一個主色調,而讓另兩種顏色作為重點的使用。

4. 補色分割(Split Complementary Scheme)

補色分割(Split Complementary Scheme)
補色分割(Split Complementary Scheme)

補色分割配色手法是由「補色」延伸出來的一種形式。在選用補色的同時,運用補色兩旁的相鄰色搭配使用。這種配色手法與補色法有著同樣的視覺效果,但又不會那麼緊繃。對於初學者來說,這種配色手法是最為推薦的。

5. 矩形(Tetradic Color Scheme)

矩形(Tetradic Color Scheme)
矩形(Tetradic Color Scheme)

這種配色手法是由兩組互補色組合而成,在使用可以產生非常多的變化。有如圖的這種矩形使用方式,也有相鄰兩組補色的使用方式。在使用這種配色手法時,記得要選用一種顏色為主色調,也要注意到冷色系與暖色系中的協調。

推薦文章:

3秒吸睛 名片設計3大重點

名片往往是公司行號視覺辨別設計中重視度比 Read more

LOGO設計系列|大衛.艾里的LOGO設計十大黃金準則

如果你的公司正打算畫一個LOGO,或是重 Read more