网页配色需要对色彩有清晰的认识和敏锐的判断。由于色彩知识过于抽象,不便于理解,本书从图2-1所示的二十四色色环图出发来讲解色彩的基础知识及网页配色设计,方便网页设计初学者直观地理解色彩的相关知识,掌握网页配色技巧。
主要讲解色彩三要素、色彩的心理效应及色彩的冷暖,为网页配色打下基础。
网站制作色彩三要素
人眼观察到的任何色彩都具有色相、明度和纯度三个属性,它们被称为色彩三要素。
1.色相
色相是色彩的基本特征,是区别不同色彩的标准/可以将其理解为色彩的名称,如红、橙、黄、绿、青、蓝、紫等颜色。
2.明度
明度是指色彩的明暗程度。同种色相的色彩在明度上有深浅之分。例如色环图中/同一色相的颜色从内环到外环,明度逐渐降低,颜色越来越深。此外,不同色相的颜色其明度也有差別,如黄色明度高,紫色明度低。
3.纯度
纯度也被称为色彩饱和度,是指色彩的纯净程度。我们知道/所有颜色都是由原色(红、绿、蓝或青、品红和黄)混合而成的,色彩纯度主要取决于颜色中某种主要原色成分的比例,比例越大,纯度越高,颜色越鲜艳;反之纯度越低,颜色越暗淡,越不容易分辨。当色彩纯度降到最低时,将变为无彩色,即黑、白、灰色。
色环图中,中间一环的颜色纯度最高;内环的颜色因加入白色,在提高明度的同时降低了纯度;夕卜环的颜色因加入黑色,在降低明度的同时也降低了纯度。
2色彩的心理效应
不同的色彩能带给人不同的心理感受,让人产生特殊的情感反应和联想。因此,在对
网页进行配色设计时,除了需要注重色彩本身的美感外,还需要注意色彩带给人的情感反应和色彩的象征意义,使色彩符合网站的主题。
栢塑小提示
为不同色调的两张图片。看到这两张图片,你分别会想到什么呢?
1.红色
红色具有很强的视觉冲击力,容易引起人注意。红色常让人联想到热情、活力、积极、主动、力量、爱情、温暖、开放了社交性等。在国内,红色还是一种代表喜庆的色彩,每逢节曰,网络上都遍布以红色为主题色的广告,如图2-4所示。此外,红色也常用来做警告、危险、禁止、防火等标识的颜色。
需要注意的是,在网页配色中/纯粹使用红色作为主色调的网站相对较少,通常都配以其他颜色进行调和。不同纯度和明度的红色给人的感觉是不同的。其中,粉红色明度高,纯度低,视觉柔和,女性特征明显,给人一种鲜嫩、温柔、纯真、诱惑的感觉,适用于以女性或婴儿等为主题的网站,如化妆品网站、内衣网站等,如图2-5所示;鲜红色纯度高,视觉刺激强,男性特征明显,适用于表现热情、活力、奔放,具有男性特征的网站,如图2-6所示;深红色明度低,容易营造出深邃、神秘的气氛;玫瑰红则营造的是一种娇媚、艳丽的气氛,适用于女性用品及服装网站。
2.橙色
橙色介于红色与黄色之间,常让人联想到能量、温暖、健康、活泼、快乐、创造力、社交性等。此外,由于橙色与许多食物的颜色类似,因此橙色容易引起人的食欲。当作品中需要加入上述特性时,橙色就成为设计师的首选。
3.黄色
黄色给人的感觉与橙色类似,但黄色明度更高,更为醒目。黄色常让人联想到快乐、轻快、撒娇、可爱、理解、智慧、幸福、食物等。在网页配色中,黄色常与冷色或明度低的颜色搭配,起到和谐对比的调和效果。
4.绿色
绿色是大自然中最常见的颜色,常让人联想到生命、安全、和平、理想、希望与青春的活力。绿色常用于与自然、健康等相关的网页。此外,当作品中需要表现蔬菜、水果环保等主题时,也常用绿色作为主色。
5.蓝色
蓝色常让人联想到天空、海洋、宇宙等事物,给人以静谧、深邃、博大、高远、理智、准确、信赖、忠诚等感觉,特別适合做强调科技、效率等企业网站的主色,如图2-10所示。蓝色如果与红、棕、黄等颜色搭配得当/可以构成和谐对比的调和关系。
4.绿色
绿色是大自然中最常见的颜色,常让人联想到生命、安全、和平、理想、希望与青春的活力。绿色常用于与自然、健康等相关的网页。此外,当作品中需要表现蔬菜、水果环保等主题时,也常用绿色作为主色。
5.蓝色
蓝色常让人联想到天空、海洋、宇宙等事物,给人以静谧、深邃、博大、高远、理智、准确、信赖、忠诚等感觉,特別适合做强调科技、效率等企业网站的主色,如图2-10所示。蓝色如果与红、棕、黄等颜色搭配得当/可以构成和谐对比的调和关系。
6.紫色
紫色是由活跃的红色和静谧的蓝色混合而成的,具有神秘、浪漫、高贵的特性。使用不同的颜色与紫色搭配可给人不同的感觉。例如,红色与深紫色搭配可给人既神秘又温暖的感觉;粉色与浅紫色搭配可给人浪漫优雅的感觉。
8.灰色
灰色属于中性色,和白色、黑色一样是一种无色彩属性的颜色。灰色能给人一种柔和、细致、朴素、大方、舒适、优雅的感觉。使用灰色时,大多利用不同明度的灰色变化或搭配其他颜色来调和画面的朴素、沉闷。灰色常用于网页或图像的背景色,如图2-13所示。
9.黑色
黑色也被称为“万能色”,其搭配不同的颜色可以呈现出风格迥异的效果。当黑色与.黄色搭配时,会给人一种奢华、高贵的感觉;与白色搭配时,图像识别度最高,且可以凸显高级感;与红色搭配时,会给人富有力量的感觉
7.白色
白色是明度最高的颜色,象征着纯洁、神圣、明快。白色被称为“万能色”,可以和任何颜色搭配使用。其中,白色与暖色搭配可以产生华丽感;与冷色搭配可以产生清奭感。在网页设计中,白色多用作背景色与过渡色。在网页中大面积的留白可以给人简约、时尚的感觉,并给浏览者一定的遐想空间。