方格精選

設計師私藏的6個色彩運用技巧大公開!

閱讀時間約 3 分鐘
色彩是視覺設計中一個非常重要的元素,無論是在網站設計或是LOGO設計中,都佔有舉足輕重的地位。今天,哈利熊為大家來分享一些關於色彩運用的實用小技巧。
設計色彩學
色彩是視覺設計中一個非常重要的元素,無論是在網站設計或是LOGO設計中,都佔有舉足輕重的地位。今天,我們來分享一些關於色彩運用的實用小技巧。

1. 設計先以黑白灰呈現

先以黑白灰呈現設計
很多設計師常犯的一個錯誤就是:太早將設計品上色!這樣會讓整個作品失焦,通常會浪費非常多的時間在選擇適合的顏色上面。所以建議設計師們先用黑白灰簡單的顏色去做設計,在確定整個結構與視覺效果後,再上色。

2. 不要超過3種顏色

設計不要超過3種顏色
你有沒有聽過這樣一句話:在穿衣服的時候盡量不要穿超過3種顏色,不然你會看起來像隻鸚鵡或是小丑。而設計師在設計品中運用顏色的時候也是如此,盡量不要用超過3種顏色,如果真的沒有辦法,必須使用超過3種顏色的時候,可以用調整色盤中顏色的深淺去做區隔。

3. 色相黃金比例60:30:10法則

突兀的顏色運用對觀賞者來說是件大大扣分的事情,你不希望用了「突兀」、「不協調」的顏色讓整個作品失焦,或是讓觀賞者一頭霧水。在設計中,顏色使用上的和諧非常重要。
60:30:10法則是一個極為簡單卻非常強大的設計技巧。
概念很簡單,也就是在作品的顏色呈現上,應該要符合60:30:10的比例。60%主色相 + 30%輔助色相 + 10%強調色相。
協調的色相比例60:30:10法則
比如說例子中的圖,其實就是按照60:30:10的配色技巧應用的。
  • 主色相:佔了設計中絕大部分的顏色,通常是用於背景,也因為使用面積龐大,建議使用中性色。
  • 輔助色相:佔了設計中大約30%的顏色,通常是品牌顏色,用於標題等
  • 強調色相:和主輔色有強烈的對比,主要用以吸引目光注意。用於按鈕、圖標、小標題
如果對於這個60:30:10法則有興趣的朋友,歡迎參考黃金比例的實際應用

4. 了解顏色搭配技巧

5大顏色配色技巧
選擇顏色的時候應該比照5大顏色配色技巧,去選擇適當的顏色搭配。基本上,常見的配色技巧有補色、相似色、三分色、補色分割與矩形。

5. 用對比色產生視覺重量

視覺重量是一個物件是否能吸引人注意的自然特性。當一個物件有更大的視覺重量,就有更大的機會被注意到。
視覺重量主要是3種特性的總和:
  • 一個物件的大小(物件越大,視覺重量越大)
  • 物件旁的負空間(負空間越多,視覺重量越大)
  • 物件的顏色(對比色越高,視覺重量越大)
用對比色產生視覺重量
所以在設計中,針對視覺上想重點呈現的物件,可以用尺寸、留白空間以及對比色去拿捏理想的視覺重量。紅色基本上是視覺權重最大的顏色,而黃色則是最輕的。設計中的視覺重量應用是一個非常重要的概念,也是設計師們一定要掌握的設計技巧之一。

6. 使用一致的品牌主色調

在品牌的各個設計或是呈現的設計品中,應該都要以品牌顏色為主體。在顏色的選擇上,可以根據受眾的性別、年齡層選擇適當的顏色,與此同時,也要了解不同顏色會帶來的不同情緒反應。建議你也可以使用市場上不常見的顏色組合,這樣可以讓你的品牌記憶點更為深刻。
選擇適當的品牌顏色
比如說,MailChimp就使用了刺激行為,象徵樂觀、開心的黃色作為品牌主色調,而藍色則是作為強調色調。
MailChimp品牌主色調
希望這次分享的色彩設計技巧系列對你有幫助,歡迎關注哈利熊的文章、IGFacebook以及YouTube頻道了解更多關於設計、行銷、斜槓相關的知識。
即將進入廣告,捲動後可繼續閱讀
為什麼會看到廣告
avatar-img
142會員
199內容數
哈利熊的職場生存之道與專業技能分享!
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
冷暖色調指的是一個顏色會給予觀賞者的心情與感覺。比如說,我們想到藍色,就會想到大海、水、風、冰。而橘色,則會想到太陽、火、火山。我們對於每一個顏色都有不同的感受,因為這些顏色與我們生活中的經驗息息相關。今天,哈利熊們要來介紹顏色的冷暖特性!
視覺設計師在選擇顏色時,不僅僅要了解到不同顏色會引發的不同感官效應,還要了解不同的色彩間是否能夠互相搭配。這篇文章中,哈利熊整理了根據色環(Color Wheels)理論延伸出的色彩搭配技巧,來幫大家進一步了解如何配色。
在「品牌行銷顏色使用大全:不同性別、年齡層分別該用什麼顏色」一文中,有提到不同顏色會給觀賞者不同的情緒反應,而根據不同性別、年齡,可以選擇不同的品牌顏色。但決定品牌的專屬顏色之前,有什麼關於顏色的基礎知識是設計時一定要知道的呢?
顏色與情緒有著非常緊密的連結,不同的顏色可以讓人覺得開心、難過、放鬆甚至能促進食慾。這也是為什麼我們必須了解顏色心理學,用在品牌設計與行銷中以達到更好的效果。針對不同性別、年齡層的TA,不同的顏色選擇會有什麼影響呢?讓我們一起來看看吧!
根據調查,38%的網站造訪者會純粹因為網站不美觀而離開網頁,可見網站設計的重要性。要如何一步一步打造出超強的網站呢?今天,哈利熊為大家整理了網站設計的八大步驟。
網站設計是一個品牌網路行銷的核心!網站設計的好壞是用戶對你品牌產生第一印象的關鍵,到底網站設計要注意哪些重點呢?請參考哈利熊為大家整理的2020年所有設計人一定要知道的網站設計相關數據!
冷暖色調指的是一個顏色會給予觀賞者的心情與感覺。比如說,我們想到藍色,就會想到大海、水、風、冰。而橘色,則會想到太陽、火、火山。我們對於每一個顏色都有不同的感受,因為這些顏色與我們生活中的經驗息息相關。今天,哈利熊們要來介紹顏色的冷暖特性!
視覺設計師在選擇顏色時,不僅僅要了解到不同顏色會引發的不同感官效應,還要了解不同的色彩間是否能夠互相搭配。這篇文章中,哈利熊整理了根據色環(Color Wheels)理論延伸出的色彩搭配技巧,來幫大家進一步了解如何配色。
在「品牌行銷顏色使用大全:不同性別、年齡層分別該用什麼顏色」一文中,有提到不同顏色會給觀賞者不同的情緒反應,而根據不同性別、年齡,可以選擇不同的品牌顏色。但決定品牌的專屬顏色之前,有什麼關於顏色的基礎知識是設計時一定要知道的呢?
顏色與情緒有著非常緊密的連結,不同的顏色可以讓人覺得開心、難過、放鬆甚至能促進食慾。這也是為什麼我們必須了解顏色心理學,用在品牌設計與行銷中以達到更好的效果。針對不同性別、年齡層的TA,不同的顏色選擇會有什麼影響呢?讓我們一起來看看吧!
根據調查,38%的網站造訪者會純粹因為網站不美觀而離開網頁,可見網站設計的重要性。要如何一步一步打造出超強的網站呢?今天,哈利熊為大家整理了網站設計的八大步驟。
網站設計是一個品牌網路行銷的核心!網站設計的好壞是用戶對你品牌產生第一印象的關鍵,到底網站設計要注意哪些重點呢?請參考哈利熊為大家整理的2020年所有設計人一定要知道的網站設計相關數據!
你可能也想看
Google News 追蹤
Thumbnail
Hi 我是 VK~ 在 8 月底寫完〈探索 AI 時代的知識革命:NotebookLM 如何顛覆學習和創作流程?〉後,有機會在 INSIDE POSSIBE 分享兩次「和 NotebookLM 協作如何改變我學習和創作」的主題,剛好最近也有在許多地方聊到關於 NotebookLM 等 AI 工具
Thumbnail
國泰CUBE App 整合外幣換匯、基金、證券等服務,提供簡便、低成本的美股定期定額投資解決方案。 5分鐘開戶、低投資門檻,幫助新手輕鬆進軍國際股市;提供人氣排行榜,讓投資人能夠掌握市場趨勢。
Thumbnail
這是張老師的第三本書,我想前二本應該也有很多朋友們都有讀過,我想絕對是受益良多,而這次在書名上就直接點出,著重在從投資的角度來切入
Thumbnail
  今天焦點─通古斯大爆炸  1908年 巨大的隕石在清晨撞擊西伯利亞通古斯(Tunguska)河附近2千平方公里的森林區產生大爆炸,威力相當於日本廣島原子彈的1千倍,連約1千公里之外都能感受到震波,全球地球物理觀測站都記錄到撞擊產生的地震波。 通古斯大爆炸發生時,西伯利亞直線距離約1,500公里的
Thumbnail
算命作為一種推測人之命運的行為,屬於玄學範圍,在當今這個時代來說,算命還是一種非常神奇的行為,古往今來,無論是達官貴人、偶像明星,又或者平民百姓,都會有非常多的人選擇以算命的方式去了解自己的命運,甚至改變自己的運勢。現在就一起來看看最新線上算命網站推薦!
Thumbnail
──長銷20年超經典設計書,Amazon「藝術設計類」風雲暢銷榜── 建構設計邏輯 × 培養設計思維 × 學習設計觀察 × 精進設計技巧 將概念變成設計,將構圖變成訊息 掌握4大法則,人人都可鍛鍊自己的設計基本功! ★平面設計師 廖韡 精選設計範例,演繹4大法則設計美學★
Thumbnail
計畫官的故事:我總是與自己抗爭,有時候,感覺自己被拖入永無止境的漩渦中,頭昏腦脹和難以忽視的胃漲,喉嚨裡總感覺有東西,一進入睡前狀態,便容易在一股暈眩感或喉嚨異物感驚醒,心臟蹦蹦跳著,不知道這一切是從什麼時候成為了每個月必會發生的日常。從前品學兼優的自我形象,日漸從我記憶中淡去,成為我可憎、悔恨……
Thumbnail
文 / 李志銘 作家 2017年「路易威登」(Louis Vuitton)出版布萊希特.艾文仕(Brecht Evens)繪製《巴黎遊記》(Louis Vuitton Travel Book Paris)。 「我喜歡那些只能用圖像來述說的事物。」─Brecht Evens
Thumbnail
要如何為品牌設計一套獨特配色,使它既可以傳遞產品資訊,實現商業效益,同時又符合美學法則?這樣的色彩構成,需要協調多方面元素,如不同色彩間的關係與比例,以及對比、過渡、調和等色彩效果。 色彩對比是常用的手法,是把兩種或兩種以上的色彩並置所產生的對比現象。
Thumbnail
「體驗設計」這門學問,現在已經成了軟體設計的顯學,其中包含了不同的面向:流程設計、技術架構設計、使用者介面設計等等。在大家還沒有開始重視使用體驗的時代,許多事情只能從嘗試和錯誤中去學習,包括開發團隊也一樣。
Thumbnail
Hi 我是 VK~ 在 8 月底寫完〈探索 AI 時代的知識革命:NotebookLM 如何顛覆學習和創作流程?〉後,有機會在 INSIDE POSSIBE 分享兩次「和 NotebookLM 協作如何改變我學習和創作」的主題,剛好最近也有在許多地方聊到關於 NotebookLM 等 AI 工具
Thumbnail
國泰CUBE App 整合外幣換匯、基金、證券等服務,提供簡便、低成本的美股定期定額投資解決方案。 5分鐘開戶、低投資門檻,幫助新手輕鬆進軍國際股市;提供人氣排行榜,讓投資人能夠掌握市場趨勢。
Thumbnail
這是張老師的第三本書,我想前二本應該也有很多朋友們都有讀過,我想絕對是受益良多,而這次在書名上就直接點出,著重在從投資的角度來切入
Thumbnail
  今天焦點─通古斯大爆炸  1908年 巨大的隕石在清晨撞擊西伯利亞通古斯(Tunguska)河附近2千平方公里的森林區產生大爆炸,威力相當於日本廣島原子彈的1千倍,連約1千公里之外都能感受到震波,全球地球物理觀測站都記錄到撞擊產生的地震波。 通古斯大爆炸發生時,西伯利亞直線距離約1,500公里的
Thumbnail
算命作為一種推測人之命運的行為,屬於玄學範圍,在當今這個時代來說,算命還是一種非常神奇的行為,古往今來,無論是達官貴人、偶像明星,又或者平民百姓,都會有非常多的人選擇以算命的方式去了解自己的命運,甚至改變自己的運勢。現在就一起來看看最新線上算命網站推薦!
Thumbnail
──長銷20年超經典設計書,Amazon「藝術設計類」風雲暢銷榜── 建構設計邏輯 × 培養設計思維 × 學習設計觀察 × 精進設計技巧 將概念變成設計,將構圖變成訊息 掌握4大法則,人人都可鍛鍊自己的設計基本功! ★平面設計師 廖韡 精選設計範例,演繹4大法則設計美學★
Thumbnail
計畫官的故事:我總是與自己抗爭,有時候,感覺自己被拖入永無止境的漩渦中,頭昏腦脹和難以忽視的胃漲,喉嚨裡總感覺有東西,一進入睡前狀態,便容易在一股暈眩感或喉嚨異物感驚醒,心臟蹦蹦跳著,不知道這一切是從什麼時候成為了每個月必會發生的日常。從前品學兼優的自我形象,日漸從我記憶中淡去,成為我可憎、悔恨……
Thumbnail
文 / 李志銘 作家 2017年「路易威登」(Louis Vuitton)出版布萊希特.艾文仕(Brecht Evens)繪製《巴黎遊記》(Louis Vuitton Travel Book Paris)。 「我喜歡那些只能用圖像來述說的事物。」─Brecht Evens
Thumbnail
要如何為品牌設計一套獨特配色,使它既可以傳遞產品資訊,實現商業效益,同時又符合美學法則?這樣的色彩構成,需要協調多方面元素,如不同色彩間的關係與比例,以及對比、過渡、調和等色彩效果。 色彩對比是常用的手法,是把兩種或兩種以上的色彩並置所產生的對比現象。
Thumbnail
「體驗設計」這門學問,現在已經成了軟體設計的顯學,其中包含了不同的面向:流程設計、技術架構設計、使用者介面設計等等。在大家還沒有開始重視使用體驗的時代,許多事情只能從嘗試和錯誤中去學習,包括開發團隊也一樣。