設計基礎筆記|主色、強調色、輔助色與色彩三屬性
挑顏色之前,先分清楚「顏色負責什麼」與「顏色如何變化」。前者是主色、強調色和輔助色;後者是色相、明度和彩度。
主色、強調色與輔助色
主色
決定整體印象
輔助色
補充層次
強調色
吸引視線
- 主色(Base color):畫面中最主要的顏色,負責建立整體氣氛。
- 強調色(Accent color):用量少、對比明顯,放在最希望被看見的位置,例如按鈕或重要資訊。
- 輔助色(Sub color):連接主色與強調色,增加層次,也能區分不同區塊。
三者沒有固定比例。先讓主色統一畫面,再用少量強調色安排視覺重點即可。
色相、明度與彩度
色相 Hue
紅、黃、綠、藍等顏色種類。
明度 Value
顏色看起來有多亮或多暗。
彩度 Chroma
顏色有多鮮豔或多灰濁。
調整配色時,可以一次只改一項:換色相會改變顏色種類;調明度會影響閱讀對比;降彩度則能讓畫面變得柔和沉穩。
一個簡單的判斷順序
- 先決定希望畫面給人什麼感覺。
- 選一個主色建立氣氛。
- 加入輔助色整理層次。
- 最後才放少量強調色引導視線。
如果顏色太多而顯得零散,可以先讓它們的明度與彩度接近。實際比較可閱讀:如何把不同顏色統一成柔和色調?。
參考資料
本文概念整理自 ingectar-e《最強排版設計:32個版面關鍵技巧,社群小編、斜槓設計,自學者神速升級!》Chapter 3,黃薇嬪譯,積木文化,2023。本文圖示為重新繪製,未使用書籍內頁圖片。城邦讀書花園書籍資料