网页设计中的色彩设计

张大庆

摘 要：从网页色彩设计的角度，运用色彩心理学原理和视觉视知觉原理分析受众色彩心理与视知觉特征，并根据这些特征得出网页色彩设计的基本原则和方法。

关键词：网页色彩；色彩设计

[中图分类号]：J063 [文献标识码]：A

[文章编号]：1002-2139（2014）-35--01

色彩在网页设计中占有非常重要的地位。它是调适受众视觉心理、引起人们注意的主要手段。色彩作为一种设计语言，给人们传递信息，给受众带来舒适的视觉感受。

一、网页色彩设计要符合受众心理习惯

符合受众心理特征的色彩选择强化品牌印象还促进消费行为。

人对色彩的心理想像往往支配自己的购买行为。咖啡、巧克力的包装纸必须使用咖啡色或红色。来自美国的调查报告证实，以紫色，蓝色、咖啡色包装纸包装咖啡、巧克力、牛奶，大部分消费者深感不快，致使销售量锐减。在日本，为使蜜桔、苹果、西瓜等水果显示本身的固有色、而迎合消费者心理，不少水果店不得不借助染色剂。消费者重视固有色，设计色彩时不能忽视这一因素。近年来，为了保护人身健康，虽已停止使用在安全上有问题的色素，但是，以木纹三合板作为桌面的铁桌子比比皆是，可见，人们对固有色的推崇是根深蒂固的。

尊重消费者的心理习惯，要科学、合理地安排网页色彩设计。

二、网页色彩设计要遵循受众视知觉特征

色彩的位置与方向在页面构图中是很重要。蓝色在视域的顶部、底部、左侧或右侧，其作用各不相同。底部的蓝色是重的，高部的蓝色是轻的。顶部的深红色表现为沉重紧急的重量，在底部却表现为稳定的事实。黄色在顶部时产生一种毫无重量的效果，在底部时其效果就像受控制的浮力。

色彩分布的平衡是页面构图的最重要的目的之一。正如天秤的秤杆为支撑平衡而需要支点一样，在一个页面里平衡的垂直轴线也是必需的。色域的重量在轴线的两边起作用。

在寻求决定一幅画中的“左侧”和“右侧”的价值时，我们首先会想到人类的身体。左侧通常比较被动，右侧意味着活力。右侧倾向于向前和向上，而左侧则后退和下坠。许多绘画作品都是从画左下侧的重点开始的，然后向右上方运动。

在进行网页色彩设计時设计师要充分考虑色彩给受众的视知觉感受，除了色彩的相对位置外，色彩量的比例、它们的纯度和明度也是重要的。

三、网页色彩设计的原则和方法

⑴网页色彩设计的原则：

在进行网页设计色彩选择时，要遵循网站自身的特点并掌握一定的配色规律，进而设计出优秀精美的页面。

①色彩选择要具鲜明性：色彩鲜明的网站往往很容易引人注意，吸引受众眼球，给受众眼前一亮的感觉。

②色彩选择要具独特性：网页用色要有自己独特的风格，与众不同色彩选择才能给人受众留下深刻的印象。

③色彩选择要具艺术性：依内容决定形式的原则，在体现网站自身特点的同时，进行必要的艺术创新，从而设计出既体现网站主题要求，又具有一定艺术风格的网站。

④色彩搭配要合理：网页设计色彩的选择是根据主题来确定，不同站点的主题选用不同的色彩。

网页设计中色彩的搭配很重要，良好的色彩搭配方案给访问者很强的视觉冲击力，加深访问者对网站的印象；失败的配色则会让访问者情绪浮躁不安。

⑤同色系搭配：同色系搭配是指选定一种色彩，通过调整其明度和纯度，将其加深或减淡，产生出新的色彩来进行网页色彩设计，同色系配色的页面视觉效果统一，层次细腻而丰富。

⑥邻色系搭配：邻色系配色是指选用色相环上相邻的色彩设计网页，采用邻近色搭配的页面视觉效果自然又和谐。

⑦对比色搭配：对比色搭配可以突出网页设计的重点，给受访者强烈的视觉效果和主次分明的视觉印象。在进行对比色搭配时通常以某种色为主色调，其对比色作为色彩点缀，起到视觉调剂和画龙点睛的作用。

⑧暖色搭配：使用红色黄色橙色等暖色系色彩进行网页色彩搭配，暖色调的运用可为网站营造出和谐安定温暖而又热情的氛围。

⑨冷色搭配：使用绿色蓝色紫色等冷色系色彩进行网页色彩搭配，冷色调的运用可为网页营造出高雅宁静清新而又理智的氛围。

⑵网页色彩设计的方法：

①单色配色

网页色彩设计要避免色彩选用给受众单一的感觉。页面色彩设计中调整色彩的纯度和明度可以产生变化，使网站层次丰富避免单调。

②黑色

在网页色彩设计中，黑色通常用作背景色或调剂色，常与不同纯度明度色彩搭配使用，视觉效果合理稳定，在网页设计中是一种使用率极高的色彩。

③背景色

在网页色彩设计中背景色起着突出网站主题，奠定网页主体风格的作用。网页背景色的选用应避免色彩复杂的图片和纯度很高的色彩。

④邻近色配色

采用色环上相邻近的颜色，网页设计中邻近色的选用可以避免网页色彩混杂，产生和谐统一的视觉效果。

⑤对比色配色

网页色彩设计时以一种颜色为主，对比色为辅，起强调点缀的作用，引起访问者注意。对比色的使用突出重点，使网页产生强烈的视觉效果。

⑥色量

一个主题网站的色彩选择应控制在三种色彩以内，而不是越多越好，过多的色彩会造成视觉的无秩序感。在有限的色量选择中，调整色彩的三大属性来丰富页面效果。

四、结语

威廉﹒奥斯特瓦尔德曾在《色彩入门》一书中写道：“经验使我们知道，不同色彩的某些结合使人愉快，另一些则使人不愉快或使人全然无感觉。” 在网页色彩设计中，和谐有秩序感韵律感的色彩设计充满力量。网页通过色彩向我们展示了世界的精神和活生生的灵魂。

参考文献：

[1]约翰内斯·伊顿.色彩艺术[M].北京：世界图书出版公司，1999.

[2]潼本孝雄，藤沢英昭.色彩心理学[M].北京：科学技术文献出版社，1985.