网页设计的配色

摘 要：在网络飞速发展的今天,人们每天浏览多个网页,如何把网页设计的更好,更美观,是每名设计师的课题,而网页的“灵魂”——配色,是这个课题的关键,结合自己的课堂教学经验,从网页配色的重要性,网页配色原则与技巧和网页配色的应用这三方面,在这里简单谈做一下阐述.

关 键 词：网页设计配色色调

在当今的这个时代,不知不觉中,网络已经深入人们的生活许多年了,并给人们的生活带来了翻天覆地的变化.而网页作为网络的主体和各类信息的载体,也在悄悄的发生变化.网页设计的好看与否,主要取决于网页设计师,设计师不能把同一种美让所有人接受,但可以根据网站的定位不同,把美的元素通过设计表达,与所有用户分享.这种美的表达方式,也可以有章可循的,特别是色彩的规律.

一、网页配色的重要性

网页的配色对一个网站的美观与否起着决定性作用,因为这是给访问者的第一印象.就像人们看待别人的穿衣打扮,看到美丽的衣装自然就想多看几眼,很可能网页因为配色的原因而导致访客打开网页后直接关闭此网站.如果把一个网站比作生命,那么色彩就是网站的灵魂,而布局就是这个网站的骨骼,所以说配色的好坏,对网页的整体美观效果,起到及其重要的作用.

二、网页配色原则与技巧

1.网页配色原则

（1）网页配色的整体性

色彩的整体性,就是页面上各部分的色彩从色调和比例上都有自己的角色,主色,辅助色,点睛色,背景色一起组合成有节奏的韵律,和谐统一的色彩关系.网页通常根据页面内容和主题进行选择,注意色彩的相互衬托关系和各种对比因素,当感觉搭配不舒服时,可利用黑白灰在里面起到辅助协调作用.

（2）网页配色的适用性

色彩的适用性,是指根据网站类型选择合适的色彩,使内容与形式相统一,符合人们固有的认知习惯.设计师接到一个网站项目,首先就要思考用怎样的色彩来表达网页的信息,客户或者上司也许不会与设计师讨论框架、导航,但是一定会和你讨论色彩,因为色彩是大众的情感表达方式.

（3）网页配色的独特性

在尊循上面两个原则的基础上,在实际运用中,网页设计要有独特的个性,大胆突破,避免与其他网站雷同.在不脱离适用性的前提下,多做尝试,让色彩的独特性充分发挥魅力,在同类网站中脱颖而出,使网站达到更好的宣传效果.

（4）网页配色的艺术性

艺术来源于生活,同时高于生活.但是,人们每天面对十几个网页.如果设计的网页想脱颖而出,吸引住浏览者的注意力,除了独特性,还要有一定的艺术性.因为独特的东西可能只是刹那间的触动,而具有艺术感染力的作品,才能持续的打动浏览者,从而引起其兴趣.

2.网页配色技巧

（1）使用一种色彩.

所谓使用一种色彩,并不是指就是用同一个色彩,而是说使用同一色相的颜色.其方法是选定某个色相的色彩,然后通过调整其明度或者饱和度,从而产生更多的色彩.

（2）使用两种色彩

使用配色对比效果强烈的两种色彩,需要设计师注意的是要处理好这两个色彩的关系,使其协调.例如,可以使用其中一个色彩作为主色,另一个色彩为辅助色.有时候直接使用两种对比色,并处理好两者的面积等关系,也是一种好的尝试.

（3）使用一种色系

简单地说,使用一种色系就是用一个感觉的色彩.比如,淡蓝色、淡、淡绿色或者土、土灰色、土蓝色.确定色彩的方法各异,但是要能够放在一起协调搭配,轻重相宜.

此外,在实际的网站配色中,黑色还可以与其他颜色进行有机的融合,进而呈现出不同的效果,黑色与不同的颜色进行了搭配,根据整个网站配色的需求,黑色所占的比重也略有不同,但是从视觉感官中,不同的颜色都能和黑色有机地融合在一起,成为一个和谐的整体.

以上几种搭配,虽然网页展示的内容不同,但是从效果上都是很优秀的黑色搭配的典范网页.通过多对比和学习,便能很快掌握黑色与其他另一种颜色的配色技巧和妙处.另外,在网页的设计过程中,还是要遵守尽量少用颜色的原则,最好把色彩控制在三种以内.这样,一方面是使得浏览者阅读起来不费力,另一方面是为了能让浏览者第一时间去注意那些有用的信息,而不是网页本身.

三、网页配色的应用.

使用红色为主色调的站点还是不少的,通常是一些有中国特色的传统网站或者是一些个性十足的网站.红色在网页中很多情况下都用于突出色彩.因为鲜艳的红色极易吸引人们的目光.高亮度的红色通过灰色、黑色等非彩色搭配使用,可以得到激进的效果.低亮度的红色给人冷静,沉重的感觉,可以营造出古典的氛围.红色和白色搭配,能体现出政治,纯粹.红色和深红色搭配,能体现出优雅,艺术感.

橙色是介于红色和的过渡色彩,虽然色相范围狭窄,但是在生活中比较常见,也是网页设计中常的颜色.橙色意向接近红色,但是比红色暖和.橙色与相似色搭配给人热情、兴奋的感觉.橙色和橘红色搭配给人温馨、温暖的感觉.

3.系配色

是明亮感最强的色彩,辨识率很高.的色相值稍微偏差一点,人们会察觉出色彩的橙色成分和绿色成分.因此,可供选择的范围比较狭窄.但是在设计中经常使用,和蓝、红色搭配体现阳光、活泼.和褐色搭配体现稳重、直接.和黑、灰色搭配体现自信、诚挚.

4.绿色系配色

从RGB色彩空间来看,可以被认知为绿色的数量比较多.EGB色彩空间中的正绿色,如果明度较高会特别刺眼,而明度较低又给人以阴森的感觉.因此在网页设计上很少被大面积使用.青绿色由于和青色非常接近,在后面随青色相进行分析,黄绿色是绿色中最适于大面积使用的色彩.绿色刺激性较小,冷暖适中,是大自然的色彩.给人以安全,舒适的感觉,是网页设计上的常用色彩,但是正如前面所提到的,正绿色不宜在网页中大面积铺用.绿色和蓝色搭配体现阳光、活泼.绿色和同色系搭配体现新生、可靠.

5.蓝色系配色

蓝色是天空,大海的颜色,人们对蓝色的印象深刻,感情深厚,因此蓝色在RGB空间中有着宽广的识别范围,在网页设计中是最流行的色彩.蓝色是偏冷的色彩,稍有强烈的刺激,多数时候给人以良好的感觉.综合以上特质,蓝色往往给人以专业,科技的感觉.因此,蓝色被普遍应用到企业网站和专业网站当中.蓝色和绿色搭配体现你高雅、聪慧.蓝色和黑、玫红色搭配体现轻柔、聪慧.

6.紫色系配色

紫色处于蓝色相和红色相之间.我们可以根据感觉、经验,将这段色相范围再分为两类,离蓝近的叫蓝紫色,离红最近的叫品红色.正紫色的色相值是300°,即品红色的色相.紫色和同色系搭配体现高雅、魅力.紫色和红色搭配体现庄严、清雅.紫色和褐色搭配体现含蓄、优雅.

7.黑色系配色

黑色是全色相,即饱和度和亮度均为0的无彩色.大面积使用黑色比较消极,却能较好的地衬托其他色彩.黑色给人的感觉是深夜、死亡、罪恶、恐怖、沉默、绝望、悲哀、严肃、刚正、坚毅、鲁莽等.

8、白色系配色

白色物理亮度最高,但是给人的感觉却偏冷.作为生活中纸和墙的色彩,白色是最常用的网页背景色,在白色的衬托下,大多数色彩都能取得良好的表现效果.白色给人的感觉是洁白、明快、纯粹、神圣、光明等.设计时也应该注意以下几点.白色有一定的导致疲劳的作用,作为文字背景未必是最佳色彩.白色系配色越简单表达越清晰,因此这样的页面是最具风格化的.

总之,能熟练掌握和运用好网页的配色知识,对网页设计师至关重要,也是设计出优秀网页的必然条件.