首页 理论教育Photoshop网站UI设计:色彩三要素及其重要性

Photoshop网站UI设计:色彩三要素及其重要性

【摘要】:色彩三要素是用色相、饱和度和明度来描述的,人眼看到的任一彩色光都是这三个特性的综合效果,这三个特性即是色彩的三要素。其中色相与光波的波长有直接关系,亮度和饱和度与光波的幅度有关。图 3-7提示色相环是以黄、红和蓝三色为基础,由此三原色配置组合而成。饱和度饱和度是指色彩的鲜艳程度,也称色彩的纯度。饱和度取决于该色中含色成分和消色成分的比例。图 3-8明度表示色所具有的亮度和暗度被称为明度。

色彩三要素是用色相、饱和度和明度来描述的,人眼看到的任一彩色光都是这三个特性的综合效果,这三个特性即是色彩的三要素。其中色相与光波的波长有直接关系,亮度和饱和度与光波的幅度有关。明度高的颜色有向前的感觉﹐明度低的颜色有后退的感觉。色相

色彩是由于物体上的物理性的光反射到人眼视神经上所产生的感觉。色的不同是由光的波长的长短差别所决定的。作为色相,指的是这些不同波长的色的情况。波长最长的是红色,最短的是紫色。把红、橙、黄、绿、蓝、紫、红橙、黄橙、黄绿、蓝绿、蓝紫和红紫这12种色作为色相环。在色相环上排列的色是纯度高的色,被称为纯色。这些色在环上的位置是根据视觉和感觉的相等间隔来进行安排的。用类似这样的方法还可以再分出差别细微的多种色来。在色相环上,与环中心对称,并在180°的位置两端的色被称为互补色,如图3-7所示。

978-7-111-58882-5-Chapter03-7.jpg

图 3-7

提示

色相环是以黄、红和蓝三色为基础,由此三原色配置组合而成。一般色相环有十二色相环、二十四色相环、四十八色相环和九十六色相环等。

饱和度

饱和度是指色彩的鲜艳程度,也称色彩的纯度。饱和度取决于该色中含色成分和消色成分的比例。含色成分越大,饱和度越大;消色成分越大,饱和度越小。饱和度可定义为彩度除以明度,如图3-8所示。

978-7-111-58882-5-Chapter03-8.jpg(www.chuimin.cn)

图 3-8

明度

表示色所具有的亮度和暗度被称为明度。计算明度的基准是灰度测试卡,如图3-9所示。黑色为0,白色为10,在0~10等间隔的排列为9个阶段。色彩可以分为有彩色和无彩色,但后者仍然存在着明度。作为有彩色,每种色各自的亮度、暗度在灰度测试卡上都具有相应的位置值。彩度高的色对明度有很大的影响,不太容易辨别。在明亮的地方鉴别色的明度比较容易,在暗的地方就难以鉴别,如图3-10所示。

978-7-111-58882-5-Chapter03-9.jpg

图 3-9

978-7-111-58882-5-Chapter03-10.jpg

图 3-10