設計色彩學系列 | 配色設計
設計師必學配色技巧|黃金比例60:30:10在設計顏色運用6個秘密技巧大公開[1]中,我們有提到一個非常實用的配色技巧,那就是黃金比例60:30:10!這個比例能夠運用在絕大部分的設計上,無論是網站、室內設計、App設計、服裝搭配、相片構圖等等都能夠使用這個技巧。什麼是60:30:10?其實概念很簡單,就是在作品的顏色呈現上,要符合60:30:10的比例,分別是「60%主色相+30%輔助色相+10%強調色相」。配色黃金比例60:30:10主色相佔了設計中絕大部分的顏色,通常是用於背景,也因為使用面積龐大,建議使用中性色。輔助色相佔了設計中...
設計師必學配色技巧|黃金比例60:30:10在設計顏色運用6個秘密技巧大公開[1]中,我們有提到一個非常實用的配色技巧,那就是黃金比例60:30:10!這個比例能夠運用在絕大部分的設計上,無論是網站、室內設計、App設計、服裝搭配、相片構圖等等都能夠使用這個技巧。
什麼是60:30:10?其實概念很簡單,就是在作品的顏色呈現上,要符合60:30:10的比例,分別是「60%主色相 + 30%輔助色相 + 10%強調色相」。
配色黃金比例60:30:10主色相佔了設計中絕大部分的顏色,通常是用於背景,也因為使用面積龐大,建議使用中性色。輔助色相佔了設計中大約30%的顏色,通常是品牌主色調,用於標題等。強調色相和主、輔色有強烈的對比,主要用以吸引目光注意。用於按鈕、圖標、小標題,或是其他行動呼籲等元素。1. 網站設計應用60:30:10在網站視覺設計中是一個很常被使用的技巧。
比如說在知名網站MailChimp中,就使用了淺黃色為60%的主色調,而黑色則為輔助色調,按鈕則用了與黃色呈現強烈對比的藍色,整個畫面感覺非常協調又清楚。
網站設計應用|MailChimp又比如HeadSpace頂空公司,這是一家線上醫療保健公司,專門提供冥想與放鬆的相關週邊產品。這個品牌的設計風格都非常一致,所有的元素,包括按鈕、LOGO、圖示,甚至是吉祥物的頭,都採用了圓形的設計,之前在設計系列文章也有介紹過圓形設計的好處[2]。
網站設計應用|HeadSpace而頂空選擇了淺灰色作為背景顏色,黃色作為輔助色調,藍色作為強調色調。我們可以看到頂空公司雖然在大Banner中使用了不一樣的橘色,但其實都是黃色色調的延伸。
品牌如果想要在設計中增加第四或第五個色彩元素,建議就使用色盤中的顏色去做深淺的調配。
2. App...