Dreamweaver CS5网页制作
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

1.2 网站配色方案

色彩是人的视觉最敏感的东西。网站主页的色彩处理得好,可以锦上添花,达到事半功倍的效果。色彩总的应用原则是“总体协调,局部对比”,也就是说主页的整体色彩效果应该是和谐的,只有局部的、小范围的地方可以有一些强烈色彩的对比。在色彩的运用上,可以根据主页内容的需要,分别采用不同的主色调。

1.色彩的搭配原则

(1)色彩的鲜明性

如果一个网站的色彩鲜明,很容易引人注意,会给浏览者耳目一新的感觉。

(2)色彩的独特性

网页的用色必须要有自己独特的风格,这样才能给浏览者留下深刻的印象。

(3)色彩的艺术性

网站设计是一种艺术活动,因此必须遵循艺术规律。按照内容决定形式的原则,在考虑网站本身特点的同时,大胆进行艺术创新,设计出既符合网站要求,又具有一定艺术特色的网站。

(4)色彩搭配的合理性

色彩要根据主题来确定,不同的主题选用不同的色彩。例如,用蓝色体现科技型网站的专业,用粉红色体现女性的柔情等。

2.色彩搭配方案

色环实质上就是在彩色光谱中所见的长条形的色彩序列,只是将首尾连接在一起,使红色连接到另一端的紫色。一个色环通常包括12种明显不同的颜色,如图1-12所示。

图1-12 色环图

(1)单色方案

单色方案指在网站设计中始终使用一种基本颜色。为避免单调,可以通过调整这种基本颜色的灰度和亮度来得到更多的颜色,由于整个颜色方案中事实上只有一种基色,因此这种方案称为单色方案,如图1-13所示的网站即采用了单色配色方案。

图1-13 单色方案网站案例

单色方案是一种比较稳重的方案,给人整洁、经典的感觉,最适合于内容比较严肃的网站,例如政府网站、学术网站、企业网站、高雅艺术网站。同时,一些商业网站也比较适合使用此种配色方案,因为这种方案给人一种稳定感,使访问者容易建立对网站的信任。

(2)相似色配色方案

相似色配色方案指在色彩圆环上选择彼此相邻的几种颜色构成的配色方案。例如橙色、橙红色,以及橙黄色就可以组成一个相似色方案。由于相似色方案中包含了多种基色,如果再加上亮度和饱和度的变化,可以构成的颜色就非常多,如图1-14所示的网站即采用了相似色配色方案。

图1-14 相似色配色方案网站案例

通常,相似色配色方案可以给人非常协调的感觉,因此在网站设计中非常常用。典型的运用方法就是用一种颜色作为页面背景,而另外一种在色环中与其相邻的颜色作为前景色。

(3)互补色配色方案

互补色配色方案指在色彩圆环上沿直径选择相对应的两种颜色构成配色方案。如图1-15所示的网站即采用了互补色配色方案。

图1-15 互补色配色方案网站案例

互补色配色方案虽然略显烦琐,但是在现在的网站设计中非常流行。由于互补色适合于呈现活泼时尚的效果,因此可以让网站魅力四射。

(4)三色配色方案

三色配色方案指在色彩圆环中选择一个等边三角形三个顶点上的颜色构成的配色方案。三色方案中使用了三种彼此之间差别明显,对比强烈的颜色,因此页面显得相当不稳定,给人带来另类的感觉,给予浏览者某种紧张感。如图1-16所示的网站即采用了三色配色方案。

图1-16 三色配色方案网站案例