1.4 网页色彩搭配知识

网页中的色彩是访问者对网站最直观的了解,也是网站统一风格设计的主要组成部分。一个网站设计成功与否,很大程度上取决于网页色彩的运用和搭配,网页色彩处理得好,可以锦上添花,达到事半功倍的效果。色彩是树立网站形象的关键之一,因此,在设计网页时,必须要高度重视网页色彩的搭配。

1.4.1 网页色彩基础知识

色彩是人的视觉最敏感的东西,不同色彩之间的对比会有不同的效果。当将两种颜色放在一起时,这两种颜色各自走向自已的极端,如红色与绿色对比,红的更红,绿的更绿;黑色与白色对比,黑的更黑,白的更白。由于人的视觉感受不同,对比的效果通常会有所不同。

自然界中的色彩千变万化,但最基本的有三种(红、黄、蓝),其他的色彩都可以由这三种色彩调和而成,因此这三种色彩有“三原色”之称。平时所看到的白色光,经过分析,在色带上可以看到,它包括红、橙、黄、绿、青、蓝、紫七种颜色,各颜色间自然过渡,其中,红、黄、蓝是三原色,三原色通过不同比例的混合可以得到各种颜色。把红、绿、蓝三种颜色交互重叠,就产生了混合色:青、洋红、黄。

1.4.2 各种色彩分析

不同的颜色会给浏览者不同的心理感受,每种色彩在饱和度、透明度上略微变化,就会让浏览者产生不同的感觉(本小节图片效果请参考彩插)。

➢ 红色

红色的色感温暖,性格刚烈而外向,是一种对人刺激性很强的颜色。红色容易引起人的注意,也容易使人兴奋、激动、紧张、冲动,它还是一种容易造成人视觉疲劳的颜色。如图1-14所示的网页以红色为主。

图1-14 红色

➢ 黄色

黄色的性格冷漠、高傲、敏感,具有扩张和不安宁的视觉印象。黄色是各种色彩中最为娇气的一种颜色,只要在纯黄色中混入少量的其他色,其色相感和色性均会发生较大程度的变化。如图1-15所示的网页以黄色为主。

图1-15 网页以黄色为主

➢ 蓝色

蓝色的色感冷嘲热讽,性格朴实而内向,是一种有助于人头脑清醒、安静的颜色。蓝色的朴实、内向性格,常为那些性格活跃、具有较强扩张力的色彩,提供一个深远、广博、平静的空间,成为衬托活跃色彩的友善而谦虚的朋友。蓝色还是一种在淡化后,仍然能保持较强个性的颜色。如果在蓝色中分别加入少量的红、黄、黑、橙、白等颜色,均不会对蓝色的性格构成较明显的影响。如图1-16所示的网页采用蓝色,突出严肃公正。

图1-16 网页采用蓝色

➢ 白色

白色的色感光明,性格朴实、纯洁、快乐,具有圣洁的不容侵犯性。如果在白色中加入其他任何颜色,都会影响其纯洁性,使其性格变得含蓄。白色代表纯洁、纯真、朴素、神圣、明快。

➢ 绿色

绿色是具有黄色和蓝色两种成份的颜色。在绿色中,将黄色的扩张感和蓝色的收缩感相平衡,将黄色的温暖感与蓝色的寒冷感相抵消,这样使得绿色的性格最为平和、安稳。绿色是一种柔顺、恬静、满足、优美的颜色。如图1-17所示的网页采用绿色。

图1-17 网页采用绿色

➢ 紫色

紫色的明度在所有彩色的色料中是最低的,它给人一种优雅、高贵、魅力、自傲、神秘的感觉。

➢ 黑色

黑色是最具有收敛性的、沉郁的、难以琢磨的色彩,给人一种神秘感。同时,黑色还表示凄凉、悲伤、忧愁、恐怖,黑色甚至是死亡的象征,但若是运用得当,却能产生黑铁金属质感,时尚前卫、科技等都可以用黑色来形容。

➢ 灰色

灰色在商业设计中,具有柔和、高雅的意象,而且属于中间性格,男女皆能接受,所以,灰色也是永远流行的主要颜色。在许多高科技产品中,尤其是和金属材料有关的产品,几乎都采用灰色来传达高级、科技的形象。使用灰色时,大多数时候利用不同的层次变化组合或用它搭配其他色彩,才不会给人过于平淡、沉闷、呆板、僵硬的感觉。