色彩理論(二) - 瞭解概念和色彩術語

在顏色理論系列的第1部分:顏色的含義中

,我們介紹了不同顏色的含義。在這裡我們將介紹影響顏色的基礎知識,例如在純色中添加灰色,白色或黑色,以及其對設計的影響(包括示例)。

色相

色相是最基本的顏色術語,表示對象的顏色。當我們說“藍色”,“綠色”或“紅色”時,我們所說的是色相。


實例

色彩理論(二) - 瞭解概念和色彩術語


色彩理論(二) - 瞭解概念和色彩術語


色彩理論(二) - 瞭解概念和色彩術語

色度 (Chroma)

色度是指顏色的純度。色度高的色相沒有添加黑色,白色或灰色。相反,添加白色,黑色或灰色會降低其色度。它類似於飽和度,但不完全相同。色度可以認為是與白色相比顏色的亮度。

在設計中,請避免使用具有相似(但不相同)色度的色相。而是選擇色度完全相同或類似的色相。

實例


色彩理論(二) - 瞭解概念和色彩術語


色彩理論(二) - 瞭解概念和色彩術語


色彩理論(二) - 瞭解概念和色彩術語

飽和度 (Saturation)

飽和度是指在特定的照明條件下色調如何出現。從柔和強對比或蒼白對比純色調來考慮飽和度。 在設計中,具有相似飽和度的顏色使外觀更具凝聚力。與色度一樣,具有相似但不相同的飽和度的顏色可能會對用戶產生刺激性的影響。

實例

色彩理論(二) - 瞭解概念和色彩術語


色彩理論(二) - 瞭解概念和色彩術語


色彩理論(二) - 瞭解概念和色彩術語

值(Value)

值也可以稱為“明亮度”。它是指顏色的深淺。較淺的顏色具有較高的值。例如,橙色的值高於海軍藍色或深紫色。黑色是所有色相中最低的,而白色是最高。

將顏色值應用於設計時,應優先使用具有不同值的顏色,尤其是具有較高色度的顏色。高對比度值通常會讓設計更美觀。

實例


色彩理論(二) - 瞭解概念和色彩術語


色彩理論(二) - 瞭解概念和色彩術語


色彩理論(二) - 瞭解概念和色彩術語

色調

色調有時更易於在設計中使用。更多的灰色可以使網站具有一定的復古感。根據色調,它們還可以添加精緻的外觀。

實例


色彩理論(二) - 瞭解概念和色彩術語


色彩理論(二) - 瞭解概念和色彩術語


色彩理論(二) - 瞭解概念和色彩術語

色度(Shades)

將黑色添加到色調時,將創建色度,使其變暗。該詞通常不正確地用於描述色彩(Tint)或色調(Tone),但從技術上講,色度僅適用於通過添加黑色而變深的色相。 在設計中,有時會使用很深色調的顏色代替黑色,並且可以用作中性色。最好將色度與較淺的中性色結合,以避免過暗和沉重的外觀。

實例

色彩理論(二) - 瞭解概念和色彩術語


色彩理論(二) - 瞭解概念和色彩術語


色彩理論(二) - 瞭解概念和色彩術語

色彩(Tint)

將白色添加到色相(Hue)時,會形成色彩(Tint)。淡色有時也稱為粉彩,但是從技術上講,添加純白色的任何色調都是淡色,即使顏色仍然很亮。

色調通常用於創建女性化或更淺色的設計。柔和色調特別用於使設計更具女人味,儘管在很多其他柔和部位,也有很多男性化或性別中立的外觀。它們在復古設計中也很好用,並且在針對嬰幼兒父母的網站上很受歡迎。

實例


色彩理論(二) - 瞭解概念和色彩術語


色彩理論(二) - 瞭解概念和色彩術語


色彩理論(二) - 瞭解概念和色彩術語

結論

雖然您不一定必須記住所有這些技術術語,但您應該熟悉實際的概念;


色相是顏色(藍色,綠色,紅色等)。

色度是一種顏色的純度(高色度沒有添加黑色,白色或灰色)。

飽和度是指顏色的濃淡程度(高飽和度表示濃淡)。

是指顏色的淺或深(具有較高值的光)。

通過在顏色上添加灰色來創建色調,使其比原始顏色暗淡。

色度是通過將黑色添加到顏色中而使其比原始顏色更暗而創建的。

英文鏈接:https://www.smashingmagazine.com/2010/02/color-theory-for-designers-part-2-understanding-concepts-and-terminology/


分享到:


相關文章: