方格精選

設計師私藏的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
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
如果說素描是繪畫的基礎,那色彩原理就是配色的基礎。我們提到色彩原理就是配色的基礎,這句話稍微狹隘了一些,其實了解色彩原理能夠提升的不只有配色,還有設計視覺運用,甚至是印刷觀念都跟色彩原理有關。
Thumbnail
這篇文章主要介紹了繪圖軟體中的色彩模式,包括RGB和CMYK的概念和用法。對於網路上使用和印刷的影像處理有很好的指導意義。
Thumbnail
對於設計師來說,理解並應用正確的顏色模型變得越來越重要。本篇要分享給各位的是,如何使用Canva工具來校對CMYK顏色,這不僅是設計的基礎元素之一,更是溝通與表達創意的關鍵。然而,很多人可能會困惑為什麼他們在屏幕上看到的顏色與印刷出來的顏色常常不符。這主要是因為螢幕(RGB顏色模型)和印刷設備(CM
Thumbnail
傢俱挑選對居住愉悅至關重要,對於輕裝修而言。搭配傢俱時,需考慮美學及個人特色。那麼,有哪些技巧可以讓傢俱挑選更有溫度以及亮點呢?
Thumbnail
留白,常被稱為負空間,是網頁設計中的一個關鍵元素,它不僅能提升美感,還能提高網頁的可讀性和用戶體驗。本文將深入探討如何巧妙地運用留白來創造出既美觀又實用的網頁設計。
Thumbnail
看了SCA在網頁上的25 magazine裡有一編關於咖啡包裝顏色的調查,頗為有趣,但結果一點也不意外。他們用了七隻顏色再加黑白共九隻顏色,再加上七隻顏色的50% Saturation,所以有十六隻不同顏色的包裝給人選擇。簡單的說說結果,總體來說人們喜歡淡一點50% Saturation的那一批。
Thumbnail
在視覺設計中,使用對比不只是為了創造風格,它也是一種非常有效的表達手法。當你需要在短短幾秒內抓住人們的注意力時,恰當的對比可以迅速讓你的設計作品吸引眼球,這在網頁設計中尤其重要。
Thumbnail
「全身超過兩個顏色,該如何配色?」是我過往課堂上最常被問到的問題… 其中最簡單的方式就是挑 #基本色,搭配服裝本身帶有細節設計的剪裁或布料,既能解決配色上的困擾還能透過服裝上的亮點穿出個人品味。 訂製設計服飾品牌 Stella Lai的品牌主理人Stella~是我大學時期的服裝畫老師~ 猶記老
Thumbnail
當今的界面設計趨勢中,暗色主題無疑是受到許多用戶喜愛的選擇。不過,當涉及到色彩選擇,特別是黑色的運用時,許多設計師傾向於選擇純黑色(#000000)。然而,這真的是一個明智的選擇嗎?
Thumbnail
文案設計是一種重要的視覺傳達技巧,透過文字、圖形、色彩等元素的搭配,傳達出品牌或產品的訊息。其中,色彩是文案設計中不可或缺的元素,它可以影響人們的視覺感受、情緒和心理。學會利用色彩在文案設計中,可以讓你的設計更加吸引人,一眼就被看見。以下將介紹7種常見顏色在文案設計中的魔力,以及它們適合用在哪裡
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
如果說素描是繪畫的基礎,那色彩原理就是配色的基礎。我們提到色彩原理就是配色的基礎,這句話稍微狹隘了一些,其實了解色彩原理能夠提升的不只有配色,還有設計視覺運用,甚至是印刷觀念都跟色彩原理有關。
Thumbnail
這篇文章主要介紹了繪圖軟體中的色彩模式,包括RGB和CMYK的概念和用法。對於網路上使用和印刷的影像處理有很好的指導意義。
Thumbnail
對於設計師來說,理解並應用正確的顏色模型變得越來越重要。本篇要分享給各位的是,如何使用Canva工具來校對CMYK顏色,這不僅是設計的基礎元素之一,更是溝通與表達創意的關鍵。然而,很多人可能會困惑為什麼他們在屏幕上看到的顏色與印刷出來的顏色常常不符。這主要是因為螢幕(RGB顏色模型)和印刷設備(CM
Thumbnail
傢俱挑選對居住愉悅至關重要,對於輕裝修而言。搭配傢俱時,需考慮美學及個人特色。那麼,有哪些技巧可以讓傢俱挑選更有溫度以及亮點呢?
Thumbnail
留白,常被稱為負空間,是網頁設計中的一個關鍵元素,它不僅能提升美感,還能提高網頁的可讀性和用戶體驗。本文將深入探討如何巧妙地運用留白來創造出既美觀又實用的網頁設計。
Thumbnail
看了SCA在網頁上的25 magazine裡有一編關於咖啡包裝顏色的調查,頗為有趣,但結果一點也不意外。他們用了七隻顏色再加黑白共九隻顏色,再加上七隻顏色的50% Saturation,所以有十六隻不同顏色的包裝給人選擇。簡單的說說結果,總體來說人們喜歡淡一點50% Saturation的那一批。
Thumbnail
在視覺設計中,使用對比不只是為了創造風格,它也是一種非常有效的表達手法。當你需要在短短幾秒內抓住人們的注意力時,恰當的對比可以迅速讓你的設計作品吸引眼球,這在網頁設計中尤其重要。
Thumbnail
「全身超過兩個顏色,該如何配色?」是我過往課堂上最常被問到的問題… 其中最簡單的方式就是挑 #基本色,搭配服裝本身帶有細節設計的剪裁或布料,既能解決配色上的困擾還能透過服裝上的亮點穿出個人品味。 訂製設計服飾品牌 Stella Lai的品牌主理人Stella~是我大學時期的服裝畫老師~ 猶記老
Thumbnail
當今的界面設計趨勢中,暗色主題無疑是受到許多用戶喜愛的選擇。不過,當涉及到色彩選擇,特別是黑色的運用時,許多設計師傾向於選擇純黑色(#000000)。然而,這真的是一個明智的選擇嗎?
Thumbnail
文案設計是一種重要的視覺傳達技巧,透過文字、圖形、色彩等元素的搭配,傳達出品牌或產品的訊息。其中,色彩是文案設計中不可或缺的元素,它可以影響人們的視覺感受、情緒和心理。學會利用色彩在文案設計中,可以讓你的設計更加吸引人,一眼就被看見。以下將介紹7種常見顏色在文案設計中的魔力,以及它們適合用在哪裡