Design by Jhane Chou

設計基礎:色彩結構

了解色彩與其屬性的關係,培養對色彩的敏銳度

透過三個基本的性質來標記色彩,就能對其進行客觀的描述,也能簡單選擇出所需要的色彩。


大綱
1. 色彩屬性
2. 色彩分類
3. 有彩色
4. 無彩色
5. 最後的碎碎唸

色彩屬性

Design by Jhane Chou

色相 H、明度 V、彩度 S

色彩具有三個基本的性質:

  • 色相(Hue)
  • 明度(Value)
  • 彩度(Saturation)

透過以上的記號來標記色彩,就能對其進行客觀的描述,也能簡單選擇出所需要的色彩。

色相 Hue

色彩的名稱,用來區分與形容色彩。例如:紅色、黃色、橘色、綠色、藍色等等,這些是我們常見的稱呼。

Design by Jhane Chou

不過顏色是有無限多種樣貌,並非上圖所述的而已;我們難以用語言區分,於是讓人產生「顏色就那幾種」的錯覺。在光譜中有無數個顏色,人們為了表達色彩,發展出色彩的命名法。

色彩的命名

我們以語言與感受來表達色彩,同時將這些色彩記錄下來,隨著越來越多人使用與普及,漸漸形成特定意義的詞彙,成為色彩的命名。

色彩命名可簡易區分為:

固有色名

  1. 傳統色名:動物、植物、礦物或其時代、地域、流行,由傳統文化發展出的色名,例如:琥珀色、祖母綠。
  2. 慣用色名:在固有色名中,廣為人知的色名,較多被現代使用,例如:鈦白、象牙白。
現代使用的顏色命名,多半有市場上的考量,因而創造出不同的新詞彙。

系統色名

以科學化的色彩體系為基礎,對色彩作有系統的命名。

想了解更多,可觀看色彩學等書籍,關鍵字:色彩命名、系統色名、基本色名、固有色名、慣用色名。
Yellow stone Red apparel/不同的色相

明度 Value

色彩的明亮程度,稱為色彩的「明度」。

Bird’s eye view/White clouds/比較兩張圖的名度差異

色彩加白可提高明度,色彩加黑則降低明度。明度最高的是白色,明度最低的是黑色。在黑白間又可以分出許多不同深淺的灰色調。

Design by Jhane Chou

明度的極白話描述:再暗一點、再亮一點

薛丁格快打開盒子

彩度 Saturation

原色的純度,也可稱為飽和度。

以相同色彩的佔比來區分彩度的高低

假設兩色各混入不同濃度的白,A 色的彩度高於 B 色:

  • A 色 = 70% 的紅色 + 30% 的白
  • B 色 = 20% 的紅色 + 80% 的白
FocusedRed rose/比較兩張圖的彩度差異
Design by Jhane Chou
不論色彩加白或加黑,皆會降低彩度。

色彩分類

色彩可以區分為兩大類,分別為「有彩色」 、 「無彩色」 。

Design by Jhane Chou

有彩色

有彩色可分為純色、清色、濁色,三種顏色。

  • 純色:純色
  • 清色:純色 + 白色/黑色
  • 濁色:純色 + 灰色
Design by Jhane Chou

有彩色 \ 純色

純色為每個色相中,彩度最高的顏色,即不含黑、灰、白的顏色。

  • 原色:不能用其他原色調出的顏色,為所有顏色的源頭,又稱為三原色
  • 非原色:由不同比例的原色,混合出來的色彩
Design by Jhane Chou

有彩色 \ 清色

清色為純色加白或黑色。

  • 明色:純色加白色
  • 暗色:純色加黑色
Design by Jhane Chou

無彩色

無彩色也稱作「中性色」。

可視光譜中,不包含無彩色,故在色彩學中不能稱之為色彩。然而,無彩色卻能在心理、生理、化學中對色彩產生影響。

Design by Jhane Chou

無彩色的功用-調和彩色

無彩色搭配任何有彩色的色彩,幾乎都能達到調和的作用。

  1. 金、銀、黑、灰、白可用於調和與突出其他顏色的色彩
  2. 其中金、銀,具有光澤特性,常用於設計中的點綴和裝飾

在 The Colors — Inside CHANEL 影片中,CHANEL 介紹「黑、白、米、金、紅」這五個顏色對品牌的意義,以及他們彼此間的不同搭配所誕生的含意。

The Colors — Inside CHANEL

最後的碎碎唸

了解色彩與其屬性的關係,可幫助我們培養對色彩的敏銳度。想更深入學習色彩相關的領域,可閱讀「色彩學」、「色彩原理」、「色彩心理」這一類的書籍。

本篇濃縮精華,取出關鍵的概念,讓文章內容好入口消化。

關於設計基礎的課程及簡報,可參考:基礎設計

關於配色、色彩文章,可閱讀以下文章:

文章同步發佈平台&支持,可前往不同平台進行拍手支持,或透過下方的 Like 讚賞(註冊 Liker 完全免費)讓創作者獲得額外收入!

.MediumMatters

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

🧇 接案秘辛
接案不需要表現得這麼飢渴
🧇 職涯故事
我如何成為自由接案工作者?(09)
🧇 平台經營
自製 FB 3D Photos 貼文
🥯 設計指南
好讀的排版指南
🥯 筆記資源
Adobe Creative Cloud 完整應用程式個人版優惠(舊用戶也能使用!)
🍞 理想生活
違背世俗的常規,需要點勇氣
🌕 原創主題
LINE 原創主題|豆芽 ── 夢之花
🍞 理想生活
用你喜歡的方式活著

Share