方格精選

設計師私藏的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頻道了解更多關於設計、行銷、斜槓相關的知識。
為什麼會看到廣告
142會員
199內容數
哈利熊的職場生存之道與專業技能分享!
留言0
查看全部
發表第一個留言支持創作者!
冷暖色調指的是一個顏色會給予觀賞者的心情與感覺。比如說,我們想到藍色,就會想到大海、水、風、冰。而橘色,則會想到太陽、火、火山。我們對於每一個顏色都有不同的感受,因為這些顏色與我們生活中的經驗息息相關。今天,哈利熊們要來介紹顏色的冷暖特性!
視覺設計師在選擇顏色時,不僅僅要了解到不同顏色會引發的不同感官效應,還要了解不同的色彩間是否能夠互相搭配。這篇文章中,哈利熊整理了根據色環(Color Wheels)理論延伸出的色彩搭配技巧,來幫大家進一步了解如何配色。
在「品牌行銷顏色使用大全:不同性別、年齡層分別該用什麼顏色」一文中,有提到不同顏色會給觀賞者不同的情緒反應,而根據不同性別、年齡,可以選擇不同的品牌顏色。但決定品牌的專屬顏色之前,有什麼關於顏色的基礎知識是設計時一定要知道的呢?
顏色與情緒有著非常緊密的連結,不同的顏色可以讓人覺得開心、難過、放鬆甚至能促進食慾。這也是為什麼我們必須了解顏色心理學,用在品牌設計與行銷中以達到更好的效果。針對不同性別、年齡層的TA,不同的顏色選擇會有什麼影響呢?讓我們一起來看看吧!
根據調查,38%的網站造訪者會純粹因為網站不美觀而離開網頁,可見網站設計的重要性。要如何一步一步打造出超強的網站呢?今天,哈利熊為大家整理了網站設計的八大步驟。
網站設計是一個品牌網路行銷的核心!網站設計的好壞是用戶對你品牌產生第一印象的關鍵,到底網站設計要注意哪些重點呢?請參考哈利熊為大家整理的2020年所有設計人一定要知道的網站設計相關數據!
冷暖色調指的是一個顏色會給予觀賞者的心情與感覺。比如說,我們想到藍色,就會想到大海、水、風、冰。而橘色,則會想到太陽、火、火山。我們對於每一個顏色都有不同的感受,因為這些顏色與我們生活中的經驗息息相關。今天,哈利熊們要來介紹顏色的冷暖特性!
視覺設計師在選擇顏色時,不僅僅要了解到不同顏色會引發的不同感官效應,還要了解不同的色彩間是否能夠互相搭配。這篇文章中,哈利熊整理了根據色環(Color Wheels)理論延伸出的色彩搭配技巧,來幫大家進一步了解如何配色。
在「品牌行銷顏色使用大全:不同性別、年齡層分別該用什麼顏色」一文中,有提到不同顏色會給觀賞者不同的情緒反應,而根據不同性別、年齡,可以選擇不同的品牌顏色。但決定品牌的專屬顏色之前,有什麼關於顏色的基礎知識是設計時一定要知道的呢?
顏色與情緒有著非常緊密的連結,不同的顏色可以讓人覺得開心、難過、放鬆甚至能促進食慾。這也是為什麼我們必須了解顏色心理學,用在品牌設計與行銷中以達到更好的效果。針對不同性別、年齡層的TA,不同的顏色選擇會有什麼影響呢?讓我們一起來看看吧!
根據調查,38%的網站造訪者會純粹因為網站不美觀而離開網頁,可見網站設計的重要性。要如何一步一步打造出超強的網站呢?今天,哈利熊為大家整理了網站設計的八大步驟。
網站設計是一個品牌網路行銷的核心!網站設計的好壞是用戶對你品牌產生第一印象的關鍵,到底網站設計要注意哪些重點呢?請參考哈利熊為大家整理的2020年所有設計人一定要知道的網站設計相關數據!
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
Faker昨天真的太扯了,中國主播王多多點評的話更是精妙,分享給各位 王多多的點評 「Faker是我們的處境,他是LPL永遠繞不開的一個人和話題,所以我們特別渴望在決賽跟他相遇,去直面我們的處境。 我們曾經稱他為最高的山,最長的河,以為山海就是盡頭,可是Faker用他28歲的年齡...
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
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
Faker昨天真的太扯了,中國主播王多多點評的話更是精妙,分享給各位 王多多的點評 「Faker是我們的處境,他是LPL永遠繞不開的一個人和話題,所以我們特別渴望在決賽跟他相遇,去直面我們的處境。 我們曾經稱他為最高的山,最長的河,以為山海就是盡頭,可是Faker用他28歲的年齡...
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
「體驗設計」這門學問,現在已經成了軟體設計的顯學,其中包含了不同的面向:流程設計、技術架構設計、使用者介面設計等等。在大家還沒有開始重視使用體驗的時代,許多事情只能從嘗試和錯誤中去學習,包括開發團隊也一樣。