网页设计中色彩运用的研究

生网页设计中色彩运用的研究

内容摘要】本文从XX师范大学教育技术专业学生设计的网页作品出发，对其进行分析，发现设计者在网页设计中存在的色彩运用上的问题。然后结合美学、光学和心理学的特点，依据色彩的基本知识和原理，具体分析了色彩在网页设计中对浏览者的视觉、心理以及信息传达效率的影响，最后在前人和本人的网页设计经验的基础上，总结出了在网页设计中运用色彩的一些策略。

【关键词】网页设计；色彩；视觉；心理；搭配

色彩是人的视觉相当敏感的东西，它对人的视觉效果非常引人注目，一个网站设计成功与否，色彩起到一个重要因素。因为网页设计属于一种平面效果设计，在平面图上，色彩的冲击力是非常强烈的，它很容易给用户留下深刻的印象。[1]因此，在设计网页时，我们必须要高度重视色彩的运用。而网页的色彩往往是人们研究的一个重要问题，尤其是教育技术专业的学生，由于对色彩理论基础和色彩技能的掌握的弱势，所以在进行网页设计时，对色彩的把握能力不是很强。而教育技术专业的学生对网页设计的水平要求又相当高，所以该专业的学生在网页设计技术的优势下，若能再做好网页色彩的运用工作，那将可以设计出更高水平的网页。对此，本文从广西师范大学教育技

术专业学生的个人网页制作中，来研究该专业在网页设计中的色彩运用。

一、教育技术专业学生网页作品中存在的问题

在对教育技术专业学生网页作品的观察中发现，他们在网页的框架设计、内容布局和功能实现等方面都表现出比较高的网页设计水平，但是整个网页给浏览者的视觉效果却是欠佳。他们存在的问题可归结为对网页基本色调的确定、色彩的搭配和浏览者对信息的获取效率等三个方面。

（一）色彩繁杂，无统一基本色调

他们在设计时没有考虑采用一种基本色调来一统页面上的多个

内容，忽视了网页的整体美。他们在多个版块的内容采用不同的色彩，所以整张网页做出来的效果就是整个网页多种色彩相互左右和冲突，缺乏了基本色调，网页也就少了灵魂，无以使网页上的内容重点突出，给浏览者造成了阅读上的困难。

（二）色彩搭配失调，造成浏览者的视觉疲劳

网页上各种色彩间的搭配失调主要体现在设计者在考虑背景与对象（网页上的文字或图象等）的色彩时大面积用了对比色，或者用了比较接近的和亮度比较低的颜色，前者使得对象和背景之间相互剥离分睿挥泻芎玫厝诤虾屯骋唬缓笳咴蚴沟娩勒呓夏芽辞逋成系男畔ⅲ秸叨佳现馗扇帕虽溃菀自斐墒泳跗＠停焕阡勒叨孕畔⒌幕袢Ｍ庇行┳髌坊共捎昧搜丈饕臁⒎绺癫煌耐计⑽淖帧⒍挂趁嫖宀淑头祝狈φ甯校不嵩斐射勒叩氖泳跗＠汀?/P>

（三）忽视浏览者对信息的获取效率

网页设计的最终目的是让浏览者能方便快捷地获取网页上的重要内容。[2]而从与所观察网页的设计者的交流中了解到，他们在设计网页时对色彩的选择缺乏依据，基本都是凭自己的直觉来选择，而不是依据网页的内容和服务对象来选择色彩；在网页中各种色彩间的谐调处理上，他们的做法基本都是从几种色彩搭配方案的对比中选择自己最满意的一种，而没有基本的色彩搭配原则作为参考。这些同学在设计时忽视了浏览者对信息的获取效率，也忽视了网页设计的最终目的，这样的网页设计失去了它的浏览价值。

二、对所存在问题的分析

这些网页之所以存在上述问题，原因在于未能把握色彩运用的一般规律及其所带来的视觉和心理效应。从这个角度看，网页的色彩设计已经不是一般的美工，而是综合了许多其它学科的实践应用领域，它涉及到美学、光学、心理学等多门学科。[3]

色彩五颜六色、千变万化，我们平时所看到的白色光，经过分析在色带上可以看到，它事实上包括红、橙、黄、绿、青、蓝、紫等七色，各颜色间自然过渡。其中，红、黄、蓝是三原色，三原色通过不同比例的混合可以得到各种颜色，它能给我们带来不同的视觉效果。同时色彩有冷暖、轻重、软硬等等之分，这些也能给我们带来不同的心理效应。而我所调查的对象在设计网页时却忽视了这一点，他们设计出来的网页不仅会造成浏览者的视觉疲劳，同时也会对其心理产生影响，降低了网页的受欢迎度。

（一）色彩传达的视觉效应

一定的色彩常常和人们日常生活中的的所见所闻和某些心理情感特征产生通感联觉效应。[4]当人们看到某一色彩时，由于色彩对人们感官的刺激，能使人们产生各种各样的感情，尽管人们由于自身条件的不同而对色彩所产生的感情也不同，但由于共同的社会条件和生活环境，人们对色彩的感受还是有很多共性的。所以，在色彩设计时，应根据色彩感知的共同性去选择色彩。

1.红色

红色的纯度高，注目性高，刺激作用大，有人称之为“火与血”的颜色，能增高血压，加速血液循环。用红色为主色的网站不多，在大量信息的页面里有大量面积的红色，不易于阅读。但若搭配好的话，也可以起到振奋人心的作用。过纯的红色容易使人疲劳，引起人的心理反感，因此一般只有在以节庆为主题的网站中会大面积使用纯红色，而在其他主题的网站中，要使用大面积的红色就需要加白或调暗。

2.橙色

橙色的刺激作用虽然没有红色大，但它的视认性和注目性也很高，既有红色的热情又有黄色的光明，以及活泼的特质，是人们普遍喜爱的色彩。橙色可以营造出朝气蓬勃和大自然的气氛，它没有红色那么激烈，适用范围广，所以网站里比较常见。

3.黄色

黄色是在站点配色中使用极为广泛的颜色之一，它具有明朗愉快的感觉，在各类信息网站中都可以使用。但纯黄色很少大面积使用，同纯红色一样，过于强烈了，但小面积点缀用得颇多。比如用暗清色的黄与其他色彩的暗清色调和使用，页面就会多一些典雅和奇特的感觉。[5]

4.绿色

绿色为植物的颜色，象征着生命，传达出清爽、理想、希望、生长的意象。如果将它与蓝色、黄色，甚至红色搭配起来用于网页设计中，则可以给网站增加一丝活泼、轻快的感觉。

5.蓝色

蓝色有沉稳的特性，具有理智，准确的意象，同时还表示希望。蓝色的用途很广，科技、知识、计算机、企业、政府、男性和门户等多种类型的网站都十分适合。蓝色还代表了“可信”的心理感受，很多企业做网站时都选择了蓝色。IBM网站就是其中之一。

6.紫色

紫色因与夜空、阴影相联系，所以富有神秘感。紫色容易引起心理上的忧郁和不安，但紫色又给人以高贵、庄严之感，所以女性类网站比较适合采用紫色做为主色调。

7.白色

白色除因明度高而感觉冷外基本为中性色，明视度与注目度都相当高。白色能满足视觉的生理要求，[6]因此与其他色彩混合均能取得很好的效果。网站和其他视觉作品不同，它要求具有较高的阅读可视性，所以白色的使用是相当多的。

8.灰色