- Photoshop CC移動UI圖標設計實用教程
- 水木居士
- 984字
- 2019-08-15 11:30:37
1.4 圖標設計色彩學
與很多設計相同,在圖標設計中也十分注重色彩的搭配,想要為圖標搭配出專業的色彩,給人一種高端、上檔次的感受就需要對色彩學基礎知識有所了解。下面就為大家講解了關于色彩學的基礎知識,通過這些知識的了解與學習可以為圖標設計之路添磚加瓦。
1.4.1 顏色的概念
樹葉為什么是綠色的?樹葉中的葉綠素大量吸收紅光和藍光,而對綠光吸收最少,大部分綠光被反射出來了,進入人眼,人就看到綠色。
“綠色物體”反射綠光,吸收其他色光,因此看上去是綠色的。“白色物體”反射所有色光,因此看上去是白色的。
顏色其實是一個非常主觀的概念,不同動物的視覺系統不同,看到的顏色就會不一樣。例如,蛇眼不但能察覺可見光,而且還能感應紅外線,因此蛇眼看到的顏色就跟人眼不同。圖標顏色效果如圖1.16所示。

圖1.16 圖標顏色效果
1.4.2 色彩三要素
色彩三要素分為色相、飽和度和明度。
1.色相
色相,是指各類色彩的相貌稱謂,是區別色彩種類的名稱。如紅、黃、綠、藍、青等都代表一種具體的色相。色相又稱色調,色相是一種顏色區別于另外一種顏色的特征,日常生活中所接觸到的“紅”“綠”“藍”就是指色彩的色相。色相兩端分別是暖色、冷色,中間為中間色或中型色。在0°~360°的標準色環上,按位置度量色相,如圖1.17所示。色相體現著色彩外向的性格,是色彩的靈魂。

圖1.17 色相及色相環
2.飽和度
飽和度是指色彩的強度或純凈程度,也稱彩度、純度、艷度或色度。對色彩的飽和度進行調整也就是調整圖像的彩度。飽和度表示色相中灰色分量所占的比例,它使用從0%(灰色)至100%的百分比來度量,當飽和度降低為0時,則會變成一個灰色圖像,增加飽和度會增加其彩度。在標準色輪上,飽和度從中心到邊緣遞增。飽和度受到屏幕亮度和對比度的雙重影響,一般亮度好、對比度高的屏幕可以得到很好的色飽和度,如圖1.18所示。

圖1.18 不同飽和度效果
3.明度
明度指的是色彩的明暗程度。有時也可稱為亮度或深淺度。在無彩色中,最高明度為白色,最低明度為黑色。在有彩色中,任何一種色相中都有著一個明度特征。不同色相的明度也不同,黃色為明度最高的色,紫色為明度最低的色。任何一種色相如加入白色,都會提高明度,白色成分越多,明度也就越高;任何一種色相如加入黑色,明度相對降低,黑色越多,明度越低,如圖1.19所示。

圖1.19 明度效果
明度是全部色彩都有的屬性,明度關系可以說是搭配色彩的基礎。在設計中,明度最適宜于表現物體的立體感與空間感。
- 短視頻入門:80招精通拍攝與剪輯人像、旅行、風光、美食、建筑、星空
- 中文版3ds Max 2013/VRay效果圖制作從新手到高手
- 網絡游戲編程教程
- Premiere Pro CS6標準教程(全視頻微課版)
- After Effects CS6從新手到高手
- B站視頻制作與運營全攻略:視頻拍攝+投稿管理+后臺運營+流量轉化
- Premiere Pro CS6完全學習手冊
- Photoshop CC+Illustrator CC平面設計實用教程
- 漫畫江山:Q版角色設計與漫畫制作
- 一定要學的Photoshop風光人文攝影后期技法
- Photoshop七大核心技術
- DeepSeek+爆款短視頻一本通:流量時代的AI生產力
- 電腦繪畫:從入門到精通
- 刑事數字圖像處理原理與實務
- Autodesk Revit 2019中文版實操實練