成功的网页设计=艺术的总体把握

开篇：润墨网以专业的文秘视角，为您筛选了一篇成功的网页设计=艺术的总体把握范文，如需获取更多写作素材，在线客服老师一对一协助。欢迎您的阅读与分享！

摘要: 网页设计是现代科学高技术下的一门由艺术与信息载体相结合的设计艺术。本文就如何设计出成功的网页作品,提出了风格的统一和独特的创意及表现角度的协调统一两大主题,并详细分析归类具体到色调的统一,结构的统一,标识符号和宣传标语的统一。

关键词: 网页设计类型原则发展趋势

一、网页设计的类型

门户网站、专业网站、企业网站、个人网站是当前互联网网页的四种类型。

(一)门户网站的侧重点在于其功能性

门户网站,是目前发展最成熟的类型。像新浪、网易、雅虎等,我们从一开始接触互联网就是通过这些门户网站来认识Internet的。可以说,门户网站是随着Internet的发展而不断发展、完善的。门户网站的特点是信息内容庞大,用户群多且层次不一,同时它又能提供很多功能性强的服务,带有一定的普及性。因此,门户网站的设计要点在于它的整体风格与定位的协调和准确性。比如我们在设计网页时要注意目录和链接结构,网络的传输速度,尽量少用较大的素材,是否支持各种各样的浏览器,必须有很常见的搜索功能,等等。

(二)专业网站的侧重点在于其功能性和设计上的结合

专业网站的信息内容定位很专一,针对性很强,像财经类、音乐、游戏、拍卖、女性网站等。它们的共同特点是在和其行业特征紧密联系,同时还考虑到其客户群的喜好。像易趣、太平洋、点击动漫网等,在设计上表现出其独特的风格定位,在功能上又便于操作。专业网站的设计着眼于找到性能、表现和感染力之间的一个平衡点。

(三)企业网站的侧重点在于其独具一格

每一个企业都有自己的产品服务、历史背景、文化底蕴和经营理念等,反映在网页上自然也各不相同。浏览可口可乐公司网站的人一定会被它的主页所吸引,漂亮的色彩,直观的画面,动感的水珠,以及巧妙运用的交互式技术,既满足了人们视觉上的享受,又体现了一种艺术与科学的完美结合。

(四)个人网站的出现使得网页设计变得更加丰富多彩

在崇尚个性的今天,Internet着实起到了助推器的作用。拥有自己的网站成了青年一代表现自我的首选。这其中不乏优秀之作,很多设计新颖独特、构思巧妙,像闪客小屋、饿人谷、快乐岛等。

二、如何设计出成功的网页

成功的设计作品一般都很艺术化。但艺术只是设计的手段,而并非设计的任务,设计的任务是要实现客户的意图并创造美。

艺术是自我的,而设计是一种审美活动,是艺术和客户之间的一种商业行为,它需要更多的与公众产生共鸣的东西,也就是说,设计者要在自我对某种事物的独特想法或感受和客户的需求之间寻找一个平衡点。一个好的作品往往能产生共鸣,受到大众的认可。

一个好的网站,和实体公司一样,也需要整体形象的包装和设计。确定网站的整体风格,运用统一的标志、色彩、字体、标语,是一个网站树立自己网站形象的关键。设计者再结合绝妙的创意设计,对网站的宣传推广会起到锦上添花的作用。

此外,一个好的网页也体现出点线面、图形和光效应的完美结合。

(一)网站的风格一定要统一

美学中有个规律:统一中产生变化。先统一再变化,因此第一要素就是统一,无论什么类型的站点设计,都应注重这一点:“风格一定要统一”。

所谓的“风格统一”,大至有三种。

1.色调的统一

不同的色彩搭配产生不同的效果,并可能影响到访问者的情绪。色彩对人的视觉、心理的冲击和震撼是我们无法抗拒的。

色彩代表了不同的情感,有着不同的象征含义。这些象征含义是人们思想交流当中的一个复杂问题,它因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、、生活环境、性别差异而有所不同。

单纯的颜色和不同的颜色搭配,所表现出来的效果会不同。比如绿色和金黄、淡白搭配,可以产生优雅、舒适的气氛;蓝色和白色混合,能体现柔顺、淡雅、浪漫的气氛;红色和黄色、金色搭配,能渲染喜庆的气氛;而金色和粟色的搭配,则会给人带来暖意。设计的任务不同,配色方案也应随之不同。

同样,人们对网站的第一印象也来自视觉冲击,有时人们只从它的色彩上就能判断出其所要表现的行业区域或特征,所以设计者准确定位网站的色彩是相当重要的一步。另外,设计者结合一些恰到好处的图形,能起到锦上添花的效果。

纵观国内外的一些优秀的网站,我们会发现它们都有一个主基调,在此基础上有一种或两种相对应变化的颜色,或是对比色调,亦或是协调色调。

例如:同样是设计医疗健康网站,如侧重点是医疗卫生,那么设计者可以选用较冷的兰色作为主基调:而当侧重点放在了健康方面,那么设计者选用绿色则更为合适。

网页中如运用太多的主色块和到处都是动画会让人眼花缭乱,产生整体不统一的感觉。

2.结构的统一

不论是门户类型的网站还是企业类型的网站,都应该采用统一的结构形式。设计者借助先进的软件、运用统一的结构将网站的内容进行规划,然后运用模板的方法将企业的标志、代表人物、标准色彩、标题、字体、符号、口号、广告的位置和连接的方式及搜索功能等作标准的结构定位,使整个站点在固有的结构内进行有序的变化。通俗地说,就是在有限的空间里作无限的变化。像这样的网站有新浪、索易、赛迪、263新闻频道等。

3.标识符号和宣传标语的统一

一个好的站点,访问者往往通过页面的颜色、图形、结构、标志,甚至统一后的一些文字和文字的联接方式、小图标等就能明确分辨出网站的与众不同。

宣传标语可以说是网站的精神、网站的目标,例如:诺基亚的“科技以人为本”、263的“中国人的网上家园”。设计者将网站的宣传标语、版权信息、联系方式,以及客户服务电话放在网站上,这是一个宣传企业文化的绝好方式。

总之,准确树立网站的风格,使整个网站得以脱颖而出,是成功设计一个网站的第一步。

(二)独特的创意和表现角度的协调统一

一个好的网站有了整体的风格定位之后,还要有独特的创意来打动访问者,这就是所说的“统一中产生变化”中的变化。所以网站设计者要在自我的对某种事物的独特想法或感受和客户的需求之间找到这一平衡点,创意既要新颖独特,又要和所表现的事物相符。独特的创意对好的设计有着决定性的作用,巧妙地运用恰到好处的图形也能起到“此处无声胜有声”的效果。

在网页设计中,设计者主要通过视觉传达来表现主题。在视觉传达中,造型是很重要的一个元素。抛开是图还是文字的问题,画面上的所有元素可以统一作为画面的基本构成要素点、线、面来进行处理。一个成功的作品,是需要点、线、面的共同组合与搭配来构造的。

通常设计者可以使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、交叉、节奏、韵律、归纳、变异、特写、反射等,它们都有各自的特点。设计者应根据具体情况,选择最适合的表现手法,这样有利于主题的表现。如通过点、线、面的组合,可以突出页面上的重要元素、设计的主题,增强美感,让访问者在感受美的过程中领会设计的主题。

综上所述,我们很容易得出一个结论:风格统一+好的创意+好的图形图像+合成网页的数字技术=优秀的网页设计。

三、网页设计的原则

设计是有原则的,无论使用何种手法对画面中的元素进行组合,设计者都一定要遵循五个大的原则:统一、连贯、分割、对比、和谐。

统一,是指设计作品的整体性,一致性。设计作品的整体效果是至关重要的,设计者在设计中切勿将各组成部分孤立分散,那样会使画面呈现出一种枝蔓纷杂的凌乱效果。

连贯,是指要注意页面的相互关系。在设计中设计者应利用各组成部分在内容上的内在联系和表现形式上的相互呼应,并注意整个页面设计风格的一致性,实现视觉上和心理上的连贯,使整个页面设计的各个部分极为融洽,犹如一气呵成。

分割,是指将页面分成若干小块,小块之间有视觉上的不同,这样可以使访问者一目了然。在信息量很多时为使访问者能够看清楚,就要注意将画面进行有效的分割。分割不仅是表现形式的需要,而且是对于页面内容的一种分类归纳。

对比,是指通过矛盾和冲突,使设计更加富有生气。对比手法很多,例如:多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等。设计者在使用对比的时候应慎重,对比过强容易破坏美感,影响统一。

和谐就是指整个页面符合美的法则,浑然一体。如果一件设计作品仅仅是色彩、形状、线条等的随意混合,那么作品将不但没有“生命感”,而且根本无法实现视觉设计的传达功能。和谐不仅要看结构形式,而且要看作品所形成的视觉效果与人的视觉感受形成一种沟通,产生心灵的共鸣,这是设计成功的关键。

四、网页设计的发展趋势

网络是一种实用工具,网页是信息传播的载体。随着多媒体技术的发展和运用,这种信息载体的多元化丰富了以前单一的网页设计格式。

结合多媒体技术和交互性的网页越来越受到人们的喜爱。当然,多媒体的网页设计除了要满足访问者视觉和表现上的审美以外,还要注意访问者听觉上的感受。设计者应准确定位、创意新颖、文字独特、色彩明快,应注意光效应和三维动画的应用,等等。这样能使网页更加绚丽多彩、前卫而令人耳目一新。

展望网页设计的发展趋势,紧密跟踪每一次技术发展的步伐,将新思维与更新的视觉要求与美学思想的转变结合起来,是网页设计跳跃式发展的大势所趋。

参考文献:

[1]Jie Lin.关于美学的专题――网站中的统一变化.包装世界杂志,2002.

[2]Lola Peng.谈网页设计.设计思考,2001.

[3]汤茂建.怎样设计网页.学习・出师・腾飞,2002.