方格精選

你一定要知道的5大配色手法:補色、相似色、三等分、補色分割、矩形

更新於 2022/11/10閱讀時間約 3 分鐘
視覺設計師在選擇顏色時,不僅僅要了解到不同顏色會引發的不同感官效應,還要了解不同的色彩間是否能夠互相搭配。這篇文章中,哈利熊整理了根據色環(Color Wheels)理論延伸出的色彩搭配技巧,來幫大家進一步了解如何配色。
品牌的顏色至關重要!之前在品牌行銷的顏色使用大全:不同性別、年齡層分別該用什麼顏色中,我們提到不同的顏色會產生不同的情緒效果。而設計師在選擇品牌顏色時,不僅僅要考量到不同顏色會引發的不同感官效應,還要了解色彩學基礎來選擇適當的明度與彩度。
這篇文章中,哈利熊整理了色彩應用的技巧,來幫大家進一步了解如何配色。

什麼是色環(Color Wheels)?

色環(又稱色輪)是在1666年由Sir Isaac Newton所發展出來的一個色彩理論。而這12個基礎顏色也被稱為色相(Hues)
我們從色環來看之前所提到的三原色、三間色以及複色。
色環(Color Wheels),又稱色輪
三原色指的是紅、黃、藍三種顏色。而三間色指的是將三原色兩兩混合而組成的顏色,複色則是將三原色與三間色再加以組合而成的顏色。
接下來,我們以色環來看5種常用的配色手法。

5大顏色配色技巧

5大顏色配色技巧

1. 補色(Complementary Color Scheme)

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

2. 相似色(Analogous Color Scheme)

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

3. 三等分(Triad Color Scheme)

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

4. 補色分割(Split Complementary Scheme)

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

5. 矩形(Tetradic Color Scheme)

矩形(Tetradic Color Scheme)
這種配色手法是由兩組互補色組合而成,在使用可以產生非常多的變化。有如圖的這種矩形使用方式,也有相鄰兩組補色的使用方式。在使用這種配色手法時,記得要選用一種顏色為主色調,也要注意到冷色系與暖色系中的協調。
為什麼會看到廣告
avatar-img
142會員
199內容數
哈利熊的職場生存之道與專業技能分享!
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
在「品牌行銷顏色使用大全:不同性別、年齡層分別該用什麼顏色」一文中,有提到不同顏色會給觀賞者不同的情緒反應,而根據不同性別、年齡,可以選擇不同的品牌顏色。但決定品牌的專屬顏色之前,有什麼關於顏色的基礎知識是設計時一定要知道的呢?
顏色與情緒有著非常緊密的連結,不同的顏色可以讓人覺得開心、難過、放鬆甚至能促進食慾。這也是為什麼我們必須了解顏色心理學,用在品牌設計與行銷中以達到更好的效果。針對不同性別、年齡層的TA,不同的顏色選擇會有什麼影響呢?讓我們一起來看看吧!
根據調查,38%的網站造訪者會純粹因為網站不美觀而離開網頁,可見網站設計的重要性。要如何一步一步打造出超強的網站呢?今天,哈利熊為大家整理了網站設計的八大步驟。
網站設計是一個品牌網路行銷的核心!網站設計的好壞是用戶對你品牌產生第一印象的關鍵,到底網站設計要注意哪些重點呢?請參考哈利熊為大家整理的2020年所有設計人一定要知道的網站設計相關數據!
比起簡單、平淡的網站頁面,66%的人更希望看到漂亮好用的設計。網站是品牌網路行銷非常重要的門面,也是顧客與品牌接觸的第一線。無論你打算架設一個新的網站,或是針對過去的品牌官網重新設計,你可能都會有這樣的疑問:這真的有這麼重要嗎?值得我投資嗎?現在就讓哈利熊帶你一起來看看網站設計為什麼那麼重要吧!
美國設計之父,擁有平面設計界的畢卡索之稱的保羅.蘭德曾說過:「LOGO是一面旗幟、一個簽名、一面紋章之盾、一個路牌。一個LOGO不是直接的銷售,而是辨識。」LOGO商標設計是一個品牌包裝中非常重要的一環,一個好的LOGO須要具備那些特性呢?
在「品牌行銷顏色使用大全:不同性別、年齡層分別該用什麼顏色」一文中,有提到不同顏色會給觀賞者不同的情緒反應,而根據不同性別、年齡,可以選擇不同的品牌顏色。但決定品牌的專屬顏色之前,有什麼關於顏色的基礎知識是設計時一定要知道的呢?
顏色與情緒有著非常緊密的連結,不同的顏色可以讓人覺得開心、難過、放鬆甚至能促進食慾。這也是為什麼我們必須了解顏色心理學,用在品牌設計與行銷中以達到更好的效果。針對不同性別、年齡層的TA,不同的顏色選擇會有什麼影響呢?讓我們一起來看看吧!
根據調查,38%的網站造訪者會純粹因為網站不美觀而離開網頁,可見網站設計的重要性。要如何一步一步打造出超強的網站呢?今天,哈利熊為大家整理了網站設計的八大步驟。
網站設計是一個品牌網路行銷的核心!網站設計的好壞是用戶對你品牌產生第一印象的關鍵,到底網站設計要注意哪些重點呢?請參考哈利熊為大家整理的2020年所有設計人一定要知道的網站設計相關數據!
比起簡單、平淡的網站頁面,66%的人更希望看到漂亮好用的設計。網站是品牌網路行銷非常重要的門面,也是顧客與品牌接觸的第一線。無論你打算架設一個新的網站,或是針對過去的品牌官網重新設計,你可能都會有這樣的疑問:這真的有這麼重要嗎?值得我投資嗎?現在就讓哈利熊帶你一起來看看網站設計為什麼那麼重要吧!
美國設計之父,擁有平面設計界的畢卡索之稱的保羅.蘭德曾說過:「LOGO是一面旗幟、一個簽名、一面紋章之盾、一個路牌。一個LOGO不是直接的銷售,而是辨識。」LOGO商標設計是一個品牌包裝中非常重要的一環,一個好的LOGO須要具備那些特性呢?
你可能也想看
Google News 追蹤
Thumbnail
本文探討了複利效應的重要性,並藉由巴菲特的投資理念,說明如何選擇穩定產生正報酬的資產及長期持有的核心理念。透過定期定額的投資方式,不僅能減少情緒影響,還能持續參與全球股市的發展。此外,文中介紹了使用國泰 Cube App 的便利性及低手續費,幫助投資者簡化投資流程,達成長期穩定增長的財務目標。
Thumbnail
保險契約百百條,很多被保險人都搞不懂,不過其他不懂沒關係,這條「帝王條款」你一定要弄清楚! 條款都是保險公司「單方面」設計的  一般保戶不可能去跟他們談論「這個條款應該怎麼寫,那個項目可以怎麼列」 我們只能夠選擇「要不要保」, 這樣的契約就叫做「附合契約」。 什麼是「附合契約」 由
Thumbnail
什麼是「Rule-based bidding」? 基於規則的競價(Rule-Based Bidding),是一種以RoAS為目標,利用機器學習演算法將一系列影響效果的參數(時間、受眾群體、展示位置等)考慮在內,並依據大規模數據幫助賣家更準確地出價的功能。 為什麼Rule-based biddi
Thumbnail
什麼是"Bid adjustment"功能? 簡單說就是這個功能能幫助賣家對同一個廣告不同的展示位進行單獨額外加價,以達到增加某個特定展示位曝光的目的。這裡就涉及到一個亞馬遜廣告的基本知識:站內SP廣告它的位置不是固定的,根據你出價的不同,再結合亞馬遜的廣告演算法,我們的廣告可能出現在不同的位置,
Thumbnail
什麼是Campaign bidding strategy? 從上圖可以看出,Campaign bidding strategy 這個功能可以讓我們的廣告競價從先前的固定值變得更加靈活,可以根據我們不同的目的使用不同的策略,從而使廣告預算利用率效率變得更高。 Campaign bidding st
Thumbnail
拜託所有要出發前的旅客一定要看這篇文!這些都是我到當地後才發現的,絕對可以為你省下更多更多的錢! 1. 計程車怎麼叫更省 千萬不要用藍鳥計程車(blue bird)的app叫計程車,請用Grab app,價格是藍鳥的一半!你可以看到很多部落格都說藍鳥計程車價格比當地隨便攔得更便宜,大錯特錯!
Thumbnail
智齒,學名為第三大臼齒。本是行使咀嚼和咬合的作用,但因智齒生長位置在口腔最內側,所以也有了輔助臼齒缺牙的作用;由於現今國人健康意識逐漸抬頭,口腔清潔更被注重,因此缺牙問題相較以往來說好發率低,加上飲食習慣也越漸精緻,在牙弓縮小的狀況下智齒就缺失了生長的空間,進而引發相關口腔問題。
Thumbnail
區塊鏈,虛擬貨幣,比特幣 我相信這些名詞你一定都聽過, 也都看過各種文章/影片的描述 但都還是一知半解, 接下我會利用非常生活化的方式帶你了解區塊鏈的世界
Thumbnail
首先是定義與認知:今天他作為你的主管,不管你再怎麼討厭他,或是看他做事不順眼,都有必要在「工作上服從他」,這是個非常難以接受的道理,但職場上確實有他的階級制度在,而且是一環扣一環上去的(這個看久了很有趣耶)。
Thumbnail
Netflix 爆紅美劇《后翼棄兵》The Queen's Gambit 你知道今年 Netflix 爆紅美劇《后翼棄兵》The Queen's Gambit 整部劇中,最大量使用的顏色是甚麼顏色嗎? Netflix 十月底上線《后翼棄兵》The Queen's Gambit  ,異軍突起,蟬聯
Thumbnail
某天學生來泡茶閒聊,以下摘錄部份對話: 學生:「法拍屋代標要找律師、代書還是代標公司?」;我回:「找專業。」 學生:「但,專業很多種丫,是標到後可以處理訟訴?是聳動?還是會處理社會事的?」; 我回:「是「價格」。」 學生:「什麼!誰不知道是價格。你不要開玩笑了。」  價格決定了法拍案件八成的勝負  
Thumbnail
本文探討了複利效應的重要性,並藉由巴菲特的投資理念,說明如何選擇穩定產生正報酬的資產及長期持有的核心理念。透過定期定額的投資方式,不僅能減少情緒影響,還能持續參與全球股市的發展。此外,文中介紹了使用國泰 Cube App 的便利性及低手續費,幫助投資者簡化投資流程,達成長期穩定增長的財務目標。
Thumbnail
保險契約百百條,很多被保險人都搞不懂,不過其他不懂沒關係,這條「帝王條款」你一定要弄清楚! 條款都是保險公司「單方面」設計的  一般保戶不可能去跟他們談論「這個條款應該怎麼寫,那個項目可以怎麼列」 我們只能夠選擇「要不要保」, 這樣的契約就叫做「附合契約」。 什麼是「附合契約」 由
Thumbnail
什麼是「Rule-based bidding」? 基於規則的競價(Rule-Based Bidding),是一種以RoAS為目標,利用機器學習演算法將一系列影響效果的參數(時間、受眾群體、展示位置等)考慮在內,並依據大規模數據幫助賣家更準確地出價的功能。 為什麼Rule-based biddi
Thumbnail
什麼是"Bid adjustment"功能? 簡單說就是這個功能能幫助賣家對同一個廣告不同的展示位進行單獨額外加價,以達到增加某個特定展示位曝光的目的。這裡就涉及到一個亞馬遜廣告的基本知識:站內SP廣告它的位置不是固定的,根據你出價的不同,再結合亞馬遜的廣告演算法,我們的廣告可能出現在不同的位置,
Thumbnail
什麼是Campaign bidding strategy? 從上圖可以看出,Campaign bidding strategy 這個功能可以讓我們的廣告競價從先前的固定值變得更加靈活,可以根據我們不同的目的使用不同的策略,從而使廣告預算利用率效率變得更高。 Campaign bidding st
Thumbnail
拜託所有要出發前的旅客一定要看這篇文!這些都是我到當地後才發現的,絕對可以為你省下更多更多的錢! 1. 計程車怎麼叫更省 千萬不要用藍鳥計程車(blue bird)的app叫計程車,請用Grab app,價格是藍鳥的一半!你可以看到很多部落格都說藍鳥計程車價格比當地隨便攔得更便宜,大錯特錯!
Thumbnail
智齒,學名為第三大臼齒。本是行使咀嚼和咬合的作用,但因智齒生長位置在口腔最內側,所以也有了輔助臼齒缺牙的作用;由於現今國人健康意識逐漸抬頭,口腔清潔更被注重,因此缺牙問題相較以往來說好發率低,加上飲食習慣也越漸精緻,在牙弓縮小的狀況下智齒就缺失了生長的空間,進而引發相關口腔問題。
Thumbnail
區塊鏈,虛擬貨幣,比特幣 我相信這些名詞你一定都聽過, 也都看過各種文章/影片的描述 但都還是一知半解, 接下我會利用非常生活化的方式帶你了解區塊鏈的世界
Thumbnail
首先是定義與認知:今天他作為你的主管,不管你再怎麼討厭他,或是看他做事不順眼,都有必要在「工作上服從他」,這是個非常難以接受的道理,但職場上確實有他的階級制度在,而且是一環扣一環上去的(這個看久了很有趣耶)。
Thumbnail
Netflix 爆紅美劇《后翼棄兵》The Queen's Gambit 你知道今年 Netflix 爆紅美劇《后翼棄兵》The Queen's Gambit 整部劇中,最大量使用的顏色是甚麼顏色嗎? Netflix 十月底上線《后翼棄兵》The Queen's Gambit  ,異軍突起,蟬聯
Thumbnail
某天學生來泡茶閒聊,以下摘錄部份對話: 學生:「法拍屋代標要找律師、代書還是代標公司?」;我回:「找專業。」 學生:「但,專業很多種丫,是標到後可以處理訟訴?是聳動?還是會處理社會事的?」; 我回:「是「價格」。」 學生:「什麼!誰不知道是價格。你不要開玩笑了。」  價格決定了法拍案件八成的勝負