設計基礎筆記|主色、強調色、輔助色與色彩三屬性

挑顏色之前,先分清楚「顏色負責什麼」與「顏色如何變化」。前者是主色、強調色和輔助色;後者是色相、明度和彩度。

主色、強調色與輔助色

主色 決定整體印象
輔助色 補充層次
強調色 吸引視線

三者沒有固定比例。先讓主色統一畫面,再用少量強調色安排視覺重點即可。

色相、明度與彩度

色相 Hue

紅、黃、綠、藍等顏色種類。

明度 Value

顏色看起來有多亮或多暗。

彩度 Chroma

顏色有多鮮豔或多灰濁。

調整配色時,可以一次只改一項:換色相會改變顏色種類;調明度會影響閱讀對比;降彩度則能讓畫面變得柔和沉穩。

一個簡單的判斷順序

  1. 先決定希望畫面給人什麼感覺。
  2. 選一個主色建立氣氛。
  3. 加入輔助色整理層次。
  4. 最後才放少量強調色引導視線。

如果顏色太多而顯得零散,可以先讓它們的明度與彩度接近。實際比較可閱讀:如何把不同顏色統一成柔和色調?

參考資料

本文概念整理自 ingectar-e《最強排版設計:32個版面關鍵技巧,社群小編、斜槓設計,自學者神速升級!》Chapter 3,黃薇嬪譯,積木文化,2023。本文圖示為重新繪製,未使用書籍內頁圖片。城邦讀書花園書籍資料