网页设计研究

第24卷3期南平师专学报Vol. 24 No. 32005年7月.JOURNAL OF NANPING TEACHERS COLLEGE .July. 2005网页设计研究孙迎春(南平师范高等专科学校艺术系，福建武夷山354300)摘要本文将网页艺术设计与其他艺术设计形式进行比较,尝试从网页艺术设计的内容、原则和特点等三个方面，对这个新的艺术设计领域进行初步的归纳总结和理论探讨。关键词交互性持续性多维性综合性中图分类号: 1P393.092文献标识码: A文章编号: 1008- 5963(2005)03 - 0165 - 04Study on Webpage DesignSUN Yingchun(An Department of Nanping Teachers College, Wuyishan, Fujian 354300)Abstract The aricle sunmarizes and systematicallyl discusses the content, priciple and feature o webpage art designing. It also cm-Pares webpage art designing with other types of art designing.Key words interactive durative multidimensional integrative随着时代的发展,网站建设越来越接近于一门实际上,它不仅是一种技能,更是艺术与技术的高艺术而不仅仅是一项技术。网页的艺术设计,日益.度统一。被网站建设者所注重。在目前国内对此领域研究一、网页艺术设计的内容甚少的情况下，本文将网页艺术设计与其他艺术设设计活动中包含耆主观和客观两方面的因素,计形式进行比较,尝试从网页艺术设计的内容、原在确立了网页主题之后,首先要明确和熟悉设计的则和特点等三个方面,对这个新的艺术设计领域进对象和构成的要素。网页艺术设计涉及的具体内.行初步的归纳总结和理论探讨。网页艺术设计是容很多,可以概括为视听元素和版式设计两个方艺术与技术的高度统-,本文指出网页艺术设计包面。含视听元素与版式设计两项内容;以主题鲜明、形1.视听元素式与内容相统--.、强调整体为设计原则;具有交互这里所说的视听元素,主要包括:文本、背景、性与持续性、多维性、综合性、版式的不可控性、艺按钮、图标、图像、表格、颜色、导航工具、背景音乐、术与技术结合的紧密性等五个特点。在明确了网动态影像等。无论是文字、图形、动画,还是音频、页艺术设计与网站主题的关系的基础上,提出了视频,网页设计者所要考虑的是如何以感人的形式“美"和“功能”都是为了更好地表达网站主题这一把它们放进页面这个“大画布” 里。多媒体技术的观点。运用大大丰富了网页艺术设计的表现力。网页艺术设计是伴随着计算机互联网络的产以上各视听元素大多数浏览器本身都可以显生而形成的视听设计新课题，是网页设计者以所处示或收听,无需任何外部程序或模块支持。比如，时代所能获取的技术和艺术经验为基础,依照设计大部分浏览器都可以显示GIF、JPEG图形和GIF动目的和要求自觉地对网页的构成元素进行艺术规画。还有些多媒体文件(如MP3音乐)需要先下载划的创造性思维活动,必然要成为设计艺术的重要到本地硬盘上,然后启动相应的外部程序来播放。组成部分,并随着网络技术的发展而发展。表面上另外，在浏览器使甩插件可以播放更多格式的多媒看,它不过是关于网页版式编排的技巧与方法,而体文件中国煤化工元素在网页艺YHCNMHG收稿日期:2005 -04- 15作者简介:孙迎春(1977-),女,汉族,助教,主要研究方向:网页设计。-165-南平师专学报2005 年第3期术设计中的综合运用越来越广泛,使浏览者可以享行条理性处理,使之符合浏览者获取信息的心理需受到更加完美的视听效果。这些新技术的出现,也求和逻辑方式,让浏览者快速地理解和吸收;另一对网页的艺术设计提出了更高的要求。方面通过对网页构成元素运用艺术的形式美法则2、版式设计进行条理性地处理,更好地营造符合设计目的的视网页的版式设计同报刊杂志等平面媒体的版觉环境,突出主题,增强浏览者对网页的注意力,增式设计有很多共同之处,它在网页的艺术设计中占进了对网页内容的理解。只有两个方面有机地统据着重要的地位。所谓网页的版式设计,是在有限一,才能实现最佳的主题诉求效果。的屏幕空间上将视听多媒体元素进行有机的排列优秀的网页设计必然服务于网站的主题，就是.组合,将理性思维个性化的表现出来,是一种具有说,什么样的网站,应该有什么样的设计。例如,设个人风格和艺术特色的视听传达方式。它在传达计类的个人站点与商业站点性质不同，目的也不.信息的同时,也产生感官上的美感和精神上的享同,所以评论的标准也不同。网页艺术设计与网站受。但网页的排版与书籍杂志的排版又有很多差主题的关系应该是这样:首 先,设计是为主题服务异。印刷品都有固定的规格尺寸,网页则不然,它.的;其次,设计是艺术和技术结合的产物,就是说，的尺寸是由读者来控制的。这使网页设计者不能即要“美",又要实现“功能”;最后,“美"和“功能”都精确控制页面上每个元素的尺寸和位置。而且,网是为了更好地表达主题。当然, 有些情况下,“功页的组织结构不像印刷品那样为线性组合,这给网能”即是“主题”,还有些情况下,“美"即是主题。例页的版式设计带来了一定的难度。如,雅虎作为一个搜索引擎,首先要实现“搜索”的二、网页艺术设计的原则“功能"。它的主题即是它的“功能”。而一个个人网页作为传播信息的一种载体,同其他出版物网站,可以只体现作者的设计思想,或者仅仅以设如报纸、杂志等在设计上有许多共同之处,也要遵计 出“美”的网页为目的。它的主题只有一个,就是循些设计的基本原则。但是,由于表现形式、运一一美。行方式和社会功能的不同,网页设计又有其自身的只注重主题思想的条理性而忽视网页构成元特殊规律。网页的艺术设计,是技术与艺术的结素空间关系的形式美组合,或者只重枧网页形式上合,内容与形式的统- -。 它要求设计者必须掌握以的条理而淡化主题思想的逻辑,都将削弱网页主题下三个主要原则:的最佳诉求效果,难以吸引浏览者的注意力,出现.1、主题鲜明平庸的网页设计或使网页设计以失败而告终。视觉设计表达的是- -定的意图和要求,有明确要使网页从形式上获得良好的诱导力,鲜明地的主题,并按照视觉心理规律和形式将主题主动地突出诉求主题，具体可以通过对网页的空间层次、传达给观赏者。诉求的目的,是使主题在适当的环主从关系 、视觉秩序及彼此间的逻辑性的把握运用境里被人们即时地理解和接受,以满足人们的实用.来达到。和需求,这就要求视觉设计不但要单纯、简练清晰2、形式与内容统一和精确,而且在强调艺术性的同时,更应该注重通任何设计都有-定的内容和形式。内容是构过独特的风格和强烈的视觉冲击力,来鲜明地突出成设计的一切内在要素的总和,是设计存在的基设计主题。础,被称为“设计的灵魂”;形式是构成内容诸要素根据认知心理学的理论,大多数人在短期记忆的内部结构或内容的外部表现方式。设计的内容中只能同时把握4到7条分立的信息,而对多于7就是指它的主题、形象题材等要索的总和,形式就条的分立信息或者不分立的信息容易产生记忆上是它的结构、风格或设计语言等表现方式。内容决的模糊或遗忘,概括起来就是:较小而分立的信息定形式,形式反作用于内容。一个优秀的设计必定.要比较长而不分立的信息更为有效和容易浏览。是形式对内容的完美表现。正如黑格尔所说:“工这个规律蕴含在人们寻找信息和使用信息的实践艺的美就不在于要求实用品的外部造型、色彩、纹活动中,它要求视觉设计者的设计活动必须自觉地样中国煤化工“使其外部形式传学握和遵从。作为视觉设计范畴-种的网页艺术设计,其最物质达MHC N M H G活的有关环境。”调、风尚、趣味,使终目的是达到最佳的主题诉求效果。这种效果的方面，网页设计所追求的形式美,必须适合取得,一方面通过对网页主题思想运用逻辑规律进主题的需要,这是网页设计的前提。只讲花哨的表.-166一孙迎春:网页设计研究现形式以及过于强调“独特的设计风格”而脱离内.是“多变”基础上的整体。容,或者只求内容而缺乏艺术的表现,网页设计都三、网页艺术设计的特点会变的空洞而无力。设计者只有将二者有机地统.1、交互性与持续性-起来,深入领会主题的精髓,再融合自己的思想网页不同于传统媒体之处,就在于信息的动态感情,找到一个完美的表现形式,才能体现出网页更新和即时交互性。即时的交互性是Web成为热.设计独具的分量和特有的价值。另一方面,要确保点的主要原因,也是网页设计时必须考虑的问题。网页上的每一个元素都有存在的必要性,不要为了传统媒体(如广播、电视节目、报刊杂志等)都以线炫耀而使用冗余的技术。那样得到的效果可能会.性方式提供信息,即按照信息提供者的感觉、体验.适得其反。只有通过认真设计和充分的考虑来实和事先确定的格式来传播。而在Web环境下，人现全面的功能并体现美感才能实现形式与内容的们不再是一个传统媒体方式的被动接受者,而是以统一。一个主动参与者的身份加入到信息的加工处理和网页具有多屏、分页、嵌套等特性,设计者可以发布之中。这种持续的交互,使网页艺术设计不像对其进行形式上的适当变化以达到多变性处理效印刷品设计那样,发表之后就意味着设计的结束。果,丰富整个网页的形式美。这就要求设计者在注网页设计人员必须根据网站各个阶段的经营目标,意单个页面形式与内容统一的同时,更不能忽视同配合网站不同时期的经营策略,以及用户的反馈信-一主题下多个分页面组成的整体网页的形式与整息,经常地对网页进行调整和修改。例如,为了保.体内容的统一。因此,在网页设计中必须注意形式持浏览者对网站的新鲜感,很多大型网站总是定期与内容的高度统一或不定期的进行改版,这就需要设计者在保持网站3、强调整体视觉形象一贯性的基础上,不断创作出新的网页设网页的整体性包括内容和形式上的整体性,这计作品。里主要研究设计形式上的整体性。2、多维性网页是传播信息的载体,它要表达的是一定的多维性源于超级链接,主要体现在网页设计中内容、主题和意念,在适当的时间和空间环境里为对导航的设计上。由于超级链接的出现,网页的组人们所理解和接受.它以满足人们的实用和需求为织结构更加丰富， 浏览者可以在各种主题之间自由目标。设计时强调其整体性,可以使浏览者更快跳转,从而打破了以前人们接收信息的线性方式。捷、更准确、更全面地认识它、掌握它,并给人一种例如， 可将页面的组织结构分为序列结构、层次结内部有机联系、外部和谐完整的美感。整体性也是构、网状结构、复合结构等。但页面之间的关系过体现一个站点独特风格的重要手段之一。于复杂,不仅使浏览者检索和查找信息增加了难网页的结构形式是由各种视昕要素组成的。度,也给设计者带来了更大的困难。为了让浏览者在设计网页时,强调页面各组成部分的共性因素或在网页上迅速找到所需的信息,设计者必须考虑快者使诸部分共同含有某种形式特征，是求得整体的捷而完善的导航设计。常用方法。这主要从版式、色彩、风格等方面入手。印刷品中导航问题不是那么突出，如果一个句例如:在版式上,将页面中各视觉要素作全面的考子在页尾突然终止,读者会很自然地翻到下一页查虑,以周密的组织和精确的定位来获得页面的秩序找剩余部分,为了帮助读者找到他们要找的信息,感,即使运用“散”的结构,也是经过深思熟虑之后出版者提供了目录、索引或脚注。如果文章从期刊的决定:一个站点通常只使用两到三种标准色,并中的 一页跳到后面的非顺序页时,读者会看到类似注意色彩搭配的和谐;对于分屏的长页面,不可设于“续68页"这样的指引语句。然而,作为一名网计完第一-屏再考虑下一屏。同样,整个网页内部的页设计者,你以前所学的导航技术没有一种完全适页面,都应统一规划,统一风格,让浏览者体会到设合于网页导航。在替浏览者考虑得很周到的网页计者完整的设计思想。中,导航提供了足够的、不同角度的链接,帮助读者从某种意义.上讲,强调网页结构形式的视觉鳖在网页勻浏览者现在所体性必然会牺牲灵活的多变性,“物极必反”就是这在的位TH中国煤化工刁的关系等。而.个道理。因此,在强调网页整体性设计的同时必须且,每页CNMH G戈链接,如果页注意:过于强调整体性可能会使网页呆板、沉闷,以面是按层次结构组织的,通常还有一个返回上级页致影响访问者的情趣和继续浏览的欲望。“整体”面的链接。 对于网页设计者来说，面对的不是按顺南平师专学报2005 年第3期序排列的印刷页面,而是自由分散的网页,因此必把所有这些问题归结为-点,即网页设计者无须考虑更多的问题。如:怎样构建合理的页面组织法控制页面在用户端的最终显示效果,但这也正是.结构,让浏览者对你提供的巨量信息感到条理?怎网页设计的吸引人之处。样建立包括站点索引、帮助页面、查询功能在内的，5、技术与艺术结合的紧密性导航系统?这一切从哪儿开始，到哪儿结束?设计是主观和客观共同作用的结果,是在自由3.多种媒体的综合性和不自由之间进行的,设计者不能超越自身已有经目前网页中使用的多媒体视听元素主要有文验和所处环境提供的客观条件限制,优秀设计者正字、图像、声音、视频等,随着网络带宽的增加、芯片是在掌握客观规律基础上得到了完全的自由,一种.处理速度的提高以及跨平台的多媒体文件格式的想象和创造的自由。网络技术主要表现为客观因推广，必将促使设计者综合运用多种媒体元素来设素,艺术创意主要表现为主观因素,网页设计者应计网页,以满足和丰富浏览者对网络信息传输质量该积极主动地掌握现有的各种网络技术规律,注重提出的更高要求。目前国内网页已经出现了模拟.技术和艺术紧密结合,这样才能穷尽技术之长,实三维的操作界面，在数据压缩技术的改进和流技术现艺术想象,满足浏览者对网页信息的高质量需的推动下，Intemet网上出现实时的音频和视频服求。例如,浏览者欣赏一段音乐或电影,以前必须务,典型的有在线音乐、在线广播、网上电影、网上先将这段音乐或电影下载回本地机器,然后使用相.直播等。因此,多种媒体的综合运用是网页艺术设应的程序来播放,由于音频或视频文件都比较大，计的特点之一,是网页的发展方向。需要较长的下载时间。流技术出现以后,网页设计4、版式的不可控性者充分、巧妙地应用此技术,让浏览者在下载过程网页版式设计与传统印刷版式设计有着极大中就可以欣赏这段音乐或电影,实现了实时的网上的差异:视频直播服务和在线欣赏音乐服务,无疑增强了页(1)印刷品设计者可以指定使用的纸张和油面传播信息的表现力和感染力。墨,而网页设计者却不能要求浏览者使用什么样的网络技术与艺术创意的紧密结合,使网页的艺电脑或浏览器;术设计由平面设计扩展到立体设计,由纯粹的视觉(2)网络正处于不断发展之中,不象印刷那样艺术扩展到空间听觉艺术,网页效果不再近似于书基本具备了成熟的印刷标准;籍或报刊杂志等印刷媒体,而更接近于电影或电视(3)网页设计过程中有关Web的每--件事都可的观赏效果。技术发展促进了技术与艺术的紧密.能随时发生变化。结合,把浏览者带入一个真正现实中的虚拟世界。这一切说明,网络应用尚处在发展之中,关于技术与艺术的紧密结合在网页艺术设计中体现得网络应用也很难在各个方面都制订出统一的标准，尤为突出。这必然导致网页版式设计的不可控制性。其具体.表现为:参考文献(1)网页页面会根据当前浏览器窗口大小自动.[1]0G杂志[J], 2004.3.格式化输出;[2]谢依君.电子报的新闻介面分析[M],2000..(2)网页的浏览者可以控制网页页面在浏览器[3]唐良瑞,蔡安妮,孙景鳌.从认知心理及人机界中的显示方式;面谈网页设计[M], 2000.(3)不同种类、版本的浏览器观察同一个网页[4]徐珂,苗彤,赵晖.网页视觉与设计[M].人民页面,效果会有所不同;邮电出版社,2001.(4)用户的浏览器工作环境不同,显示效果也[5]何苏六.网络媒体的策划与编辑[M].北京广会有所不同。橋学院出版社,2002.中国煤化工MYHCNMHG一168一