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

什麼是色環(Color Wheels)? 5大顏色配色技巧. 1. 補色(Complementary Color Scheme); 2. 相似色(Analogous Color Scheme); 3.哈利熊線上服務市集>哈利熊部落格>創意設計>設計色彩學系列>設計色彩學系列|你一定要知道的5大配色手法:補色、相似色、三等分、補色分割、矩形設計色彩學系列|你一定要知道的5大配色手法:補色、相似色、三等分、補色分割、矩形2020-08-102020-08-14設計色彩學系列品牌的設計與行銷中,顏色的選擇搭配至關重要!之前在品牌行銷的顏色使用大全:不同性別、年齡層的TA分別該用什麼顏色中,我們提到不同的顏色會產生不同的情緒效果。

而設計師在選擇品牌顏色時,不僅僅要考量到不同顏色會引發的不同感官效應,還要了解色彩學基礎來選擇適當的明度與彩度。

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

內容目錄什麼是色環(ColorWheels)?5大顏色配色技巧1.補色(ComplementaryColorScheme)2.相似色(AnalogousColorScheme)3.三等分(TriadColorScheme)4.補色分割(SplitComplementaryScheme)5.矩形(TetradicColorScheme)什麼是色環(ColorWheels)?色環(又稱色輪)是在1666年由SirIsaacNewton所發展出來的一個色彩理論。

而這12個基礎顏色也被稱為色相(Hues)。

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

色環(ColorWheels),又稱色輪三原色指的是紅、黃、藍三種顏色。

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

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

5大顏色配色技巧5大顏色配色技巧1.補色(ComplementaryColorScheme)補色(ComplementaryColorScheme)補色是色環上180度角、色環正對面的兩種完全互補的顏色,比如說紅色與綠色。

這種搭配會產生強烈的對比,如果想要凸顯某物,這種組合方式非常不錯。

而互補色在完全飽和的屬性下,會呈現一種生動活潑的效果。

但是互補色不適合大範圍的使用,也較不推薦將互補色應用在文字上。

2.相似色(AnalogousColorScheme)相似色(AnalogousColorScheme)相似色指的是色環上相鄰的三色,它們通常搭配起來都非常協調,創造出一種寧靜、舒適的設計感。

相似色在大自然中隨處可見,這種配色手法和諧、令人身心愉悅。

但小心,設計師在使用這種配色手法時,必須確保顏色間的對比度。

通常設計師會選一種顏色為主,第二種顏色為輔,而第三種顏色則會與黑、白、灰搭配作為重點的使用。

3.三等分(TriadColorScheme)三等分(TriadColorScheme)色環上相隔120度的三色,如紅、藍、黃。

這種顏色的搭配手法會使畫面非常豐富,在使用不飽和色相的情況下,效果會特別顯著。

使用這種搭配手法必需選擇一個主色調,而讓另兩種顏色作為重點的使用。

4.補色分割(SplitComplementaryScheme)補色分割(SplitComplementaryScheme)補色分割配色手法是由「補色」延伸出來的一種形式。

在選用補色的同時,運用補色兩旁的相鄰色搭配使用。

這種配色手法與補色法有著同樣的視覺效果,但又不會那麼緊繃。

對於初學者來說,這種配色手法是最為推薦的。

5.矩形(TetradicColorScheme)矩形(TetradicColorScheme)這種配色手法是由兩組互補色組合而成,在使用可以產生非常多的變化。

有如圖的這種矩形使用方式,也有相鄰兩組補色的使用方式。

在使用這種配色手法時,記得要選用一種顏色為主色調,也要注意到冷色系與暖色系中的協調。

推薦文章:色彩學系列|設計師一定要知道的顏色基礎學:顏色3分類與顏色3屬性色彩心理學|你最喜愛的顏色代表什麼?你好,我是「哈利熊」—賣家設計色彩學系列|配色黃金比例60:30:10的實際應用!你知道有一個非常實用的配色技巧嗎?那就是Readmore設計色彩學系列|設計師私藏的6個色彩運用技巧大公開!色彩


常見生活風格問答


延伸文章資訊