Dreamweaver CS6精彩网页制作与网站建设
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

2.4 色彩对比

在一定条件下,不同色彩之间的对比会有不同的效果。在不同的环境下,多色彩给人一种印象,单一色彩给人另一种印象。

2.4.1 色相对比

色相对比是指因色相之间的差别形成的对比。当主色相确定后,必须考虑其他色彩与主色相是什么关系,要表现什么内容及效果等,这样才能增强其表现力。

色相的差别虽是因可见光波长的长短差别所形成,但不能完全根据波长的差别来确定色相的差别和确定色相的对比程度。因此在度量色相差时,不能只依靠测光器和可见光谱,而应借助色环,色相环简称色环,如图2-8所示色环。色相对比的强弱决定于色相在色环上的距离。

图2-8 色环

红、黄、蓝三原色是色环上最极端的3个颜色,表现出最强烈的色相气质,它们之间的对比属最强烈的色相对比,令人感受到一种极强烈的色彩冲突,似乎更具精神的特征。如图2-9所示为红、黄、蓝三原色之间的对比。

图2-9 色相对比网页

2.4.2 明度对比

明度指色彩的明暗程度,明度越高,色彩越亮;明度越低,色彩越暗。色彩的明度变化产生出浓淡差别,这是绘画中用色彩塑造形体、表现空间和体积的重要因素。初学者往往容易将色彩的明度与纯度混淆起来,比如想要画面明亮些,就调粉加白,结果明度是提高了,但色彩纯度却降低了,这就是色彩认识的片面性所致。明度差的色彩更容易调和,如紫色与黄色、暗红与草绿、暗蓝与橙色等。如图2-10所示为色彩的明度变化。

图2-10 色彩的明度变化

明度对比较强时光感强,形象的清晰程度高、锐利,不容易出现误差。如图2-11所示为明度对比强的网页。明度对比弱时,则显得柔和静寂、柔软含混、单薄、晦暗、形象不易看清,效果不好。

图2-11 明度对比强的网页

对色彩应用来说,明度对比的正确与否,是决定配色的光感、明快感、清晰感及心理作用的关键。历来的色彩搭配都重视黑、白、灰的运用。因此在配色中,既要重视无彩色的明度对比的研究,更要重视有彩色之间的明度对比的研究,注意检查色彩的明度对比及其效果。

2.4.3 纯度对比

纯度指色彩的鲜艳程度,纯度高则色彩鲜亮;纯度低则色彩黯淡,含灰色。颜色中以三原色红、绿、蓝为最高纯度色,而接近黑、白、灰的颜色为低纯度色。凡是靠视觉能够辨认出来的,具有一定色相倾向的颜色都有一定的鲜灰度,而其纯度的高低取决于它含中性色黑、白、灰总量的多少。纯度对比是指较鲜艳的颜色与含有各种比例的黑、白、灰的色彩对比,即模糊的浊色对比。图2-12所示为色彩的纯度变化。

色彩纯度可大致分为高纯度、中纯度、低纯度3种。未经调和过的原色纯度是最高的,而间色多属中纯度的色彩,复色其本身纯度偏低而属低纯度的色彩范围。纯度对比可以体现在同一色相不同纯度的对比中,也可体现在不同的色相对比中。例如,纯红与纯绿相比,红色的鲜艳度更高;纯黄与黄绿相比,黄色的鲜艳度更高。如图2-13所示的网页就采用了色彩的纯度对比。

图2-12 色彩的纯度变化

图2-13 所示的网页就采用了色彩的纯度对比

2.4.4 冷暖对比

采用冷热差别形成的色彩对比称为冷暖对比。冷暖本来是人体皮肤对外界温度高低的触觉。太阳、炉火、烧红的铁块本身温度很高,它们射出的红橙色有导热的功能,将使周围的空气、水和别的物体温度升高,人的皮肤被它们射出的光照所及,也能感觉到温暖。大海、雪地等环境,是蓝色光照射最多的地方,蓝色光会导热,而大海、雪地有吸热的功能,因而这些地方的温度比较低,人们在这些地方会觉得冷。这些生活印象的积累,使人的视觉、触觉及心理活动之间具有一种特殊的,常常是下意识的联系。

● 暖色:如图2-14中的黄色、橙色、红色和紫色等都属于暖色系列。暖色与黑色调和可以达到很好的效果。暖色一般应用于购物类网站、儿童类网站等。

● 冷色:如图2-14中的绿色、蓝色和蓝紫色等都属于冷色系列。冷色与白色调和可以达到一种很好的效果。冷色一般应用于一些高科技和游戏类网站,主要表达严肃、稳重等效果。

从色彩心理学的角度来说,还有一组色彩的冷暖概念,那就是白冷黑暖的概念。因此,在色立体上接近白的色块会有冷的印象,接近黑的色块则有暖的印象。一般的色彩混入白色会倾向冷,而加入黑色会倾向暖,如图2-15所示。

图2-14 冷色和暖色

图2-15 加入黑色倾向暖

冷色系的亮度越高,其特性越明显。单纯冷色系搭配视觉感比暖色系舒适,不易造成视觉疲劳。蓝色、绿色是冷色系的主要系,是设计中较常用的颜色,也是大自然之色,带来一股清新、祥和安宁的空气。如图2-16所示为冷色系蓝色为主的网页。

图2-16 冷色系蓝色为主的网页

由于冷暖色系本身的对立性区分很明显,因此在使用冷暖色对比时,最好使一方为主色,另一方为辅色,互相陪衬,从而得到色彩的协调。

2.4.5 面积对比

色彩的面积对比是指页面中各种色彩在面积上多与少、大与小的差别,影响到页面主次关系。在同一视觉范围内,色彩面积的不同,会产生不同的对比效果,如图2-17所示。

图2-17 色彩的面积对比

当两种颜色以相等的面积比例出现时,这两种颜色就会产生强烈的冲突,色彩对比自然强烈。

如果将比例变换为3:1,一种颜色被削弱,整体的色彩对比也减弱了。当一种颜色在整个页面中占据主要位置时,则另一种颜色只能成为陪衬。这时,色彩对比效果最弱。

同一种色彩,面积越大,明度、纯度越强;面积越小,明度、纯度越低。面积大的时候,亮的色彩显得更轻,暗的色彩显得更重。

根据设计主题的需要,在页面的面积上以一方为主色,其他的颜色为次色,使页面的主次关系更突出,在统一的同时富有变化。