文章最後更新於 2021-07-26
想學配色卻不知從何下手?
配色書籍和網站看得眼花撩亂?
Ynes具體化4大實用配色技巧，並搭配範例與學習單練習，
讓你的配色系統化。
顏色是什麼?
- 在物理上被稱為可見光。紅橙黃綠藍靛紫，為不同的波長的光反射進人的眼睛所呈現出不同的顏色。
- 在心理上受到文化和情境等影響，產生不同意義的資訊傳達效果。
- 在閱讀排版上，透過配色進行有邏輯和系統性的分類。
先來看「色相環」
原色Primary Colors
- 原始的顏色，無法透過混合其他顏色而取得。
- 紅、黃、藍色
二次色Secondary Colors
- 由兩種原色等比例混合而成的顏色。
- 澄=紅+黃
- 綠=黃+藍
- 紫=紅+藍
三次色Tertiary Colors
- 由相鄰的原色和二次色混合而成的顏色。
- 命名原則為原色在前，二次色在後。
- 黃澄=黃+澄
- 紅澄=紅+澄
- 紅紫=紅+紫
- 藍紫=藍+紫
- 藍綠=藍+綠
- 黃綠=黃+綠
色相Hue
有彩色(七大色系)
無彩色(黑灰白)
明度/亮度Value
- 色相透過白色和黑色的添加，使顏色產生明亮到暗沉的變化。
彩度/濃度/飽和度Chroma
- 顏色清淡到鮮豔的變化。
- 彩度越低越接近灰色，而不是黑色。
2大色相環配色技巧
相近
互補
參考資料與推薦課程
「單一色」配色技巧
迷思:只有一種顏色不會很單調嗎?
1.聚焦單色
2.黑白搭配
3.原味凸顯
將食物原色，當成是包裝配色的一部份。
「雙重色」配色技巧
迷思:好看的雙重配色沒幾種?
1.反差對比
深色+明亮色，營造視覺前後對比感。
2.明亮清新
高明度+高/低彩度，營造文青清新風格。
3.復古懷舊
高明度低彩度。
低明度低彩度。
4.氣質高雅
配色選擇與面積使用比例不張揚，營造高貴奢華感。
「系列色」配色技巧
迷思:應用時機很侷限?只有單一色系，顯得沒個性?
1.同色系
調深刷淡後組合搭配。
2.左鄰右舍
色相環上相鄰的顏色相互搭配。
「整合色」配色技巧
迷思:五光十色，很眼花?
1.勢均力敵
明度彩度一致，面積大小應用和其他平面設計可看出是同系列。
2.力抗群雄
顏色面積比例大，加深整體印象，形成主角配角的層次感。
