浅谈网页设计与配色之和谐化设计

罗永有 吴永慧

[摘要]在当今我们构建和谐社会的同时,对文化精神的要求逐渐苛刻,对于为大众服务的设计行业提出更残酷的挑战。网页设计是一门新兴的设计类和网络的交叉学科,它本身以网络为载体,把各种信息以最快捷、方便的方式传达给大众。

[关键词]和谐化设计创新性审美性功能性经济性

中图分类号:TP3文献标识码:A文章编号:1671-7597(2009)1120043-01

一、和谐及和谐设计的定义

所谓的和谐,从字面上可定义为融洽、调和。如:音调和谐,和谐的气氛。无论是西方还是中方提出的理念,都可以定义为和谐是指对自然和人类社会变化、发展规律的认识,是人们所追求的美好事物和处事的价值观、方法论。而和谐社会:是指一种美好的社会状态和一种美好的社会理想,即“形成全体人们各尽其能、各得其所而又和谐相处的社会”。

二、网页设计与配色之和谐化设计

网页设计是一种特殊的视觉设计,它对色彩的依赖性很高。色彩在网页上是“看得见”的视觉元素,它是人们视觉最敏感的东西,也是网站风格设计的决定性因素之一。网页配色很重要,网页颜色搭配得是否合理直接影响访问者的情绪。恰当的色彩搭配会给访问者带来很强的视觉冲击力。既然网页的色彩是树立网站形象的关键之一,色彩搭配却是很多设计者感到头疼的问题。面对着网页的背景、文字、图标、边框、超链接……,应该采用什么样的色彩?应该搭配什么色彩才能最好的表达出预想的内涵呢?在这里浅谈一些心得:

(一)首先我们要了解配色。为了能更好地应用色彩来设计网页,我们还是先来了解一下色彩的一些基本概念。自然界中有很多种色彩,比如草是绿色的,大海是蓝色的,桔子是橙色的……,但是最基本的有三种(红,黄,蓝),其它的色彩都可以由这三种色彩调和而成。我们简称这三种色彩为“三原色”。

现实生活中的色彩可以分为彩色和非彩色。其中黑白灰属于非彩色系列。其它的色彩都属于彩色。任何一种彩色具备三个特征:色相,明度和纯度。其中非彩色只有明度属性。

网页制作到底是用彩色还是非彩色好呢?根据专业的研究机构研究表明:彩色的记忆效果是黑白的3.5倍。在一般情况下,彩色页面较黑白页面更加吸引人。我们通常的做法是:主要内容文字用非彩色(黑色),边框,背景,图片用彩色。这样页面整体不单调,看主要内容也不会眼花。

简单来说,配色就是将颜色摆放在适当的位置,做一个最好的安排。色彩是通过人的印象或者联想来产生心理上的影响,而配色的作用就是通过改变页面视觉氛围来满足大众的各方面的要求。配色主要有两种方式:一是通过色彩的色相、明度、纯度的对比来控制视觉刺激。二是通过心理层面感观传达,间接性地改变颜色,从而达到配色的效果。

在色彩上的选用,要注意颜色的相近色、互补色与冷暖色之间的和谐使用,使之页面色彩均衡,网站让人看上去舒适,协调,除了文字,图片等内容的合理排版,色彩的均衡也是相当重要的一个部分。

(二)色彩的作用。色彩在人们的生活中都是有丰富的感情和寓意的。如红色是最具有视觉冲击力的色彩、暗示速度和动态;可以刺激心跳速度、加快呼吸、刺激食欲;可以联想到喜庆等元素。白色联想到纯洁、简洁;紫色象征着女性化、高雅、浪漫;蓝色象征高科技、稳重、理智;橙色能促进食欲;橙色的页面代表了友善,给人愉快、能促使人思考;橙色能够用来强化视觉,这就是为什么海滩救生员的救生服采用橙色的原因;绿色是所有色彩中最能让人的眼睛放松的色彩;绿色对人的精神有镇静和恢复的功效,通常在医院中让病人放松;通常绿色的意义是“通行”,还有秩序的意义;绿色可以促进消化,还可以减轻胃痛。当然不是说某种色彩一定代表了什么含义。

(三)色彩的运用。要说色彩的运用,还是先浅谈下万能色——黑白灰色彩,可以跟任意一种色彩搭配。当我们为某种色彩的搭配苦恼的时候,不防试试用黑白灰。当我们觉得两种色彩的搭配不协调,可以尝试加入黑色,或灰色,或许会有意想不到的效果哦。对一些明度较高的网站,配以黑色,可以适当地降低其明度。白色是网站用的最普遍的一种颜色。

(四)确定网站的主题色。网站的分类多种多样,有公司、政府、企事业单位、娱乐、购物等等,一个网站不可能单一的运用一种颜色,那样会让人感觉单调,乏味;但是也不可能将所有的颜色都运用到网站中,让人感觉轻浮,花俏。一个好的网站必须有一种或两种主题色,不至于让客户迷失方向,也不会感觉单调,乏味。所以确定网站的主题色也是设计者必须考虑的问题之一。

我们在设计一个页面尽量不要超过4种色彩,用太多的色彩让人迷失方向,没有侧重。在设计中不仅要结合人的个性与共性、心理与生理等各种因素,还要充分考虑到设计色彩的功能与作用。

(五)网站风格与色彩设计的搭配。在我们了解了色彩的一些基本概念及色彩的一些搭配问题,可是真正具体运用到网页中,各要素的色彩又是如何搭配的呢?

1.网页标题。网页标题可以简单来说它就像一个门牌,浏览者要了解一个网站的结构与内容,都必须通过导航或者页面中的一些小标题。

2.网页链接。一个网站不可能只是单一的一页,所以文字与图片的链接是网站中不可缺少的一部分。在这里要使链接区别于文字,可以在设计链接的颜色,让它跟文字的颜色有所区别。

3.网页文字。如果一个的网站侧重的是文字,所以背景可以选择纯度或者明度较低的色彩,文字用较为突出的亮色。让人一目了然。当然,如果我们想让读者对该网站有深刻的印象,也可以在背景上进行色彩设计,如在一个空白的页某个地方用一个亮度高的色块。

4.网页标志。在网页元素中有各种各样的图标,包括独立的按钮、导航图标,还有网站识别LOGO和友情LOGO。为了更明显的区分这些图标,突出我们的主题,可以将LOGO和BANNER做的鲜亮一些,也就是色彩方面跟网页的主题色分离开来。有时候为了更突出,可以考虑采用与主题色相反的颜色。

在平面设计中,视觉传达主要依赖于二维空间的视觉元素和这些元素的组合构成方式,网俄设计也运用了平面设计的基本视觉元素来达到信息和审美的目的。这些视觉元素就包括了文字、图像、版面布局与色彩。视觉元素及其相互之间的组合构成方式是网页设计增强传递信息和符合视觉审美规律的基本要求。同时要满足大众的需求心理及视觉需求。在设计过程中网页设计与配色使之整体协调,这就要求我们在考虑各元素时候要使之互相和谐化设计。

参考文献:

[1]王巍,图形艺术在网页设计中的应用[J].电影评介,2007(04).

[2]于吉震、杜立君、赵甫,谈网页设计中技术和艺术的整合[J].电脑知识与技术(学术交流),2007(06).

[3]唐一鹏,美学原理在网页设计中的应用[J].福建信息技术教育,2006(01).