《网站艺术设计》第三章 网页色彩设计.pptx

;;一、色彩的基本属性

自然界中的色彩是由不同波长的光照射到不同的物体上反射到人眼，为人们所感知。太阳光波可产生的颜色有红、橙、黄、绿、青、蓝、紫7种，加上无色彩系的黑、白、灰，一共为10种基本色（见图3-1）。;色彩有3种基本属性：;（一）色相

色相（Hue，简称H），就是色彩的名称、相貌，它是色彩最基本的性质，某个物体看起来是红色、黄色还是绿色的，这就是色相，是用来准确区分不同色彩的名称（见图3-2）。培养自己具备区别各种色相的能力，能预想它们运用在网页上的效果，是做好网页配色的首要条件。黑、白、灰之所以被称作无色彩系，是因为它们没有色相的变化。;（二）明度

明度（Brightness，简称B）是色彩的明暗深浅，明度越高的色彩越接近于白色，明度越低的色彩越接近于黑色（见图3-3）。在日常生活中，我们常常会形容这个红色比较浅或这个红色很深，这都是在形容色彩的明度。把握好色彩的明度变化，在各种艺术设计中都十分重要，明暗关系能使设计中的各种元素更立体并且层次分明。;（三）饱和度

饱和度（Saturation，简称S）又被称为艳度、彩度、色彩的纯度，指的是某种色彩的鲜艳程度（见图3-4）。高纯度的色彩加入白和黑，会提高或降低明度，同时会将降低饱和度，也就是把这个颜色变得不纯了。在设计网页和其他平面作品时，会运用不同纯度的色彩使画面产生丰富、分明的对比，一般来说具有高饱和度色彩的元素最突出，所以常常运用在网页名称或LOGO等元素上。

要注意的是，黑、白、灰色无色相属性也不具有饱和度值，但是具有明度变化。越是接近黑色的灰度，明度越低。;二、光色的三原色

光色是指光色线直接投射到人眼中所感知的颜色。光色的三原色是红、绿、蓝（简称RGB）。红、绿、蓝3种光色两两等量混合会得到更明亮的颜色——青、洋红、黄色；如果这3种光色都等量混合，最终结果是得到白光，所以光色混合又被称为加色模式。图3-5所示是减色和加色模式的原理对比。;;打开AdobePhotoshop软件的拾色器，可以看到常用的一些色彩模式（见图3-6）。4组英文缩写HSB、Lab、RGB、CMYK分别代表4种色彩模式，每种色彩模式都基于一种媒介。;（一）HSB模式

HSB模式是基于人类肉眼感知的色彩模式，H、S、B3个字母分别代表上一节介绍过的色彩属性——色相、饱和度、明度。我们人类的视觉器官就是以这3种属性来确定某个色彩的特征的，而Photoshop软件的拾色器也是以这种模式来拾取某个色彩的。;（二）RGB模式

RGB模式为大多数从事电脑设计的人员熟知，它基于日常生活中的发光媒介，如显示器、电视屏幕等，R、G、B3个字母分别代表红光、绿光、蓝光3种原色光。通过这3种颜色的合成，可以得到显示器上的成千上万种色彩。;（三）CMYK模式

CMYK模式也是设计师需要了解的一种常用模式，C、M、Y、K4个字母分别代表青色、品红色（也称为洋红色）、黄色，这是印刷油墨的三原色，而K代表一种专色黑色，因为理论上青色、品红色、黄色等量混合可以得到黑色，但是一般油墨具有杂质，所以混合得不到纯黑，于是开发了一种单独的黑色油墨。;（四）Lab模式

Lab模式基于人对颜色的感觉，是由亮度（L）和有关色彩的a、b3个要素组成的，L表示亮度（Luminosity）,a表示从洋红色到绿色的范围，b表示从黄色到蓝色的范围。它描述正常视力的人能够看到的所有颜色，模拟自然界中数以亿计的色彩，是一种概念上的色彩模式。。;;;二、红色

红色是一种鲜艳的暖色，在很多设计作品中，往往会运用红色来引起观众对特定区域的注意。在西方，红色常与热情、性感、鲜血或恐怖等意象联系起来。在中国传统文化中，红色是喜庆吉祥的色彩，往往在庆典、婚礼上运用红色的装饰服装；在中国现代文化中，红色也代表我们的祖国、中国共产党，因为红色是我们国家国旗、党旗、军旗的主色。;三、黄色

黄色是一种明亮、欢快的色彩，在暖色系中明度最高。自然界中的黄色常常是一种警告色；人类世界中，可以运用黄色警示引起人们特别注意，在中国古代，黄色是皇家帝王的色彩，黄金等奢侈品也是黄色的，所以金黄色也象征财富、尊贵与皇权。由于明亮黄色对视觉和情绪的刺激是很强的，因此将黄色大面积地在设计作品上运用时，效果强烈，但也容易引起观众视觉疲劳、焦虑等不适情绪，所以应谨慎使用。;四、橙色

橙色是暖色系中最温暖的色彩。橙色的波长仅次于红色，因此也具有红色热情、温暖等特性，同时它也汲取了黄色活泼跳跃的感觉。橙色能让人联想到温暖的火焰、美味的食物、成熟的果实，是表现幸福、欢乐、富足、活力的色彩。橙色很容易引起青少年的兴趣，很适合运用在一些针对年轻用户的网站上。;五、绿色

绿色象征自然、青春、环保、和平，给人和谐、平和的情绪感受。绿色是自然界春天、夏天的色彩，是欣欣向荣、充满生命力的一种色彩。绿色