新闻资讯
新闻资讯
网站建设归纳
阅读:623更新时间:2011-02-22
网页设计是现代科学高技术下的一门由艺术与信息载体相结合的设计艺术。从分析目前互联网的四类主要的网页设计的功能性与设计开始,着眼于如何设计出成功的网页作品,探究网页设计的原则,并对未来网页设计的发展前景提出一番畅想,这即十分重要又有一定的现实意义。本文就如何设计出成功的网页作品,提出了风格的统一和独特的创意及表现角度的协调统一两大主题,并详细分析归类具体到色调的统一,结构的统一,标识符号和宣传标语的统一。
深入网页设计的核心问题,可以得出具体的结论:艺术设计风格的统一+好的创意+好的图形图象+合成网页的数字技术=优秀的网页设计。
第一章 网页设计的类型
门户网站、专业网站、企业网站、个人网站形成了当前互联网网页的四种类型。
1.1 门户网站建设的侧重点在于其功能性
门户网站,是目前发展的最成熟的类型。象新浪、163、yahoo等,我们从一开始接触互联网就是通过这些门户网站来认识Internet的,可以说,它是随着Internet的发展而不断发展、完善自己的。门户网站的特点是信息内容庞大,用户群多且层次不一,同时它又提供很多功能性的服务,带有一定的普及性。因此,门户网站的设计要点在于它的整体风格及定位上的协调和准确性。比如要注意目录结构和链接结构、网络的传输速度,较少用大型的图片和底图,是否支持各种各样的浏览器,必须有很常见的搜索功能等等。门户网站充分体现了网站是一种实用工具,一种信息传播的载体。
1.2 专业网站的侧重点则在于其功能性和设计上的结合
专业网站的信息内容定位很专一,针对性很强,象财经类、音乐、游戏、拍卖、女性站点等等。他们有一个共同特点就是在设计时一定要和其行业特征紧密联系,同时还要考虑到其客户群的喜好。象易趣、pconline、digibook等,在设计上表现出其独特的风格定位,在功能上又便于操作。专业网站的设计着眼于找到性能、表现和感染力之间的一个平衡点。
1.3 企业网站的侧重点在于其独具一格上
每一个企业都有自己的产品服务、历史背景、文化底蕴和经营理念等,反映在网页上自然也各不相同。看过可口可乐公司的网站人一定会被它的主页所吸引,漂亮的色彩,直观的画面,动感的水珠以及巧妙的运用交互式的技术,即满足了视觉上的审美,又体现了一种艺术与科学的完美结合。
1.4 个人网站的出现使得网页设计变的更加丰富多彩
在崇尚个性的今天,Internet着实起了推波助澜的作用。拥有自己的网站成了青年一带表现自我的首选。这其中不乏优秀之作,很多设计新颖独特、构思巧妙,象闪客小屋、饿人谷、快乐岛等等。
第二章 如何设计出成功的网页
在网页设计的认识上,许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件,就能搞好网页设计了。其实网页设计是一个感性思考与理性分析相结合的复杂的过程,它的方向取决于设计的任务,它的实现依赖于网页的制作。正所谓"功夫在诗外",网页设计中最重要的东西,并非在软件的应用上,而是在我们对网页设计的理解以及设计制作的水平上,在于我们自身的美感以及对页面的把握上。
成功的设计作品一般都很艺术化。但艺术只是设计的手段,而并非设计的任务。设计的任务是要实现设计者的意图,而并非创造美。
艺术是自我的,而设计是一种审美活动,是艺术和客户之间的一种商业行为,它需要更多的与公众产生共鸣的东西,也就是说,设计师要在自我的对某种事物的独特想法或感受和客户的需求之间寻找一个平衡点。一个好的作品往往能产生共鸣,受到大众的认可。
一个好的网站,和实体公司一样,也需要整体形象的包装和设计。确定网站的整体风格,运用统一的标志,色彩,字体,标语,是一个网站树立自己网站形象的关键;如果再结合绝妙的创意设计,那么对网站的宣传推广则起着锦上添花的作用。
在传统绘画中常常听到专业人士评价一幅画"大感觉不错…"。这里所说的"感觉"其实指的是画面的完整性;同样,一个好的网页也要体现出点线面、图形和光效应的完美结合。
2.1 网站的风格一定要统一
美学中有个规律,统一中产生变化,在网站设计中进行延展,可以得到这样几个要点。先统一再变化,因此第一要素就是统一,无论什么类型的站点,都应注重这一点:"风格一定要统一"。
所谓的"风格统一",大至有三种:
2.1.1 色调的统一
在我们的生活中随时都能看到各种各样的色彩,有热情奔放、象征生命之火的红色,华丽明快、给人食欲的橘黄色,年轻活泼、象征安宁和平的绿色,高贵庄重、富于神秘感的紫色,给人以达练沉稳的兰色,透着庄重的黑色,意味着和平与圣洁的白色等等……色彩是一种奇怪的东西,它是美丽而丰富的,它能唤起人类的心灵感知。不同的色彩搭配产生不同的效果,并可能影响到访问者的情绪。色彩对人的视觉、心理的冲击和震撼是我们无法抗拒的。
色彩代表了不同的情感,有着不同的象征含义。这些象征含义是人们思想交流当中的一个复杂问题,它因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。
单纯的颜色并没有实际的意义,和不同的颜色搭配,它所表现出来的效果也不同。比如绿色和金黄、淡白搭配,可以产生优雅,舒适的气氛。蓝色和白色混合,能体现柔顺、淡雅、浪漫的气氛。红色和黄色、金色的搭配能渲染喜庆的气氛。而金色和粟色的搭配则会给人带来暖意。设计的任务不同,配色方案也随之不同。
同样,网站的第一印象也来自视觉冲击,准确定位网站的色彩是相当重要的一步。一个好的作品或网站有时往往从它的色彩上就能判断出所要表现的行业区域或特征。其次,结合一些恰到好处的图形,则能起到锦上添花的效果。
纵观国内外的一些设计好的网站,会发现它都有一个主基调,在此基础上有一种或两种相对应变化的颜色,或是对比色调,亦或是协调色调;间或运用一些明亮的色彩来作为点缀和衬托,绝不会喧宾夺主。整个页面在视觉上是一个整体,给人以和谐、悦目的视觉效果。考虑到网页的适应性,应尽量使用网页安全色。当然,颜色的使用并没有一定的法则,如果一定要用某个法则去套,效果只会适得其反。
例如:同样是设计医疗健康网站,如侧重点是医疗卫生,那么可以选用较冷的兰色作为主基调,而当侧重点放在了健康方面,那么选用绿色则更为合适。看到这个网站的人很容易感受到自己进入到一个什么类型的网站。
同样,运用太多的主色块和到处都是动画则让人眼花缭乱,产生整体不统一的感觉,而这种感觉在国内的网页设计中非常之多。
2.1.2结构的统一
众所周知,不论是门户类型的网站还是企业类型的网站,都应该采用统一的结构形式,对其内容进行分类、规划,借助先进的软件、运用统一的结构将网站的内容进行规划,然后运用模板的方法将企业的标志、代表人物、标准色彩、标题、字体、符号、口号、广告的位置和连接的方式及搜索功能等做标准的结构定位,使其整个站点在固有的结构内进行有序的变化,通俗的说,就是在有限的空间里做无限的变化……象这样的网站有新浪、索易、赛迪网、263新闻频道等等。
2.1.3 标识符号和宣传标语的统一
一个好的站点,浏览者往往通过页面的颜色、图形、结构、标志,甚至统一后的一些文字及文字的联接方式、小图标等就能让浏览者明确分辨出你的网站是与众不同的。
宣传标语可以说是网站的精神,网站的目标,例如:诺基亚的"科技以人为本"、263的"中国人的网上家园"。将网站的宣传标语、版权信息、联系方式以及客户服务电话放在网站上,这是一个宣传自己企业文化的绝好方式。
总之,准确树立网站的风格,使整个网站得以脱颖而出,是成功设计一个网站的第一步。
2.2 独特的创意和表现角度的协调统一
一个好的网站有了整体的风格定位之后,还要有独特的创意来打动网民,这就是所说的"统一中产生变化"中的变化。
所以作为设计师要在自我的对某种事物的独特想法或感受和客户的需求之间找到这一平衡点,创意既要新颖独特,又要和所表现的事物相符。独特的创意对产生好的设计有着决定性的作用。巧妙运用恰到好处的图形也能起到"此处无声胜有声"的效果。
在网页设计中,我们主要通过视觉传达来表现主题。在视觉传达中,造型是很重要的一个元素。抛去是图还是文字的问题,画面上的所有元素可以统一作为画面的基本构成要素点、线、面来进行处理。在一幅成功的作品里,是需要点、线、面的共同组合与搭配来构造整个页面的。
通常我们可以使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、交叉、节奏、韵律、归纳、变异、特写、反射等等,它们都有各自的特点。在设计中应根据具体情况,选择最适合的表现手法,这样有利于主题的表现。
通过点、线、面的组合,可以突出页面上的重要元素,突出设计的主题,增强美感,让观者在感受美的过程中领会设计的主题,从而实现设计的任务。
综上所述,我们很容易得出一个结论:风格统一+好的创意+好的图形图象+合成网页的数字技术=优秀的网页设计。
第三章 设计的原则
设计是有原则的,无论使用何种手法对画面中的元素进行组合,都一定要遵循五个大的原则:统一、连贯、分割、对比及和谐。
统一,是指设计作品的整体性,一致性。设计作品的整体效果是至关重要的,在设计中切勿将各组成部分孤立分散,那样会使画面呈现出一种枝蔓纷杂的凌乱效果。
连贯,是指要注意页面的相互关系。设计中应利用各组成部分在内容上的内在联系和表现形式上的相互呼应,并注意整个页面设计风格的一致性,实现视觉上和心理上的连贯,使整个页面设计的各个部分极为融洽,犹如一气呵成。
分割,是指将页面分成若干小块,小块之间有视觉上的不同,这样可以使观者一目了然。在信息量很多时为使观者能够看清楚,就要注意到将画面进行有效的分割。分割不仅是表现形式的需要。换个角度来讲,分割也可以被视为对于页面内容的一种分类归纳。
对比就是通过矛盾和冲突,使设计更加富有生气。对比手法很多,例如:多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。在使用对比的时候应慎重,对比过强容易破坏美感,影响统一。
和谐是指整个页面符合美的法则,浑然一体。如果一件设计作品仅仅是色彩、形状、线条等的随意混合,那么作品将不但没有"生命感",而且也根本无法实现视觉设计的传达功能。和谐不仅要看结构形式,而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通,产生心灵的共鸣。这是设计能否成功的关键。
第四章 网页设计发展的趋势
我在文章开始就提到,网络是一种实用工具,网页是信息传播的载体。随着多媒体技术的发展和运用,这种信息载体的多元化丰富了以前单一的网页设计格式。
网页设计目前己具有全球性的发展趋势﹐一个双语或是多语的网页可以让企业轻松容易地将市场扩展到全世界。
结合多媒体技术和交互性的网页越来越受到人们的喜爱。
多媒体的网页设计除了要 满足视觉和表现上的审美以外,还要注意听觉上的感受。准确定位、创意新颖、文字独特、色彩明快、随心所欲的连接,注意光效应和三维动画的应用,还有能够打动人的音效……所有的这些,使得我们的网页将更加绚丽多彩、前卫而令人耳目一新。
说了这么多,也许没有面面具到,也许有些偏激,总而言之,不管网页设计将来会发展成什么样,网站终究是一种实用工具,一种信息内容的载体。而我们作为设计师,只有不断地注重自身的学习和发展,更新技术手段提高眼界素养,才不会落后于这个时代。