色彩是視覺設計中一個非常重要的元素,無論是在網站設計或是LOGO設計中,都佔有舉足輕重的地位。今天,哈利熊為大家來分享一些關於色彩運用的實用小技巧。
色彩是視覺設計中一個非常重要的元素,無論是在
網站設計或是
LOGO設計中,都佔有舉足輕重的地位。今天,我們來分享一些關於色彩運用的實用小技巧。
1. 設計先以黑白灰呈現
很多設計師常犯的一個錯誤就是:太早將設計品上色!這樣會讓整個作品失焦,通常會浪費非常多的時間在選擇適合的顏色上面。所以建議設計師們先用黑白灰簡單的顏色去做設計,在確定整個結構與視覺效果後,再上色。
2. 不要超過3種顏色
你有沒有聽過這樣一句話:在穿衣服的時候盡量不要穿超過3種顏色,不然你會看起來像隻鸚鵡或是小丑。而設計師在設計品中運用顏色的時候也是如此,盡量不要用超過3種顏色,如果真的沒有辦法,必須使用超過3種顏色的時候,可以用調整色盤中顏色的深淺去做區隔。
3. 色相黃金比例60:30:10法則
突兀的顏色運用對觀賞者來說是件大大扣分的事情,你不希望用了「突兀」、「不協調」的顏色讓整個作品失焦,或是讓觀賞者一頭霧水。在設計中,顏色使用上的和諧非常重要。
60:30:10法則是一個極為簡單卻非常強大的設計技巧。
概念很簡單,也就是在作品的顏色呈現上,應該要符合60:30:10的比例。60%主色相 + 30%輔助色相 + 10%強調色相。
比如說例子中的圖,其實就是按照60:30:10的配色技巧應用的。
- 主色相:佔了設計中絕大部分的顏色,通常是用於背景,也因為使用面積龐大,建議使用中性色。
- 輔助色相:佔了設計中大約30%的顏色,通常是品牌顏色,用於標題等。
- 強調色相:和主輔色有強烈的對比,主要用以吸引目光注意。用於按鈕、圖標、小標題。
4. 了解顏色搭配技巧
選擇顏色的時候應該比照
5大顏色配色技巧,去選擇適當的顏色搭配。基本上,常見的配色技巧有補色、相似色、三分色、補色分割與矩形。
5. 用對比色產生視覺重量
視覺重量是一個物件是否能吸引人注意的自然特性。當一個物件有更大的視覺重量,就有更大的機會被注意到。
視覺重量主要是3種特性的總和:
- 一個物件的大小(物件越大,視覺重量越大)
- 物件旁的負空間(負空間越多,視覺重量越大)
- 物件的顏色(對比色越高,視覺重量越大)
所以在設計中,針對視覺上想重點呈現的物件,可以用尺寸、留白空間以及對比色去拿捏理想的視覺重量。紅色基本上是視覺權重最大的顏色,而黃色則是最輕的。
設計中的視覺重量應用是一個非常重要的概念,也是設計師們一定要掌握的設計技巧之一。
6. 使用一致的品牌主色調
比如說,MailChimp就使用了刺激行為,象徵樂觀、開心的黃色作為品牌主色調,而藍色則是作為強調色調。