配色黃金比例60:30:10的實際應用!

更新於 2022/11/10閱讀時間約 3 分鐘
你知道有一個非常實用的配色技巧嗎?那就是黃金比例60:30:10!這個比例能夠運用在絕大部分的視覺設計上,無論是網站設計、室內設計、App設計、服裝搭配、相片構圖等都能適用。現在就跟著哈利熊一起來看看60:30:10到底是什麼魔法吧!
設計師必學配色技巧|黃金比例60:30:10
設計顏色運用6個秘密技巧大公開中,我們有提到一個非常實用的配色技巧,那就是黃金比例60:30:10!這個比例能夠運用在絕大部分的設計上,無論是網站、室內設計、App設計、服裝搭配、相片構圖等等都能夠使用這個技巧。

什麼是60:30:10?

其實概念很簡單,就是在作品的顏色呈現上,要符合60:30:10的比例,60%主色相 + 30%輔助色相 + 10%強調色相。
  • 主色相
    佔了設計中絕大部分的顏色,通常是用於背景,也因為使用面積龐大,建議使用中性色。
  • 輔助色相
    佔了設計中大約30%的顏色,通常是品牌主色調,用於標題等。
  • 強調色相
    和主、輔色有強烈的對比,主要用以吸引目光注意。用於按鈕、圖標、小標題,或是其他行動呼籲等元素。
什麼是60:30:10?
配色黃金比例60:30:10

配色黃金比例的實際應用

網站設計應用

60:30:10在網站視覺設計中是一個很常被使用的技巧。
比如說在知名網站MailChimp中,就使用了淺黃色為60%的主色調,而黑色則為輔助色調,按鈕則用了與黃色呈現強烈對比的藍色,整個畫面感覺非常協調又清楚。
網站設計應用|MailChimp
又比如HeadSpace頂空公司,這是一家線上醫療保健公司,專門提供冥想與放鬆的相關週邊產品。這個品牌的設計風格都非常一致,所有的元素,包括按鈕、LOGO、圖示,甚至是吉祥物的頭,都採用了圓形的設計,之前在設計系列文章也有介紹過圓形設計的好處
網站設計應用|HeadSpace
而頂空選擇了淺灰色作為背景顏色,黃色作為輔助色調,藍色作為強調色調。我們可以看到頂空公司雖然在大Banner中使用了不一樣的橘色,但其實都是黃色色調的延伸。
品牌如果想要在設計中增加第四或第五個色彩元素,建議就使用色盤中的顏色去做深淺的調配。

App應用

這種顏色搭配的比例在App應用上特別常見。
比如說星巴克的App設計其實就用了非常簡單的綠、白、灰三色去做搭配。對於重要的行動呼籲「加入星禮程」等訊息就用了在白色背景上會非常醒目的綠色。
App應用|Starbucks星巴克
而美國購物平台Amazon亞馬遜的App設計也是走這種風格。使用簡單、乾淨的白色背景為主色調、藍綠色作為輔助色調、並以與藍綠色產生強烈對比的橘黃色作為強調色調。而在Banner的設計上,也使用的是橘黃色與藍綠色所延伸出來的顏色,整個畫面顯得非常協調。
App應用|Amazon亞馬遜

室內設計應用

60:30:10的配色守則在室內設計中也非常常見。
通常,60%、30%、10%的顏色的使用如下:
  • 主色調(60%):用於牆面、大型傢俱、地毯、沙發等。
  • 輔助色調(30%):用於窗簾、邊張椅子、小型傢俱。
  • 強調色調(10%):藝術作品、點綴裝飾、小枕頭。
這一個室內設計就是以藍色色調為主,應用於整個牆面。而地板、邊桌則是以米色為主。點綴的畫作、擺設則是以灰色為主。
室內設計的配色技巧
而下面另一間的設計則是以白色為主要的牆面顏色,搭配米咖色的地板以及衣櫃,最後再以盆栽的綠色搭配。
室內設計的配色技巧2
希望這一篇配色技巧對你有幫助,如果對於配色不是很熟悉的朋友們,可以看看設計師一定要知道的5大配色技巧
即將進入廣告,捲動後可繼續閱讀
為什麼會看到廣告
avatar-img
142會員
199內容數
哈利熊的職場生存之道與專業技能分享!
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
色彩是視覺設計中一個非常重要的元素,無論是在網站設計或是LOGO設計中,都佔有舉足輕重的地位。今天,哈利熊為大家來分享一些關於色彩運用的實用小技巧。
冷暖色調指的是一個顏色會給予觀賞者的心情與感覺。比如說,我們想到藍色,就會想到大海、水、風、冰。而橘色,則會想到太陽、火、火山。我們對於每一個顏色都有不同的感受,因為這些顏色與我們生活中的經驗息息相關。今天,哈利熊們要來介紹顏色的冷暖特性!
視覺設計師在選擇顏色時,不僅僅要了解到不同顏色會引發的不同感官效應,還要了解不同的色彩間是否能夠互相搭配。這篇文章中,哈利熊整理了根據色環(Color Wheels)理論延伸出的色彩搭配技巧,來幫大家進一步了解如何配色。
在「品牌行銷顏色使用大全:不同性別、年齡層分別該用什麼顏色」一文中,有提到不同顏色會給觀賞者不同的情緒反應,而根據不同性別、年齡,可以選擇不同的品牌顏色。但決定品牌的專屬顏色之前,有什麼關於顏色的基礎知識是設計時一定要知道的呢?
顏色與情緒有著非常緊密的連結,不同的顏色可以讓人覺得開心、難過、放鬆甚至能促進食慾。這也是為什麼我們必須了解顏色心理學,用在品牌設計與行銷中以達到更好的效果。針對不同性別、年齡層的TA,不同的顏色選擇會有什麼影響呢?讓我們一起來看看吧!
根據調查,38%的網站造訪者會純粹因為網站不美觀而離開網頁,可見網站設計的重要性。要如何一步一步打造出超強的網站呢?今天,哈利熊為大家整理了網站設計的八大步驟。
色彩是視覺設計中一個非常重要的元素,無論是在網站設計或是LOGO設計中,都佔有舉足輕重的地位。今天,哈利熊為大家來分享一些關於色彩運用的實用小技巧。
冷暖色調指的是一個顏色會給予觀賞者的心情與感覺。比如說,我們想到藍色,就會想到大海、水、風、冰。而橘色,則會想到太陽、火、火山。我們對於每一個顏色都有不同的感受,因為這些顏色與我們生活中的經驗息息相關。今天,哈利熊們要來介紹顏色的冷暖特性!
視覺設計師在選擇顏色時,不僅僅要了解到不同顏色會引發的不同感官效應,還要了解不同的色彩間是否能夠互相搭配。這篇文章中,哈利熊整理了根據色環(Color Wheels)理論延伸出的色彩搭配技巧,來幫大家進一步了解如何配色。
在「品牌行銷顏色使用大全:不同性別、年齡層分別該用什麼顏色」一文中,有提到不同顏色會給觀賞者不同的情緒反應,而根據不同性別、年齡,可以選擇不同的品牌顏色。但決定品牌的專屬顏色之前,有什麼關於顏色的基礎知識是設計時一定要知道的呢?
顏色與情緒有著非常緊密的連結,不同的顏色可以讓人覺得開心、難過、放鬆甚至能促進食慾。這也是為什麼我們必須了解顏色心理學,用在品牌設計與行銷中以達到更好的效果。針對不同性別、年齡層的TA,不同的顏色選擇會有什麼影響呢?讓我們一起來看看吧!
根據調查,38%的網站造訪者會純粹因為網站不美觀而離開網頁,可見網站設計的重要性。要如何一步一步打造出超強的網站呢?今天,哈利熊為大家整理了網站設計的八大步驟。
你可能也想看
Google News 追蹤
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
沖泡普洱茶 很多人都不知道普洱茶怎麼泡最好喝,其實這是一個很主觀的看法,因為每個人喜歡的濃淡程度不一樣 普洱茶比例並沒有一個固定的標準,都可以依據喜好做適當的調整,不過通常一般大家都會以1公克的普洱茶大約用50公克的水沖泡,通常都會以5公克的普洱茶/250公克左右的水做一個泡茶標準值 不過若是改用成
Thumbnail
在機率論中著名的凱利公式及其衍生公式,就是用來計算在賭局中的最佳下注比率,同樣也可以用在投資抉擇上,幫助我們在面對新的投資機會衡量該投入多少資金比例時,提供一個數學的解答。    
Thumbnail
大家都很熟悉黃金比例,但是你聽過白銀比例嗎?你聽過青銅比例嗎?這些比例到底是多少、怎麼來的、又有什麼用途呢?
穿衣顯瘦是女孩們始終在追逐的目標,但如果你認為穿著黑色系的衣服就會顯瘦,那就大錯特錯啦!因為如果你沒有把版型、材質以及長度這些因素考慮進去,也許只會越穿越胖。其實你真正的穿衣顯瘦技巧也可以五彩繽紛,不一定要穿著整身黑,因為這樣反而把自己搞得死氣沉沉,以下幾種穿衣顯瘦方法,讓你穿出時尚又顯瘦的衣著。
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
沖泡普洱茶 很多人都不知道普洱茶怎麼泡最好喝,其實這是一個很主觀的看法,因為每個人喜歡的濃淡程度不一樣 普洱茶比例並沒有一個固定的標準,都可以依據喜好做適當的調整,不過通常一般大家都會以1公克的普洱茶大約用50公克的水沖泡,通常都會以5公克的普洱茶/250公克左右的水做一個泡茶標準值 不過若是改用成
Thumbnail
在機率論中著名的凱利公式及其衍生公式,就是用來計算在賭局中的最佳下注比率,同樣也可以用在投資抉擇上,幫助我們在面對新的投資機會衡量該投入多少資金比例時,提供一個數學的解答。    
Thumbnail
大家都很熟悉黃金比例,但是你聽過白銀比例嗎?你聽過青銅比例嗎?這些比例到底是多少、怎麼來的、又有什麼用途呢?
穿衣顯瘦是女孩們始終在追逐的目標,但如果你認為穿著黑色系的衣服就會顯瘦,那就大錯特錯啦!因為如果你沒有把版型、材質以及長度這些因素考慮進去,也許只會越穿越胖。其實你真正的穿衣顯瘦技巧也可以五彩繽紛,不一定要穿著整身黑,因為這樣反而把自己搞得死氣沉沉,以下幾種穿衣顯瘦方法,讓你穿出時尚又顯瘦的衣著。