本站原创摘 要 ：网页色彩是树立网站形象的关键之一,好的色彩设计是网页设计成功的保证.本文重点阐述了网页色彩的设计原则以及设计方法,为人们在进行网页设计时,把握网页中色彩的和谐关系提供参考.
Abstract: The homepage color sets up one of website image keys, the good color scheme is the homepage designs the succesul guarantee. This article elaborated with emphasis the homepage color's principle of design as well as the design method, for the people when carries on the homepage design, grasps in the homepage the color harmonious relations to provide the reference.
关 键 词 ：网页设计 色彩
key word: Homepage design Color
作者简介：岳俊杰（1971-）女,河南巩义人,硕士,讲师,研究方向为设计艺术学.
网页作为视觉传达的一种新兴的载体, 有着比报刊、杂志、广播、电视等传统媒体更多的构成要素, 如文字、图形、声音、图像、动画、视频等.这些要素都是网页设计师应该要考虑的.研究资料表明,在网页设计中,色彩能提高信息浏览和分类的速度和准确度,能提高理解的速度,比文字和字体变化更能提高理解的准确度[1].处理得当的色彩在网页设计中更能够体现网站风格,给浏览者留下深刻印象并可提高访问率,从而提高网站的知名度.
一、网页色彩的设计原则
设计师在进行网页设计时除了要考虑网站本身的特点,还要遵循一定的艺术规律,才能设计出色彩鲜明性格独特的网站.网页色彩设计总的原则应该是“整体调和、局部对比”,即网页色彩设计要以色彩的三要素中的某一种或两种要素作为调和基础,在其它一种或两种要素中进行对比处理；或者在这三种要素取得调和的基础上,在某些局部、小范围的地方用一些对比强烈的色彩.具体来说,网页色彩设计应遵循以下3个原则：
1. 网页色彩要与网站主题和谐一致.
不同的色彩象征意义不同,而且对人的心理感应也不同.不同的网站在选择色彩时,要充分考虑色彩的象征意义和人们的心理感受.例如,政府部门的网页风格应有庄重感,呈现宁静、严肃、高雅的氛围,以冷色调为宜；而绿色象征生命与希望,给人健康、安全的感觉,很适宜作为健康类网页的主调色.电子商务类网页往往可以通过红色、橙色、等暖色调色彩的搭配,呈现温馨、和煦、热情的氛围.再如健康类的网站不能大面积地采用刺激的大红和黄、橙,因为它们易造成人们心理上的紧张感和恐慌感,蓝色是广阔而内在的色彩象征,给人的心理印象是崇高、深远、广大而睿智,为高科技企业所钟爱.
2. 网页色彩要有自己独特的风格.
互联网上网站云集,一个网站的网页色彩有自己独特的风格,才能显得个性鲜明,给浏览者留下深刻的印象.尤其在同类网站中,网站的色彩不但要符合本类网站的用色特点,还要有其独到之处.网页设计是一种艺术活动,按照内容决定形式的原则,大胆进行艺术创新,设计出既符合网站要求,又有一定艺术特色的、风格独特、个性鲜明的网站,是每个设计师所要解决的问题.
3. 网页色彩要有一定的延续性.
虽然网页的信息会不断更新,网页的版式也会定期修改,但网页色彩的基调和风格一旦形成后,不宜大幅或频繁地改换,而应保持一定时间内的延续性,这样才能使浏览者印象深刻.但是,为了保持新鲜感和提高吸引力,也应小范围地对网页色彩的明度、纯度进行适当的调整和变化.对于企业来说,企业网页的色彩应该是企业标准色的延续.企业标准色是企业特定的色彩表示系统,设计企业的网页时,通常以该企业CI设计中的标准色作为网页的主色调展开设计,使网站成为企业形象的延伸和宣传.
二、网页色彩的设计方法
网页色彩设计既是一项技术性工作,同时也是一项艺术性很强的工作.网页色彩设计得好,可以为网站锦上添花,达到事半功倍的传播效果.在网页色彩设计中,要充分利用色彩的色相、明度、纯度、远近、冷暖、轻重等的对比关系[2],丰富网页的视觉效果.
1. 确定网页的主色调及辅助色.
网页中可以采用多种色彩,但是从色彩学规律或从网站特点、网民心理的角度,在一个网页中只能有一个主色调.主色调就好比乐曲中的主旋律,对网页起着主导作用.
主色调决定着整个网页的风格和意境,而辅助色的面积虽小,却起着缓冲和强调的作用.辅助色能让页面有生气、有趣味,使主色调流畅.辅助色与主色调搭配合理,可使整个页面特色鲜明,引人注目.网页的辅助色可用主调色的邻近色,也可用对比色.一般情况下,可选择一到两种辅助色配合使用,整个网页的色彩最好控制在三种颜色之内.另外也可以采用单色调,单色调容易形成一种风格,需要注意的是要在网页的局部采用少量小面积的对比色,以达到丰富页面的效果.
2. 确定文字、配图的色彩效果.
作品的内容是通过造型、色彩、构图、文字等多种表现形式共同完成的,内容与形式的统一是色彩协调成功的条件.现在的网页以文字信息为主.文字信息首要的是可读度与清晰度,而网页文字要有良好的可读性与清晰度,除了考虑文字的字体、大小、字距、行距等,还必须重视文字色彩与背景色的配合.背景和文本的色彩对比要尽量大（一般明度对比为3∶1 到5∶1),以便突出主要文字内容,但不要过于亮丽,以免造成过强刺激的视觉效果.如白底黄字,褐色背景黑色字等,不仅会使人们的视觉非常疲劳,而且文字显示不清晰,无论是直接浏览还是打印阅读,信息传播效果都不好.
3. 网页色彩的配置方法.
主色调、辅助色、文字色、底色、图形色都是网页设计中不可缺少的元素,但网页的色彩数量不宜过多,否则过于花哨,喧宾夺主.主色调、辅助色、文字色等不一定要采用不同的色相,有时网页色彩简单明了更能突出主题,给人舒适的视觉效果.合理选配、配比网页色彩,形成主色调为主、小色块为辅,既对比又调和的色彩画面,一定会赋予网页以活力和个性,最大限度地吸引网民的视线.
色彩配置可以采用同种色的配置、类似色的配置 、对比色的配置、黑与白的配置以及
以上诸法的综合配置.
4. 网页色彩设计的技术要求.
图像在网页中起着画龙点睛的作用,它不但能装饰页面还能表达个人的风格与情感.但是如果网页的图片过多或色彩使用不当,会导致浏览、下载的速度变慢,这样就会影响到网页的点击率.所以要正确使用图形图像及其色彩.
（1）位图与矢量图
目前以文件数据的组织特征来讲可将众多的图像分为两类：位图格式、矢量图格式.位图又称为光栅图文格式.常见的图像格式有：JPEG格式、BMP格式、PNG格式、TIFF格式等.位图的色彩丰富逼真,但缩放时会产生失真现象而且文件较大.若要向网页中添加照片或者色彩逼真的图片,则可以选用位图.矢量图是用数学方式描述的一种由线段和几何元素组成的图形图像.常用的格式有:AI格式、CDR格式、EPS格式等.矢量格式的图形在缩放时不失真而且文件小.若要为网页增加动态效果,可使用矢量图,通常采用Flash动画形式.
在网页图片设计时,应该对用户的带宽有充分的估计.带宽较小的情况下,应该权衡网页对图片色彩的要求以及传输速度两者之间的关系.
（2）Web安全色
计算机提供了一些色彩模式：RGB模式、CMYK模式、Index Color模式、Lab模式等.在网页色彩设计中常用RGB模式.用RGB模式制作出图像后,经处理成为Web图像就可在网上使用了.当超过显示能力时,计算机的色彩管理系统会尽力使用最接近的颜色来代替,但效果往往不如人意.为了避免色彩被扭曲可使用Web安全调色板,它支持216色.当然Web安全色也有自身的局限性,譬如会出现颜色偏暗的问题等,因而在设计网页的色彩时,一方面要考虑色彩的安全问题,另一方面也要考虑色彩的需求问题.
三、结束语
色彩是表达各种情感、理念和信息的重要载体.在网页设计中,色彩既是网页作品的表述语言, 又是视觉传达的方式和手段.色彩设计是网页设计的灵魂,网页设计师要以科学的色彩理论为指导,把美学规律同现代网页设计的具体问题结合起来,以敏锐的色彩感觉去发现,以高超的配色技巧去完成,创造出更时尚、更鲜活、更具吸引力的网页色彩作品的同时,也不断引导和提高大众的色彩审美情趣.