网页设计中的色彩运用

王 凯 郭西燕

[摘 要]本文主要通过网站色彩的选用、网页主体与背景色彩的搭配、网页用色小技巧等几个方面阐述了网页设计色彩运用的原则,规律及技巧方面的内容。

[关键词]色彩 搭配标准色主色调背景对比 统一

作者简介:王凯,男,潍坊职业学院园林工程系教师,研究方向环境艺术设计。

互联网充斥着枯燥的设计,惠普、IBM、戴尔、微软,以及其他数不尽的网站(相似的布局,相似的配色)。可能有人会说通过这样一种标准化的界面可以使浏览更方便,而事实上这些网站带给用户一种很世俗的体验,并不能与访客产生一种积极的联系。

面对这种单调的设计,有一种解决方法,就是使用颜色。可能没有其他设计元素能像颜色一样能影响人们对世界(比如网站,比如家居装潢)的感受。颜色可以瞬间改变我们的情绪和意见。颜色会让我们感觉到舒适、敬畏,或者激动。在界面设计中,色彩不仅可以影响人的心理,左右人的情绪,更对设计非常有用。

如从色彩给人的心理感觉上来说,暖色调,即红色、橙色、黄色、赭色等色彩的搭配。这种色调的运用,可使页面呈现温馨、和煦、热情的氛围;冷色调,即青色、绿色、紫色等色彩的搭配。这种色调的运用,可使页面呈现宁静、清凉、高雅的氛围。

从色相上来说,运用同一色相色彩,这种搭配易于使页面色彩趋于一致,容易塑造网页稳定、和谐、统一、雅观的效果。运用邻近色相色彩,这种配色容易给人以甘美、清雅、和谐的享受,易产生浪漫、柔和、唯美之感。运用对比色或互补色容易塑造鲜明、活泼、运动的网页效果,特别适合体现轻松素材的网站等等。

一、网站的色彩选用

通常在为企业做网站时,如把表现企业主题的标准色应用到网页中去,一定会给浏览者留下深刻的印象。这就牵涉到标准色的组合应用,首先是一个色彩的基调问题,抓住自己的主色来配以不同的辅色,这样既突出了主页的公司的特色,又能使页面呈现丰富多彩(这里要切忌多种色彩并重“花”的情况)。版面设计和内容也能体现出企业的形象,只是色彩更加容易达到引人注目的效果。

针对不同的主题来布置色彩,如健康类的网站就不能采用较为刺激的大红和黄、橙以及象征死亡和神秘的黑色和紫色,这样会造成一种紧张和某种程度的恐慌,以及一些不利于健康的联想。儿童类的网站就易采用红、黄、橙等给人亲和、友好、温馨联想的色彩,以及军警类网站的橄榄绿,医疗卫生类网站的白色等。

网站用色不只是单纯的运用,还要考虑诸多因素,例如,访问者的类别、社会背景、心理需求和场合的差异等等,这就要求网页设计者要认真的分析网站的访问者。社会背景不同的人,各人的目的不同,他们对色彩的感受也不同,所以网站的用色就要考虑到多方面的需求,尽可能的吸引访问者注意力。访问者如果大多是素质较高的人,就应该考虑用色考究,要有一定的品位,有所偏向。另外,还要注意色彩的民族性,各个民族由于环境、文化、传统等因素的影响,对于色彩的喜好也存在着较大的差异。充分运用色彩的这些特性,可以使我们的网页具有深刻的艺术内涵,从而提升网站的文化品位。

二、网页主体与背景色彩的搭配

在根据网站主题确定了页面的主色调后,就要进行网页主体与背景色彩的搭配。

我们现在看到的网页,多数的页面以浅颜色为底,配上深颜色的字,读来自然、流畅,此种配色方法为大多数人认可和掌握。在选择背景和正文颜色时,最重要的一点是注意易读性。实现易读性的关键在于提供足够的明暗对比。由于黑白之间有最强烈的对比度,因此大多数网页都采用黑底白字显示文本,但是,也不必拘泥于黑白两色实现对比,可以选择一对颜色,其中一个是亮的,一个是暗的,只要它们保持足够的对比度,比如说,灰底黑字也是不错的选择。

其次,在背景的色调搭配上一定要注意不能有强烈的对比,特别是同时使用色彩对立的颜色。大面积颜色适宜采用低对比度,因为过于丰富的背景色彩会影响前景图片和文字的取色,严重时会使文字溶于背景中,不易辨识。所以,背景一般应以单纯为宜。如果需要一定的变化以增加背景的厚度,也应是在尽量统一的前提下的一种变化。例如在制用标题时,为追求醒目的视觉效果,可用比较深的颜色,配上对比鲜明的字体。实际上背景的作用主要在于统一整个网页的风格和情调,对视觉的主体起到一定的衬托和协调作用,一方面吸引网民的注意力,另一方面有助于体现网站的主题。

三、网页用色的小技巧

网页在一定意义上说也是一种艺术品,因为它既要求文字的优美流畅,又要求页面的新颖、整洁,使用色彩可以产生强烈的视觉效果,使页面更加生动。而且,浏览者在浏览网页时,留下的第一印象就是页面的色彩设计,它的好坏直接影响阅读者的观赏兴趣。因此,色彩设计在网页设计中居于十分重要的地位。当网页页面用色出现疑惑的时候,大家可以考虑以下几个方面:

(一)对多数网页特别是有大面积文字的网页来说,应采用白色或浅色的背景,如浅灰色、淡黄色、浅蓝色或浅绿色,文字采用黑色或深颜色;

(二)避免在浅色背景使用明亮颜色的文字,因为这样文字会很难辨认;

(三)深颜色背景上使用浅色的文字是一种很好的组合,但是如果不是特别需要,应留作那些需要引起浏览者特别注意的小块区域和场合,比如标题图形等;

(四)使用黑色背景许多时候显得太沉重,可以考虑使用深灰色、深蓝、粟色等;

(五)白色、浅灰色、浅蓝色、浅绿色、浅褐色很适合作为深色背景上的文字颜色;

(六)大的、粗体的文字比常规尺寸的文字更适合使用;交强的颜色,可考虑鲜红色,橙色,明亮的蓝色,但注意不要滥用。

网页设计的用色也要特别的关注流行色的发展。每年日本或者欧美都要发布一批流行色,这是从大量的人们的喜好中挑选出来的。关注它,并有心的研究它,而且努力的将这种观念应用到自己的设计中去,做一个色彩方面的有心人,就会使自己的网页富有朝气,更受欢迎。同时多研究别人的用色,多看一些对网站的网友的评价是相当重要的。做到这一点,能提高自己的色彩品位,多用一些受人喜爱的颜色,这样才能吸引人。作为一名网页设计师是需要有自己的特色,例如自己钟爱的颜色,用色的一些独特的方面,这种是不要轻易的舍弃。因为没有一点自己的特色的设计师就如同一台机器一样毫无生气,这是一大悲哀!用别人喜欢的色彩是不会掩盖设计师的特色的,因为设计师用色往往是在保留自己的用色方式上才去采用一些比较让人接受的颜色。所以我想网页的用色会在这种方式下日趋规范,日趋合理,逐渐让人感到一个又一个如同艺术品一样让人赏心悦目!

参考文献

[1]网页设计之视觉信息传达分析;作者:鬲波飞

http://www.ko512.cn/html/wangyeshejibiyelunwen/20070330/118_2.html

来源:互联网 发布时间:2007-03-30

[2]页面美工设计需要注意的几点

Http://www.ko512.cn/html/wangyeshejibiyelunwen/20070423/456.html