




版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
西北大学硕士学位论文Flash动画在网页设计中的互动性研究姓名:常海霞申请学位级别:硕士专业:美术学指导教师:庞永红20080609摘要题目:FIash动画在网页设计中的互动性研究专业:美术学摘要在网络迅猛发展的今天,各网站之间的竞争已相当的激烈,纷纷以浏览量来计算其业绩和受欢迎的程度,这就取决于访问者的光顾程度了。因此,网站与用户的互动很重要。本文的研究正是适应网络发展趋势和各网站竞争形势的要求,从互动性方面,对网页特别是网页中Flash动画的互动性做了分析与思考,希望总结出具备一定应用价值,又可供相关从业者们参考的提高网页动画互动性的设计理论。本文首先从研究对象的原理入手,阐述了网页中F1ash动画设计的基本原理及其应用,并对本文所要研究对象的范畴作了一个明确的界定。本文的重点是文章的第二部分和第三部分,通过分析网页设计中Flash动画的互动特性,作者从网页设计的功能和审美两个方面具体研究出一套更好的发挥网页设计中Flash动画互动性的设计理论及方法。并进一步阐明了在新的形势下,Flash动画互动性的延展性。作者通过调研生活中一些网民浏览网页时的互动感受,深刻体会到本研究的必要性。相信通过网页中Flash动画互动性的艺术设计,企业可以以更直接、更便捷的方式传达信息,浏览者可以怀着更加愉快的心情在这里进行信息的交流。只有充分体现互动性的网页设计,才能使网站在竞争中取胜,使企业获得更多的关注和支持。关键词:网页设计;Flash动画;网页动画;互动性Flash动画红网页设计中的互动住研究Subject:TheinteractiveresearchofFlashanimationinthedesignofWebSpecialty:FineArtsAbstractNowadays,internetdeveloprapidly,competitionbetweenthesiteshasbeenquiteintense,andtheyhavetocalculatethedegreeofpopularityandtheirperformancethroughtheAttractiveness,thisdependsTherefore.theinteractionbetweentheuserontheextentofthevisitors’patronage.andthewebsiteiSveryimportant.AdaptedtOthedevelopmenttrendsofthenetworkandcompetitionrequestintheWebonasite.thisthewebcertainstudyfromtheinteractiveside,analyseandthinkoftheinteractivenaturepageespeciallytheFlash,andhopethatsummedupthedesigntheorywithvalueandimprovedforweb’Spractitioners.interactionSOastoofferthereferencetorelatedThispaperdescribedthebasicprinciplesandapplicationofFlashanimationdesigninwebsitethroughstudyingtheprincipleatfirst,andthispapermadeonaclearlydefinedtothestudy’Sscope.ThispaperfocusesthesecondpartofthearticleandPartthree,byanalyzingtheinteractivefeaturesoftheFlashanimationinwebdesign,theauthorexcogitateasuitofthedesigntheoryandmethodsthatoncanbringintoplayabettersetofFIashanimationjnteractionaestheticwebdesignfromwebsitefunctionalanddesignthistwospecificaspects.AndsetforthmoretheF1ashanimationthenewsituation.theauthorprofoundlyrealizedthattheinteractivetractilityinappreciationfortheneedofthisstudybecauseoftheresearchinthelifeofsomeusers’interactivetaste.IntheWebexperience.authorbelievethatthroue,hinteractiveaartdesignoftheFIashanimationonthewebsite,corporationcanhavemoredirectandmoreconvenientwaytocommunicatewiththemoodinherefortheexchangefullyembodiedinteraction,websitecancaninformations,visitorscanbemorehappyofinformation.Thewebsitedesignonlybywininthecompetition,andthecorporationgetmoreattentionandsupport.Keywords:Web-Design;Flash-animation;Web-animation;Interactionll西北大学学位论文知识产权声明书本人完全了解西北大学关于收集、保存、使用学位论文的规定。学校有权保留并向国家有关部门或机构送交论文的复印件和电子版。本人允许论文被查阅和借阅。本人授权西北大学可以将本学位论文的全部或部分内容编入有关数据库进行检索,可以采用影印、缩印或扫描等复制手段保存和汇编本学位论文。同时授权中国科学技术信息研究所等机构将本学位论文收录到《中国学位论文全文数据库》或其它相关数据库。学位论文作者签名:摊指导教师签名:保密论文待解密后适用本声明。Z,一。8年6月弓日9多年∥月/。日西北大学学位论文独创性声明本人声明:所呈交的学位论文是本人在导师指导下进行的研究工作及取得的研究成果。据我所知,除了文中特别加以标注和致谢的地方外,本论文不包含其他人已经发表或撰写过的研究成果,也不包含为获得西北大学或其它教育机构的学位或证书而使用过的材料。与我一同工作的同志对本研究所做的任何贡献均已在论文中作了明确的说明并表示谢意。学位论文储签名历出熬D艿年6_月罗日引言引言1、命题的研究背景随着计算机网络技术的发明和应用的普及,使人类社会发生了巨大的变革,实现了由工业社会向信息社会的转变和由工业社会的物质文明向后工业社会的非物质文明的转化。以计算机、网络为特征的信息化社会改变了人们的生活方式,商业化的因播媒体,全球各企业、机构及个人纷纷利用互联网建立自己的Web站点并登陆到其他站点,获取和发布信息。由此,网站之间的竞争R趋激烈化,这正是网站中信息传达效率的竞争,而网站用来传达信息的方式的设计与规划则成为企业赢得竞争优势不得不考虑的网站建设要素。组成互联网的每个网站都是由诸多网页构成,所以,网页就成为网站信息最直接的传播媒介,网页的设计也就至关重要。网页设计分为前台设计和后台设计,本文重点研究的是网页的前台设计,即网页艺术设计,它是对画面各个元素(如文字、图片、动画、声音、视频等)的整体规划和有机组合过程,并赋予其韵律和艺术性。在网页互动特性的条件下,构成网页的多媒体动画Flash动画也受到人们的热烈欢迎,从网页到电视、手机无处不在,它的互动性则是2、命题的研究对象与研究目的网络和其他媒体的区别就在于互动性。网络的呈现方式…一网页,就必须要足够的体现互动特征。但要以如何的面目呈现给浏览者呢?不但网页的实用的关键因素就是Flash动画,它是在艺术形态上的互动,内容上的交流。因此,特网自二十世纪九十年代从美国崛起,爆炸式的发展至世界各地,成为新的传起到不可忽视的作用。如何在网页艺术设计中设计出具有良好互动性的Flash动画,将是一个值得研究的课题。性要好,就是艺术设计也成为吸引和留住浏览者的一把钥匙,而构成这一设计Flash动画在网页设计中的互动性研究在网页艺术设计中强调并研究Flash动画互动性的重要性及原则将是本课题的研究方向及写作目的。3、研究意义网页设计师从事网页设计的主要目的是为人服务,所以他必须考虑到人的全面需求,设计则要满足浏览者的精神需求和审美需求,需要从艺术中汲取审美要素,将审美要素应用于网页的视觉设计中,与浏览者产生情感的交流,真正达到好的互动。本文正是从艺术设计的视域对“Flash动画在网页设计中的互动性"展开分析,通过分析网页动画的互动特性,并从网页设计的功能和审美两个方面具体研究出一套更好的发挥网页设计中Flash动画互动性的设计理论及方法。因此,在现阶段,研究网页设计中Flash动画的互动性,对设计理沦的研究具有实用价值,对网页视觉设计的广泛实践需求有重要意义,其研究成果具有直接的实际应用价值。希望这将启示我国网页设计和Flash动画的爱好者们能够注意到当前的这个问题,携手做出更好的作品,赋予网页更多的情感和人性化特征,同时带动我国网页设计的整体水平,形成真正的交流传播平台。4、学术界对该命题的研究现状因为网络首先产生于国外,因此,网页艺术设计和Flash动画设计也是在西方国家提出来的,而且存在了很长的时间,发展至今天,已经有了一套很成熟的经验和理论。特别是西方一些国家和亚洲的日本和韩国对于网页和动画设计已经走在了行业的前端,目前市面上很多网页和动画设计模板就来源于这些国家。但在理论研究方面,网页设计的互动性原则比较少,Flash动画的互动性研究更加缺乏。当然有少量针对网页视觉风格设计的理论书籍问世,如韩国网页设计师崔美善曾编著有《设计师谈网页风格构成》和《设计师谈网页视觉特效》,后经我国翻译出版发行,但仍未谈到网页及动画的互动性设计。在国内,网络的发展时间还不太长,网页的视觉设计的重视程度虽然在提高,但大部分网页色彩斑斓,文字拥挤,看上去眼花缭乱,网页内容浩繁,图2引言象色彩艳丽,广告跳来跳去,又或者色彩上朴素大方了却又缺乏艺术美观性和趣味性。除了网页的艺术设计上的问题外,Flash动画的设计总体上发展的相对可观,但是大都以动画短片或以故事的形式出现,观看者除了能用播放器控制其的开始、暂停、停止以外,所能达到的互动少之又少,即使是看电影也不乏这些互动。因此,要充分发挥Flash动画的互动特性,将会是很值得关注的问题。在市面上网页和动画设计的书籍中,大部分是教授人如何学习网页设计软件及相关基础设计的,如《网页配色密码》、《网络动画设计》、《网页色彩与版式设计创意实战》等书籍;相对深层的理论研究也有,如((Flash技术还是艺术》,虽然有分析网页丰HFlash动画的“交互性"和“互动性",但仍缺乏对提高互动性设计方法和理论的研究;而一些相关网页和动画“互动性”设计的文章,却是把大量的精力投入到技术的层面,反而缺乏艺术设计方面的研究。因此,对网页设计中F1ash动画的互动性的研究,特别是在艺术设计层面上的探讨,还未引起足够的重视,系统理论还没有形成,所以还需要去努力探讨。3Flash动画在网页设计中的互动性研究1本研究涉及的原理作为上网的主要依托,网页由于人们频繁地使用网络而变得越来越重要,这使得网页设计也得到了发展,其目的就是提供一种布局更合理、功能更强大、使用更方便、视觉上更美观的形式给每一个浏览者,使他们能够愉快、轻松、快捷地了解网页所提供的信息并且给与回应。面刊TML文档,如(图卜1一1)和(图卜卜2)分别是西北大学的网页页面和页面源文件,最OHTML文档。它的全称是‘HyperTextMarkup“网页实际上就是一个文件,是存放在web服务器上供客户机用户浏览的页Language’,中文翻译为‘超文本标记语言’,是一种通过互联网连接可以在lnternet上传输,并被浏览器认识和翻译成页面显示出来的文件”。…而“网站是由若干个网页组成的,这些网页因具有某些相同类型的信息而通过各种超链接互相链接在一起,就构成了一个网站,而各个网站之问又以各种形式互相链接在一起,这样就构成了一个强大的网状体系结构,成为传播文字、图形、声音、动画等信息资料的庞大载体。”[21如今的网站范围很广,包括有个人类、门户类、资讯类、时尚类、企业类、电子商务类、文化与生活类、政府机构类、娱乐类等等,而这具有各类性质的网站在网络上无不以网页作为自己的门户,其网页的风格特点却又各自不同,不但要能体现出该网站的性质和功能,还要看起来美观、操作便捷。这个时候就需要考虑给网页做个精心的设计,因为网页的文本、背景、按钮、图标、图像、色彩、导航系统、背景音乐以及动态效果等等这各个方面的设计都会直接影响到信息的传播效果和浏览者的浏览。特别是Flash动画的设计和应用,是从视觉上调动浏览者积极性最直观最显著的一个元素,它以其特有的动态效果和交互特性大大的增加了网站的魅力。FIash动画设计基本原理1.1“动画从字面意义上看可以解释为‘活动的画’。但著名的权威动画艺术家41本研究涉及的原理诺曼・麦克拉伦在20世纪40年代曾郑重声明:动画不是会动的画的艺术,而是创造运动的艺术。¨31Flash动画也正是一种创造运动的艺术,它的出现为网页的发展注入了新的活力。Flash是基于互联网的需求而产生的,“Flash”是应用软件的名称,准确地说,是一个基于网络开发而专门用于制作交互式矢量动画的软件。而由其制作的“Flash动画”具有画面的缩放、旋转、变换、淡入淡出等动画特效。在其出现之前,网页动画主要以Gif动画为主,这类动画虽然文件小,适合在网络上传播,但是既不能包含声音效果,也不具有交互性功能,只是单调的循环播放。和其他动画类型相比,Flash动画有着突出的优点:Flash动画因为受网络资源的制约一般比较短小,所以情节和画面都比较夸张、起伏,力求在短时间内传达出最深的感受;Flash动画有着很强的交互性优势,它可以让欣赏者通过点击、选择等动作决定动画的过程和结果,充分享受互动的喜悦;Flash动画还可以同时在网络、电视、手机等多种媒体上播放,实现一片多播;并且集多种视听媒体于一身,让设计者最大限度地发挥想象力、夸张动态,实现许多传统动画无法实现的动画艺术效果。当然,Flash动画也是有其限制性特点的:一个网络艺术作品和其他媒介作品不同,它不但短暂而且还随时会被复制,即使是一个引人注目的优秀作品,在上传到网络之后,它可以被无数次观看、下载、发送、复制也可能被随时删除,创作者的原创性,看起来只能靠自己电脑中的动画源文件来证明,但也有失去的可能,如被恶意复制或不经意地被删除。从作品丌始在网络上流传开始,作者就已经消失,他不再拥有作品,他和每个参与者一样,都是以平等的身份参与作品。正是因为如此,Flash动画使每个来到这里的人都可以平等、自由地参与和交流,充分体会Flash动画在网页设计中的互动感。Flash因其强大的交互特性,我们不但可以用它来制作流式动画,女IFlash短片、FlashMV、Flash片头:还可以用它来创建导航控件、动画徽标、旗帜广告、按钮、图标等等。Flash动画作为一种新的网络艺术形式,只有网络和承载其的网页,才是Flash艺术得以充分展示其形态,呈现其意义的空间。Flash动画更进一步体现了网络自身的互动特性。满足了浏览者对互动性的更高要求,以实5Flash动画在网页设计中的互动性研究现更强烈的直观感觉、更丰富的交互响应和更具感染力的体验。1.2FIash动画在网页设计中的运用Flash动画已经成为网上活力的标志,并应用这一技术与电视、广告、卡通、MTV、制作等方面结合进行商业推广。这样,Flash动画将作为一种产业渗透到音乐、传媒、广告、游戏等各个领域,开拓发展无限的商业机会。Flash动画在网站中的运用,从简单的流式动画到复杂的交互式Web动画,都体现出了Flash动画的优势。自从Flash进入到国内以来,掀起了一波又一波的Flash浪潮。它使以前高深,莫测的多媒体制作变得简单、生动,每个人都可以根据自己的想象力通过并不复杂的操作而制作出多变的交互式动画。由于制作精良的Flash动画可以具有很强大的视觉冲击力和听觉冲击力,因此一些公司在网站发布新的产品时,往往会采用Flash南1]作相关的页面,借助Flash的精彩效果吸引客户的注意力,从而达到比以往静态页面更好的宣传效果。也有一些网站,为了展示自己的个性,使用Flash来制作整个站点。对于一个网站而言,动画图形可以增加网站的生气与活力,吸引观众的注意力。1.2.1Flash动画在网页设计中的部分运用在网页设计中,F1ash动画作品除了以“流式播放动画”如:Flash动画短片、FlashMY,同时还有一些起着关键作用,却又具有一定交互性特点的形式。有些网站的引导界面做成Flash动画形式,内首页及其它内页的版式设计却~般由Dreamweaver软件来完成,做成静态页面。当然,大部分这类页面全部是静态,但也有某些网站做出以下设计。如:内页中的Flash网络广告、Flash形象展示动画、网站导航栏动画、图片展示动画、Flash交互动画、及由Flash¥1]作完成的网站注册、登陆、计算等系统。在静态页面中,如果把这些做成动画的形式的话,那无疑是能起到生动、装饰的作用,对浏览者的引导上,具有充分的调动作用。但是不宜太花、太乱,否则,就会起到反作用,不但使浏览者有眼花缭乱、烦躁的心理感受,而且会给企61本研究涉及的原理业的网站效应人打折扣,显得小气、烦乱,缺乏信任度。1.2.2Flash动画在整站网页设计中的运用前文中提到过,除了采用FlashglJ作相关的页面外,也有一些网站,为了展示自己的个性,使用Flash来制作整个站点。整个站点从概念上就已经包括所有视听元素部分及版式的设计。网站引导界面的设计姑且不说,由其引导进入的内页面这整个系统都是由FIash软件来制作,就包括上文列举的视频、Flash广告动画、Flash交互动画、内页中的Logo、网站的Flash形象展示动画、网站各级导航栏、图片展示、文字、链接、色彩、音乐、声音、游戏及网站注册、登陆、计算系统等。这样的Flash动画网站,看起来、听起来都十分炫,具有很强很独特的个性,基本上能完全调动浏览者的积极性,给人以活跃的心理感受。但是,由于都是由Flash来做,文件比较大。由于带宽和浏览者个人电脑配置的原因,整个网站的运行和页面的显示相对于前面一种设计就会吃力一些,速度也会相对慢些甚至于很久才能打开页面。这样的话,浏览者就不会有足够的耐心去等待,甚至会认为根本打不开而不再浏览这个网站。因此,好的动画,需要有好的设计,需要我们潜心去研究、思考,既能使网站充分利用其生动活泼的优势,又不会因其一些限制因素,而使浏览者产生不好的心理感受,以致影响到网页和浏览者的互动。1.3本文研究对象的范畴界定在具体展开对网页设计中Flash动画的互动性研究之前,有必要对其范畴作一个界定。作为本文研究对象的网页动画,是指网页设计中的Flash动画(不包括Gif、模拟现实等其它动画形式),是直接由Flash软件应用交互方式进行网站的全部或部分功能设计,以及直接嵌入到网页中的Flash游戏、Flash交互动画等,而不是Flash流式动画作品。这主要突出反映的是在网页设计中能与浏览者产生互动的Flash动画。.7Rash动画在网页设计中的互动1,L研究2研究网页中Flash动画互动性的原因互联网革命性的讯息就是互动性,它是人的视觉、听觉和触觉能力的综合延伸。一个好的网站成功的原因各不相同,但是,有一点是不能忽视的,那就是用户的互动和参与性。可以说,每个网站都是一个社区,人们可以在这里发布信息,沟通交流,人们也可以在这罩阐述自己的观点或者评论,再或者在这里交朋友。任何网站要有互动性,才可以说它具有发展的潜能,而这互动性的体现就在于网站的规划、网页的设计。2.1对互动性的理解自从有了电脑,就有了交互性的概念,比如我们听到过的“人机交互”,这是因为电脑本身就是一个交互式的工具。随着个人电脑的普及、互联网的发展,我们也听到越来越多关于“交互”、“互动"的概念,Ll:女n“互动式营销”j“交互式网络教学”等等。事实E,我们的生活就处于交互性之中,当然这是广义上的交互性,而且大多数时候是不完全不充分的。就如通过网络视频跟朋友聊天,虽然可以听到他的声音,也可以清楚地看到他的表情和衣饰,但却没有领会到他刚才说的那一段话的含义,因为刚才在观察这上面这些细节,也或许是对他的叙述不感兴趣或理解差吧。但始终这是一次失败的交流,作为互动的一方并没有完全接受到另一方的信息。一次良好的交流就会足一次成功的互动,它可以是认真的倾听、充分的判断、积极的响应,它也可能含有误解、歧义,或是注意力的转移,但这都是交流的一部分。因为这些,交流才变得生动,富于多义,并带给人愉快和满足。从古至今,人们一直在追求交流的平等和自由,并也在尝试着以不同的方式进行交流。人们需要交流,特别需要双向互动性的交流,而不仅仅是倾听、自言自语,或是单向的灌输。因为交流的本质就是互动,互动的、积极的交流可以使我们得到经过判断的信息,获得交流过程的挑战与乐趣。从《辞海》和《现代汉语词典》里都没有“互动”一词的解释,作者只在字82研究网页中Flash动l自i互动件的原闪典里看到关于“交互”的两个解释,即“互相”和“替换”。综合看来:交互具有双向性,交互的双方没有主体与客体的区分,二者的身份能够彼此替换。因为从交流的方式来看,交流的双方既是信息的发送者,也是信息的接收者。并且好的交流模式是不存在主次之分的,任何一方发出信息,另一方则对接收到的信息进行理解判断,然后反馈给发送方,发送方以此了解自己的信息在交流中的效果。传统媒体作为“低互动类媒体”,信息从媒体向受众是单向流动和传达的,诸如电视、报纸、杂志、广播等传统媒介。然而对于互联网和多媒体媒介这类“高互动类媒体”而言,信息传播方式是双向流通的,人们对信息不仅有选择权,还有控制权,可以改变信息的内容和形式。比如搜索引擎,就是信息的接收者选择自己感兴趣的信息;通过网络,人们可以选择自己喜欢的音乐、图片或动画;通过E—mail,人们可以定制新闻,给好友发送Flash动画贺卡等。其最大的特性就在于它的信息互动性,因此,互动性是多媒体与传统媒体相比最重要的优势。互动性体现在信息发送者与信息接收者之间的双向流通上,如互联网中的在线聊天、E-mail交流、BBS交流、MSN交流等。另外,互动性还体现在信息的接收者与信息之间的交流上。要使受众乐于点击你的网页,除了要具备一些艺术设计的要素外,还需要引起受众的兴趣,在互动性上受众对网络进行参与和控制,不仅可以在网页中选择和改变信息的传播过程和结果,还可以自主的把个人的信息或喜好以文字、图片、视频等形式通过网页的交互操作上传到网络上,通过一系列有趣的交互操作体验后,信息不知不觉被受众接受和牢记。因此,信息的个性化越强,受众的主观参与能动性越高,传播者与受众的沟通层面越深,网络的互动性就越强,这就是网络互动性的生命力所在。互动源于人们对交流的渴望,交互性显示了平等的姿态,因而对于网页媒体元素的艺术设计而言,互动性更突出的体现于一种精神的交百。2.2浏览者的心理分析2.2.1认知原理在研究浏览者的心理之前,先来了解一下人类的知觉规律、特点及其对网页9Flash动画住嘲灭设计中的互动性研究动画视觉艺术的影响吧。在上个世纪,心理学家们就已经对人类的知觉规律,进行了一定的研究。并且,在后来被充分地运用于建筑、包装等很多现代设计中,并取得了很好的成效。“人类通过感官得到外部世界的信息,这些信息经过头脑的加工,产生了反映事物整体的心理现象,这就是知觉”H1。可以说,知觉是客观事物在作用于人的感觉器官后,形成在人脑中的对事物的整体反映。知觉跟感觉一样,都是对现实的感性反映,如果感官没有事物对其的作用,就既不会有感觉,也不会有知觉,感觉是知觉的基础。“知觉包含了按一定方式来整合个别感觉成分的作用,形成一定的结构并根据个体的经验来解释有感觉提供的信息,它比个别感觉的简单相加要复杂和丰富得多,在实际生活中,人们都以知觉来反映事物。”陌1知觉依赖于感知的主体“人”,而不单是人的某个感觉器官。人们对事物的态度、需要、兴趣、爱好以及知识和经验等等,都会在一定程度上影响到知觉的过程和结果。从人类感官特性的角度看,知觉分为视知觉、听知觉、触觉、嗅知觉、味知觉等。我们知道,浏览者对网页动画设计的感受,会受到视知觉和听知觉的影响,一个界面、一个图形、一个动画、一段音乐之所以可以唤起丰富的审美感受,那是因为视知觉和听视觉调动了人们以往的生活体验、视觉经验、和人们知识的参与。而浏览者对事物不同的态度、需要、兴趣和爱好等和网页动画不同的设计都会直接影响到网站和浏览者的互动。2.2.2浏览者的心理要研究网页动画的互动性,首先得从了解浏览者的心理来入手,否则没有针对物的设计只会是失败的设计,互动也无法体现。因为互动性是一个网站成功的标志之一。在互联网初期,进入大众视野的网页多是平面、静止的。随着时间的推移,人们已不能满足于互联网平面的浏览模式,并且在现实中人们对图像的直观性具有强烈的渴望。因为人们已生活在图像时代,对图像的接受不自觉地已经转变为本能的需求。似乎文字也失去了主宰地位,而必须借助图像的力量,或者变成图102研究嘲页中Flash动l面i,工动性的原冈像的一部分。开始把上网作为生活一部分的人们,尤其是年轻的群体,已经习惯了依赖同常生活中的图像经验,去理解、表达和思考。就如“情人节”,很多情侣们都会花心思想着给对方送上一份什么样的礼物?除了亲手递上浪漫的礼物外,网络也成为一个不错的途径,通过邮箱留言似乎有点呆板,但通过网络发一份“Flash情人节贺卡”到对方的邮箱里就会其乐融融!这样的网站很多,(图2—2—1)就是个“情人节贺卡网”的网页,(图2—2—2)是一份“Flash情人节贺卡’’的静帧图,在这份小小的贺卡中,都调动了用户的参与。在科技与经济高速发展的今天,人们面对心理和精神上的双重压力,在他们面对网页的时候,就需要有新颖而愉快的交流方式与之“沟通”,这就需要有一种人机互动的模式。加强网站与用户的互动,可以提高用户与用户之间的沟通和交流,激励用户的参与和贡献,总之,一定要让用户觉得这个网站“好玩”,只有这样才能提高网站的活跃用户数。网页动画的交互性特点,可以让欣赏者融入到动画中使用鼠标点击,让浏览者成为网页动画中的一个角色。其交互性设计,提供了一种文化创新的凝聚力,可以在更大程度上满足大众对更个性化的信息日益增长的需求,如将网页界面设计成为用户所期待的形式,满足用户的参与性,或者实现用户某种愿望、需求、目标和能力。因此,在网页设计中,我们既要满足人们生理和心理的需要,又要满足物质与精神的需要。也许我们不能完全实现真正意义的交互,但独特的网页动画设计将会使浏览者与网页之间的交流更加契合,动态性和趣味性更强,“人性化”的网页设计是建立人机互动的桥梁。研究网页中Flash动画的互动性是有一定根据的,是出于充分考虑到用户的浏览心理和需求后,做出的研究。2.3网页动画区别于其他媒体的互动特性传统媒体通常是单向的传播信息,即信息从媒体向受众是单向流动的,而网络多媒体的信息流动是双向的。因此,互动性是网络媒体与传统媒体相比最重要的优势。而网页中就是因为集合了如:图形、图像、文字、背景、色彩、导航工具、背景音乐、动画、动态影像等多种视听媒体形式而充分发挥其互动性的。网页中Flash动画充分地体现了“互动性”的特点。Flash动画a:网页设计中的互动性研究2.3.1视觉的愉悦性无论是传统媒体还是网络多媒体,它给受众的视觉感受都是很重要的,这是直接影响其关注率的一个不可忽视的因素。但是,传统媒体的视觉设计无法做到全面,如电视媒体,虽然可以使用很多有意思而生动的剧情来吸引受众,但呈现于人们视觉上的东西只能限于现实中存在或经过模拟的事物,而缺乏现代设计中的图形的美感,即经过设计者们在无任何根据的情况下夸张想象并无法在现实中实现和完成的创作,从而通过独特的设计给与受众前所未有的视觉体验。除此以外,报业、杂志等平面媒体的视觉局限性就更大了,只限于平面的设计,而无法借助动态和声音的元素,相对活跃的Fla动画要死板很多。.sh也正是因为这样,Flash动画得到了空前的发展,就包括电影、电视也越来越多的运用了这一因素。另外,二维和三维的动画以及后期制作的动画特效也得到了广泛的应用,并通过这些来弥补传统媒体视觉上的不足。在电视广告中,Flash动画开始有了它的位置,不但充分节约资金,看起来还可爱、美观。因此,在网络多媒体越来越受人们欢迎的同时,Flash动画的多媒体特性给受众的的视觉愉悦感也愈来愈明显。在人们上网浏览网页时,不同的网站有着不同的网页和动画设计,呈现出不同的视觉效果,给浏览者的心理感受也各不相同,所产生的互动效果也不尽相同。(图2—3—1)显示的网页设计给人一种清爽、时尚、前沿的感觉;而从(图2-3—2)鼎太集团的网页中却看到了一个整体而充满视觉美感的设计,该设计还通过绿色的高尔夫球场及打球情景的图形设计传达出企业环保和高品味的房产定位理念。在网页动画的设计中,可以充分发挥想象力,通过艺术思维,把美赋予网页的方方面面,再充分利用它的多媒体特性,有机的组合多种媒体元素,包括图形、图像、字体、音乐、动画等等。通过精心的设计,使网页及动画成为一种艺术品,使浏览者在一打开网页时有耳目一新的感觉,从心底里喜欢上这里。如(图2—3—3)中的网页以其可爱的色彩和活泼的造型设计让人们看了不由得有种愉快的心情;(图2—3—4)是adidas的网页设计,虽然不像上图一样可爱,但却让人觉得很精神,不愧是运动品牌的企业网站。122研究嗍页中Flash动画互动性的原因2.3.2浏览者的可参与性浏览者的参与是网络区别于传统媒体的最大的互动特性。传统媒体的信息在传播时是呈线性从媒体向受众单向流动的,受众是被动的接受者,而网络多媒体的信息流动是双向的,人们在浏览网页时,可以主动的有选择性的浏览网页中的信息,并且浏览者的每一个操作都会得到一个回应,这会使浏览者得到一种充分的满足感。网站的访问者作为参与者,与网页及动画的创作者就建立了一种新型的互动关系,充分体现了人们寻求平等和自由交流的愿望。这在博客和论坛中体现最为突出,如(图2—3—5)是新浪的一个名为“痴人说梦”的博客圈,(图2—3-6)是一位名为“点魂”的新浪博友的博客。人们可以在这里与他人交流思想,也可以上传图片、视频。由于创作者身份的转移,使他在主观和客观上都没有了特权。网站就成为用户自由控制的一个空间,动画导航的设计、便捷的链接设置及各种图形的有效搭配等互动性设计,可以调动用户的积极性参与进来,寻找他们感兴趣的信息和把他们的想法与创作者及其他用户进行交流。就如网络广告,目前发展如此旺盛,正是由于网页动画互动性的存在。无论是banner}1-告、pageJ。告、弹出广告、游动广告还是E.mail广告,在加入动画效果后,吸引访问者进行点击,并收到回应进入广告主的网站,在浏览后可以通过回馈按钮的点击进而与品牌进行网上互动,或者与网友们交流对该品牌的心得,其他用户如果也想了解这方面的信息,那之前网友们留下的心得体会则可以借鉴了,这就形成了一个交流的平台,充分的体现了网页及Flash动画的互动性。当然,也不乏有失败的广告动画,影响到用户的正常浏览,引起人们的反感。像后边在广告主网页中的回馈互动的实现,通常设计时需要编入程序语言。2.3.3对浏览者的引导性事实上,人们在阅读某种信息时总会有个自然的流动习惯,这是由人类的生理特征决定的。我们的视觉往往会有明显的方向感,例如当我们看到一个有线性设计的页面时,会不自觉的向线的一端看去,这是因为线具有很强的指向性。又或者,一个网页页面中除了一个点以外,没有任何图形和文字,那我们就会潜意识的去点击这个点,认为这个点就是进入其他页面的一个通道。可见,我们的视13Flash动I碡i在网页设计中的丘动性研究线很容易被一些视觉传达符号所引导。这也正是网页中按钮设计成相对于页面的点的原因了,只是有着形状的差别而已。网络媒体相对于传统媒体而言,更具互动性。传统媒体只是单向的给受众灌输信息,使其没有选择的余地,似乎也就谈不上引导了。而网络媒体不同,人们在众多网站中游离,视线就会因视觉规律而受到引导。网页动画对浏览者的引导有很多方面,有优也有劣。Flash动画作为一种新的内容表现形式,制作时可以以引导浏览者为目的,有意的做出某种设计。如引导页的设计,但是并不是每个网站都需要这种引导页,如使用不当,其效果会适得其反。在很多种设计中,色彩对受众的引导作用是不言而喻的,在网页动画中也是一样。网站在面对其产品诉求范围内的浏览者时,可以运用相应的色彩来引起浏览者的情感共鸣,并营造出一种互动的情感氛围。文字和图片的引导性就更为直观、明显了,除了这以外还有很多很多。但需要了解到在对浏览者的引导上,网站中也会有一些劣等或色情信息会对浏览者产生错误引导,使浏览者的精神和生活受到侵害,所以不提倡劣等信息的引导设计。2.3.4信息传达的多元性在信息传达方面,传统媒体往往是通过文字、语言、图像来传达信息的,而网络多媒体则是从网页的方方面面可以传达出信息,如版面、文字、图形、图片、图像、色彩、音频、视频、动画、广告、导航等元素的信息传达;还如博客、播客、空间、论坛、网络电视等很多方面都进行的传播。但在这信息传达的每一个过程中,都是以“人——机——人"的互动形式下完成的。而网页动画在信息传达中则主要反映在色彩、动画、广告、导航这几个方面。相比传统媒体,网页动画的传达面更宽、更深,传达方式更为多元化。2.3.5信息传达的隐喻性网页动画的视觉传达设计中,通常会发挥创意思想,通过某些图形来象征某种构思时,这就是网页动画的一个隐喻设计了。传统媒体在这个方面一般不具有,是因为传统媒体通常必须要以最为直观的、快速的方式将信息传播给受众,如果也采取隐喻的方式,那传播信息的目的就不容易达到了。142研究网贞中Flash动厕互动件的原因“隐喻就是比喻、象征的意思,是指通过隐喻手法传达抽象的设计理念的具体对象。也就是说具体对象象征某个概念性的构思时,就成了隐喻。隐喻的设计是为了将设计理念比喻成使用者容易理解的对象物,以便更好的传达意义。”哺1通常会将同常生活中的具体物品制作成图形、图标,甚至用做按钮。我们从大部分网站中都可以看到这种视觉隐喻设计,都是用做图形用户界面的构成要素,即菜单或按钮中的图形图标。通常可以通过这类设计隐喻地传达网站的性质,并让使用者容易理解,以便加深对网站的印象,有助于浏览者将视觉隐喻记忆为网站的代表象征物。例如一个花茶网,在色彩上自然会以绿色为主,隐喻的图形往往会根据网站的主题产品花茶经过变形处理作为图形设计为网站背景的纹理或图标,同时还可以结合茶园中采蜜的蝴蝶或蜜蜂的图形来起到象征和隐喻的作用,如(图2-3-7)。通过隐喻图形,浏览者可以发挥想象力并将情感一同赋予网页中,同创作者一起体会某种意境或思想。15Flash动画在嘲贝设计中的互动性研究3对网页设计中Flash动画互动性的艺术设计思考3.1网页动画互动性的功能设计3.1.1网页动画的信息交互传统媒体仅将信息单向传递给受众,网络通过网页传播信息时则提供一种双向传输的信息渠道,呈现出交互的特性,它实现了用户双向的、平等的信息交流。由于它的技术优势,信息传播可以不受时段、节目容量等诸多因素的限制。在网页设计中,信息在视觉上传达是否成功,与各页面信息的组织与链接都有直接的关系,其中信息传达的交互的过程,是网页信息传达的一个显著的特点。在这个过程中,网页信息的交互不仅可以操作,更可以进行创造,不仅可以为用户提供信息,还可以通过用户的交流和使用,得到反馈而做相应的调整。要达到信息良好的交互传达,导航系统的设计十分重要,每一级导航都要有清晰明了的导航设置,并在其醒目的位置设置下一级页面信息的链接。尽量以明确而有条理的设计使浏览者按网页中设置的浏览主线访问每~个页面。Flash动画导航系统不但可以大大获得浏览者的青睐,而且其交互性的设计使网站以强有力的信息交互作用留住大量的用户群。Flash动画导航系统交互性的设计,通常需要调动它的脚本语言:ActionScript。它的基本语法接近于VBScript,中文可以直接译为“动作脚本",它是Flash专用的一种程序语言,采用面向对象编程的思想,采用Flash中的事件对程序进行驱动,以动画中的关键帧、按钮或电影片断作为对象(Object)来对脚本语‘-言ActionScript进行定义和编写。例如,在Flash软件中“舞台”上选定一个图形或按钮作为对象,然后通过关键帧里的脚本程序代码、电影剪辑图符实例内的脚本代码或某个按钮内的脚本程序代码来对这个己选定的对象的各种属性进行控制,如位置、颜色、形状等。另外,也可以通过~个按钮所产生的事件来控制某个对象,例如鼠标指针经过按钮事件、鼠标单击事件等。163对网负设计中Flash动画互动性的艺术设计思考3.1.2网页动画元素的设计网页中Flash动画设计的形式,可以是全部的静态页面,也可以是在静态页面中嵌入部分动画设计,或是全部的动画设计。尽管网页中Flash动画格式相对于其他来说传输速度快很多,但大量的动画页面始终会影响网页的打开和传输速度,会受到用户机带宽及配置的限制。因此,在本文对于网页动画设计元素的分析中,着重以常见的嵌入式的部分动画设计元素为例,如导航系统、Web图像、动画广告、声音、Flash形象展示动画等。3.1.2.1交互式导航系统的设计如今,丰富多样的动态效果逐渐出现。新媒体具有的网络双向互动特点极大地支持了新环境下的交互式设计环境。使用者虽然仍然是通过单纯的鼠标点击和键盘操作来浏览网页,但是使用者选择菜单的导航方式却已经丰富多样。交互式导航不仅仅是单纯的鼠标移上效果,它能够带给人新鲜感和愉快感,但更优越于其使用性的交互式导航功能,如(图3一卜1)、(图3一卜2)、(图3一卜3)。使用者的参与是交互式导航的必需条件,在这种情况下,必须要有诱导使用者互动的设计。交互式导航栏的设计必须是在实现其功能性的前提下来进行动画交互和视觉设计的。在功能性上,导航栏有着引导用户浏览信息的作用,设计时通常需要分出几个级别的导航栏,并在这几个级别的醒目程度上做出区分,特别是一级导航栏一般要突出其立体感和鲜明感。在色彩的运用上,可以选用亮丽、透明、清爽的色彩搭配,引导浏览者去点击甚至享受这一过程的喜悦。同时,导航链接最好是设置成“打开新的页面”,这样有利于浏览者分别条理性地浏览每个导航菜单下的内容。在具备以上条件的基础上,通过动画设计的导航栏,不但从视觉上达到美观特别,还充分体现出浏览者的点击快感,甚至可以配以清脆的声音。而在导航栏造型和动画效果的设计上,可以充分发挥想象力,充满创意或特别的乐趣,使浏览者很欣喜地参与进去。除此以外,诸如网页中的“按钮”,本文就从导航作用的角度来分析按钮的互动性。按钮是网页的重要组成元素之一,在网页中发挥着十分重要的作用。首先,是提示性的作用,通过提示性的文本或者图形来告诉浏览者点击后会有17Flash动I田I在蚓页改计中的互动性研究什么作用;其次,是动态响应作用,即当浏览者在进行不同的操作时,按钮能够呈现出不同的效果,响应不同的鼠标事件。从功能的角度来看,按钮和文字链接的作用相同,都是引导人们去访问某些内容。但是与文字链接相比,按钮显得更加美观、醒目,视觉效果更好,也更能吸引浏览者的注意力。如(图3一卜4)、(图3-1—5)。动态的按钮是经过使用者的点击给予的回应,除了给按钮设置的链接外,在浏览者松开鼠标和将鼠标移上按钮,甚至用鼠标点击时的反应都可以是不一样的,可以是按钮的颜色发生变化,也可以是其上显示的文字的变化,更可以是其形状大小的变化。这一个个动画效果,可以跟浏览者达成互动,让浏览者看到他的动作是有回应的,同时更能调动起浏览者的积极性。在设计中,每个按钮甚至都可以设置出动画效果,只要我们在设计其显示效果时,尽量注意同时实施一种或一种左右的设计方案,以避免因动画设计的不统一使浏览者感到烦乱。3.1.2.2Flash形象展示动画的设计Flash形象展示动画如同网站的形象广告,起着不可忽视的作用。它以强烈的动画效果,引导浏览者首先对这个网站形成一个基本的印象。这类动画的内容可以是企业产品的宣传,也可以是对企业性质的诠释,或者是实验性的动画展现。动画速度相对较快,可以配以声音,往往在用户打开网站时给予新颖的试听效果和形象认识。这类动画的色彩是不可忽视的,既然作为主导形象广告,那色彩也一定要遵守~些规范,如(图3一卜6),(组图3一卜7)是“现代禅风”网的首页形象动画的静帧图,它的色彩与该网站的色彩是一致的。一般情况下,一个网站的形象展示动画,如同网站的LoGO一般,色彩在设计时应遵循企业的CI规范,按照标准色和辅助色来设计,或者采用网页主色。主要是要在浏览者面前形成统一的形象记忆。其他搭配色则可以依情况采用其他色,或直接插入企业形象产品等。除此以外,色彩的搭配上,要尽量醒目、有气势,与整个页面协调。3.1.2.3Web图像的动画演示可以毫不夸张地说,图像在整个信息交换中的重要性仅次于文字。但是,183对网页设计中Flash动I田i互动性的艺术设计思考由于图像的体积比较大,加之网络带宽的限制,使得用于Web图像的模式和格式也要有所选择。一般来说,Web图像采用ROB色彩模式,使用216色网页安全色,格式有GIF、JPE6、PNG三种。Web图像一般情况下是静态的,但目前有越来越多的网页设计中开始采用动画形式来展示图像。就如几张需要展示的图像层叠放置于同一位置,轮流播放展示给浏览者,在设计中,可以节省页面空间,也可以有意的将某类图像通过动画进行分类展示,使浏览者一目了然。3.1.2.4网络动画广告网络广告有动态的、交互的、在视觉和听觉全方位的信息传达与情感体验等特点,它所包含的内容既专业又广泛。其中动画广告是网页设计中广告普遍采用的一种表现方式,动画广告中一些画面有的是纯动画的,也有实拍和动画结合的,在表现一些实拍无法完成的画面效果时就要用到动画来完成或两者结合,现在我们所看到的广告,从制作的角度看,几乎都或多或少地用到了动画,如文字与画面的交替出现、广告文字的放大或醒目处理等。广告通过动画的效果吸引到浏览者,浏览者可以通过点击来看广告所要诉求的信息。因此,基于它的功能性,这一类广告除了要做成动画效果外,在设计上,不能太杂、太乱,色彩和动画效果更不能太花;同时,在页面的位置选择上,要特别注意一些,不能遮挡页面的主要信息,以免让浏览者感到烦恼以至于产生厌恶情绪而影响到整个网站的浏览量,网络动画广告的类型有很多,应用广泛,如(图3-1-8)、(图3-1-9)、(图3一卜lo)则是一些代表例子。那么,通常情况下,这类动画不是作为页面的一部分有其区域分配,就是放于页面两侧,作为浮动广告。3.1.2.5声音的设置如果能在五彩缤纷的网页动画中再加上美妙的声音,则会有锦上添花的效果。在网页中,声音部分有:鼠标点击的链接转入声、背景音乐、网页插入视频或网络电视声音、音乐、广播电台的现场播音等,如(图3一卜11)。网上流行的声音格式有:MIDI、WAV、MP3、RealAudio。MIDI格式音乐的特点是占用空间小,但音色单调;WAV是无压缩声音文件,在所有带有声卡的电脑中都可以播19Flash动画在嗍页设计中的互动性研究放,但占用空间大;MP3压缩音乐文件,占用空间比wAV小得多,但是要先下载后收听;RealAudioLtWAV和MP3音质稍差,但占用空间却小许多。可以一边下载一边播放。本文主要来探讨网页设计中的鼠标点击的链接转入声和背景音乐。在鼠标点击后,应该发出清脆的声音,来反映出转入链接的快速感,以给与浏览者充分得到回应后的心理满足感,以便充分调动起浏览者再继续浏览其他内容的积极性;而在背景音乐的设计上,可以按照网站的性质来选择音乐风格,选择时要用悦耳的音乐,要考虑到众多种爱好的浏览者的接受程度。同时,最好把声音的控制按钮放于页面的一个位置,可以由浏览者来调节是开或者关,尊重浏览者的个人爱好,如(图3一卜12)。还有一点要注意,有很多浏览者会是在安静或办公、又或公共场合下浏览网页,会不希望~打开网页,就马上传出声音,而给其他人造成不便。因此,不能专注于光考虑网页和动画的效果,还得充分尊重到浏览者,背景音乐可以设置为默认关闭,但有可以由访问者亲自调节为“开”的声音控制按钮。3.1.2.6鼠标动画在鼠标做动画效果时,需要注意的色彩搭配,其实就是指鼠标移动轨迹的图案和色彩。这种色彩首先应该区别于页面色彩,使浏览者可以清晰的找到鼠标的位置,以利于用户更方便地浏览页面信息。而鼠标移动的轨迹不可以阻挡下边的页面信息,所以图形尽量要小,色彩除了脱出于页面外,可以设计为稍透明的感觉,并且鼠标的移动轨迹不宜太长。当然,鼠标动画的设计相对其他难度性大些,需要语言编程。在目前大部分网页的设计中,运用还是不太多,但也有个别尝试。因此,需要了解在这个设计的过程中,要注意的色彩方面的问题。3.2网页动画互动性的审美设计不管是任何网页动画,都必须考虑其功能和审美两个方面的比重和协调关系,因为仅仅注重形态的设计会只适合被称为艺术家的创作作品,而仅仅重视功能的设计又容易缺乏审美上的创意,缺乏吸引人的魅力。因此,审美和功能3对网贝设计中Flash动I田i互动性的艺术设计思考的协调是必须要考虑和解决的问题。从功能上讲,应为用户提供便利的用户界面、操作按钮等实用设置;而从审美上讲,实际上是遵循平面视觉传达设计方面的设计原理和思想。网页设计的风格也是从其布局结构、形态、图形、色彩、动态效果等要素中体现出来,并从这诸多方面的实用设计和操作中实现网页动画的互动性。Flash动画具有审美的特性,因为“动画的视觉构成是以造型艺术为基础的,而造型艺术的首要功能是审美。无论是商业娱乐动画还是作为功用目的性的科教动画、广告动画、网页动画等等,都不能忽视作为动画视觉元素的造型艺术的审美特性。动画的审美构成因素还包括动作以及动作所形成的意境,包括声音以及声音传达的情感等等。”n13.2.1网页动画形态的设计“在设计中,最先向使用者传递感情的是形态。川们使用者通过形态可以对网页有一个主观的感受和认识,可以感觉是死板的、柔和的、有趣的、别扭的、特别的,也会是参差不齐的。这种种感受都是来源于人们对艺术形态的情感联想。当然,形态除了具有其各自的相对意义外,人们的个人环境、性质、情况不同,在面对同一种形态时的心理感受也就不同。就拿几个几何形态为例。圆通常给人柔和、圆润、温和、舒适和安定的感觉,像个无限延伸的轨道,周期反复而没有尽头,有一种永远的意境。不过,圆形有时也会让人觉得压抑、烦闷、乏味,会产生一种消极的感受。直线由于其外形笔直,传达出一种正直倔强的感觉。记得小时候画一条横着的直线,会联想到水平线、地平线和分界线。另外由于它的延伸感,使人产生一种广阔和坚持不懈的感觉。斜线相比直线更具冲击、刺激、动感和方向感。曲线由于其平滑、柔和、饱满的外表,传达出一种温和的情感,与女性息息相关。而这些形态在进行不同的艺术组合后,则会形成不一样的视觉效果。网页上的文字、标题、图片在页面上形成各种各样的线条和形状,这些线条与形状再组合起来,就形成了网页的一个总体的视觉效果。这需要利用和搭配好这些线条和形状,才能体现出这种组合的美。直线和矩形在页面上的重复组合可以呈现条理分明的视觉效果,比较适合于庄重、严肃的网页题材,如(图3-2-1)。在页面和动画的设计上,曲线和弧形可以重复组合,呈现出轻快、流21Flash动画在网负设计中的互动性研究畅而富有活力的视觉效果,多用于青春、活泼风格的网站,如(图3—2—2)。把以上几种形态结合起来运用,可以大大丰富网页的艺术表现力,使网页看起来更加丰富多彩,如(图3—2—3)。可以用于组合设计的形态很多,而其组合后又会形成新的形态,大致可以从形成的风格方面概括为普通形态、独特形态、实验形态三个方面。3.2.1.1普通形态普通形态下的网站外观非常相似,大多是内容量很大的f-]p类网站,基于文本的信息传达功能优先的原因,这类网站往往采用普通形态。普通形态类网站主要是通过相似的网页布局结构和形态给使用者留下一个熟悉的印象,更倾向于功能性的实现,为用户提供更加便捷的服务,如(图3-2-4)、(图3-2-5)。3.2.1.2独特形态独特形态的网站往往通过独特的网页布局的外观和结构的形态来传达网站特色。这类形态设计时要确保在符合网站性质和网页布局结构的条件下,可以将多种形态符号进行多样化组合,或者以隐喻的方式由某个象征物形态转化为几何学的线条或图形符号,来达到审美上的独特感和创新性,如(图3—2—6)。3.2.1.3实验形态实验形态类是网站的页面和动画没有固定的框架,是通过实验性的、尝试性的手法大胆的表现网页和动画的视觉设计的。这类网站大多展现零乱、神秘、无秩序等另类的外观风格。可在这无秩序的氛围中,复杂地搭配在一起的视觉要素又有一定的秩序感,并能够体现出平衡和对比的和谐美感,具有强烈的视觉冲击效果。对于这类设计,可以结合艺术设计方面的知识,尽情地的发挥想象力,在页面和动画中设计出原本并不存在的形态来,或者给与网页动画元素做个新的组合模式,如(图3—2—7)、(图3—2—8)、如(图3—2—9)。3.2.2色彩的审美与设计运用不同的色彩,网站的外观风格,有所不同,网站给人的感觉也不同。也就是说,色彩作为传达网站形象的首位视觉要素,会在访问过网站的使用者脑中留下长久的印象。即使使用者无法清楚地记住自己访问过的网站的外形特征,至少能够容易地想起网站的色彩。也就是说,色彩作为最直接的视觉语言,!翌型墨墼生!里兰些垄些皇垄堡堕兰查丝生墨兰.可以让使用者很容易地联想到与色彩及其相关的视觉要素,如(组图3—2—10)“未来世界设计公司”的网站色彩设计得很棒,不但确定了一套首页色,还设计了几套追随一级导航目录的色彩,搭配原则与首页色彩相符。因此,必须要确定网站的色彩体系,如网站的主色、辅助色、强调色。一般而言,在设计网站的色彩时,会有个客户公司的CI色彩体系可供参考。而具体要如何安排这些色彩,则需要特别地设计。色彩是人的视觉最敏感的东西。主页的色彩十分重要,整体的色彩效果要和谐,局部的、小范围的地方可以有一些强烈的色彩对比。同时可以根据页面和动画内容的需要,利用色彩的象征性来分别采用不同的主色调。如绿色象征生命、环保,金黄色象征收获等等。通过充分运用色彩的象征特性,可以使网页和动画反映深刻的艺术内涵,下面介绍几种常用的配色方案:首先,暖色调。如红色、橙色、黄色、赭色等色彩的搭配。这种色调的搭配运用,可以使网页和动画呈现出温馨、热情的氛围。其次,冷色调。如青色、绿色、紫色等色彩的搭配,可呈现出宁静、清凉、高雅的氛围。再次,对比色调,就是把色性完全相反的色彩搭配在同一个空间里。如红与绿、黄与紫、橙与蓝等。这种色彩的搭配,可以制造强烈的视觉效果,给人亮丽、鲜艳的感觉。当然,总体的色调应该是统一和谐的,局部的地方可以有一些小的强烈对比。最后,在网页底色的设计上,需要注意色彩的情感要符合网站的性质,如一个有关于环保的网站,若用暗红色作为网页底色,绝对不会有人会联想到网页的内容是与环保有关。除此以外,还要考虑网页的底色即背景色的明度。通常底色要与主体内容和主体形态的色彩明度成反比。同时,色彩的明度不能变化太大,否则屏幕上的亮度反差太强,会使浏览者的眼睛受不了。总之,网页的颜色是以浏览者的角度来观看的,色系搭配的要好,还要有自己的风格。3.2.3界面的艺术设计在现实生活中,界面就是人与信息交互的媒介,是信息传播的载体。在设计领域,网页和动画方面,界面由色彩、文字、图像、符号等视觉元素以及多媒体元素为主构成,成为传达特定信息以便于达到人机交流目的的中问媒体。发展至今,网站类别多样,这里大致从四个大的方面来分析一下网页动画Flash动l田i在删贞设计中的互动性研究的界面艺术设计。3.2.3.1门户类门户类网站是所有网站类别中的佼佼者,无论是综合信息门户网站还是专业信息门户网站,它们所拥有的信息量和用户资源都是十分巨大的。由于这类网站主要以提供信息为主,信息的更新是相对于所有其它网站类别是最快的,基本上每同一变,如(图3—2一l1)“网易”和(图3—2—12)“新浪”的网页。所以一般采用分栏式的开放型版式设计;在色彩的设计上,由于其所面对的人群众多,并且受众的文化、年龄、地域又各不相同,设计时就应采取大众化的、整体清晰、阅读舒适的色彩。3.2.3.2娱乐类娱乐类网站包括有电影、音乐、游戏等网站。由于这类网站的娱乐特点,设计时可以运用Flash动画、生动的图形图像、活跃的色彩等构建一个愉快、轻松、趣味的网站,如(图3—2一13)网络电台网、(图3—2—14)游戏网。3.2.3.3文化生活类文化生活类网站包括有时尚、购物、健康、汽车等网站,虽然这些网站的种类不同,但却都是以商品和生活需求为主的,如(图3—2—15)、(图3—2—16)。所以,图片在网站中的比重最大。这类网站的界面应体现出使用的便利性,界面和图片可以采用华丽、高雅的色彩,尽量达到调和。3.2.3.4个人类个人类网站是个充分展示个性的空间,所以在界面的各部分的艺术设计上,都没有太多的限制,可以结合个人的性格和研究领域的特点,充分发挥想象力,做出一个个性、创新而且能展现个人魅力的界面设计来。如(图3—2-17)是“苹果树下的童话”网的设计,不但独特,还像一幅美丽而浪漫的画作一般。3.2.4动画特效的视觉审美目前表现动态效果的方法多种多样,如浏览者将鼠标移上导航栏时和点击后出现的互动反映,既能够给人带来一种新鲜感和愉快感,又能为整个网站倍加增彩。目前有很多网站开始以动画的特效来吸引浏览者的眼球,或展现其网站的特色。3对嘲负设计中Flash动画互动性的艺术设计思考动画特效从普遍意义上讲通过编程语言来实现的,如鼠标移动的动态特性等。网页动画的特效,能够使网站看起来更为生动活泼,以常见的几种技术来说,包含了Actionscript、Javascript等等。动画特效固然生动活泼,但过分的运用就会影响到浏览者的正常浏览。如跟着鼠标的一堆文字或是图片,既无意义也不美观,还扰乱浏览者的视线。因此,网页的特效应该是要用得恰当、友善,能够配合网站的风格,这样特效才能真『F发挥它的效用。Flash动画住网页设计中的丘动性研究4网页动画互动性的延展互动源于人们对交流的渴望,网络媒体显示了平等的姿态,它是开放的和不确定的,是一次没有终点的旅行。对互动性的拓展而言,更是现代人对交流的反思与探索。因此,网页动画的互动性绝不仅仅是单纯在电脑网络上存在,它对媒体艺术、媒体文化,甚至更大范围的现代社会传媒系统,都将产生深远的影响力。4.1人机互动互联网革命性的讯息是互动性;它是人的视觉、听觉和触觉能力的综合延伸。在传统的信息传播方式中,信息的流动常常是单向的。接受者虽然具有自由的选择性,但无法对信息施加影响。这种传播方式,往往强化共性,导向一元发展,从而削弱个性的主体地位,抑制多元并存的格局。而在电脑网络上,信息的流动则是双向度的。人们不仅具有自由的选择性,而且还能对信息对象施加影响,能按照个性的意愿进行加工和改造:这种人机对话的互动性,有利于人们主体意识的强化,使人类的文化艺术能够获得多元化的发展。人机对话的互动性,唤醒了人们的主体意识,提高了对社会事务的积极参与性,大大激发了人类潜在的创造力。人类透过与电脑网络彼此沟通的经验,可以引发新的思想,并逐步使电脑网络成为改变我们思考模式的主要途径。通常情况下,“人机互动”指人与电脑的互动,网络作为一个互动特性明显的媒介,使人们通过网页认识到它,甚至通过网页动画来提高互动效果。如按钮的点击动画,导航的动画回应,以及一个动画引导界面的引导效果,特别是引导浏览者进入首页的关键按钮或其他动态效果等等。这都突出地反映了人机互动。电脑的人机互动,因为网络的出现,互动的范围也得以扩展。如:作品之问的互动、参与者与参与者之间的互动、创作者与参与者之间的交互。264网页动l田.互动件的延展任何一个网络艺术作品,都客观地存在着以上的互动,因为创作者将其设计制作的作品发布于网络后,参与者通过网络即时介入或下载后参与作品,并通过这样的交互活动,使作品在网络上的的传播范围扩大。但不是所有的作品都拥有参与者之间的互动,这种互动方式是在参与者进入作品后,与其他参与者发生关系,共同参与作品的进程(如网络游戏)。4.2“人机互动”在多种媒体中的实现“随着人机互动技术的发展,将使计算机、PDA(掌上电脑)、手机等便携式装置的使用界面更具人性化、智能化及个性化。Microsoft总裁BillGates曾说过未来的电脑将具有说、听、看和学习的能力,人机互动技术的发展正在将这项预占变为现实。如语音人机互动和视觉人机互动技术是当前发达国家重点发展的两类人机互动技术。”¨01也正是因为人机互动技术的发展,“人机互动”在其他媒体领域也得到了充分的印证。体现互动性的媒体不断增多,人们不但可以通过手边的机子获取和设置信息,还可以借助其登陆到另一个空间去,实现多种媒体空间的融合与交汇。如手机,人们可以轻而易举的通过手机键盘或手写笔来操作手机,实现编辑电话本、同程、短信息、阅读、录音、拍照、录像、蓝牙、联机等等各项功能。甚至到目前为止,还可以通过手机上网,浏览页面和动画、收发E.mail邮件、QQIl9P天等等,如同电脑般,轻松操作来达到想要的效果,获得想要的信息,并且可以直接下载铃声或歌曲作为来电铃声,还可以下载静态图片或动画作为待机和来电壁纸等。可以说,“人机互动”已经延伸到了方方面面,网页动画的“人机互动”也得到了广泛地运用。相信在科技的发展形势下,还会有更多的空间运用到网页动画的“人机互动”,就如Mp4、Mp5等科技产品,也充分的沿用了以上的部分特性。27结论结论目前动画大都是以动画短片或以故事的形式出现,观看者除了能用播放器控制其的开始、暂停、停止以外,所能达到的互动少之又少,即使是看电影也不乏这些互动。人们似乎已经忽视了Flash动画它作为网页设计元素所具有的一大特性,那就是“互动性”。因此,要充分发挥网页设计中Flash动画的互动特性,将会是很值得关注的问题。这对网页视觉设计的广泛实践需求有着重要的意义,其研究成果是具有直接的实际应用价值的。在理论研究方面j网页设计的互动性原则比较少,Flash动画的互动性研究就更加缺乏。作者在研究中,对影响网页中Flash动画互动性的功能和审美都提出了明确的设计理论和方法,并且阐述了网页动画互动性的延展。希望本研究在今后可以得到完善和运用。希望通过它,可以启示我国网页设计及Flash动画交互设计的爱好者们能够注意到这个问题,充分发挥网页动画的互动特性,研究并设计出杰出的作品来,同时来带动我国网页动画设计的整体水平,形成真正的交流传播平台。参考文献[1]何丽萍.基于网页设计的视觉信息传达有效性的研究[D]浙江:浙江大学,2006.p3.[2]姜兆龙,张璇.网页设计师完全手册[M]北京:清华大学出版社,2006.p4.[3]贾否,路盛章.动画概论[M]北京:中国传媒大学出版社,2005.p17.[4][5]刘丹.网页设计中的Flash动画视觉语言研究[D]合肥:合肥工业大学,2006.p26.[6][韩]崔美善(著).马晓阳,刘娟(译).设计师谈网页视觉特效[M]北京:电子工业出版社,2006.p270.[7]贾否,路盛章.动画概论[M]北京:中国传媒大学出版社,2005.p8.[8]姜兆龙,张璇.网页设计师完全手册[M]北京:清华大学出版社,2006.p74.[9][韩]崔美善(著).马晓阳,刘娟(译).设计师谈网页风格构成[M]北京:电子工业出版社,2006.p148.[10]ISTlS.2004年软件技术发展动态[EB/OL].上海情报服务平台网・第一情报~信息产业,2006—10—18.[11]王波.Flash技术还是艺术[M]北京:中国人民大学出版社,2005.[12]顾群业,宋玉远.网页配色密码[M]北京:清华大学出版社,2006.[13]姜军,张光帅.网络动画设计[M]北京:清华大学出版社,2007.[14]秦明亮.动画造型与设计艺术[M]北京:中国人民大学出版社,2005.[15]张聪.动画运动规律[M]北京:清华大学出版社,2005.[16]胡崧.网页色彩与版式设计创意实战[M]北京:中国青年出版社,2006.[17]邵培仁,海阔.大众传播通论[M]浙江:浙江大学出版社,2005.[18]彭兰.网络传播学概论[M]北京:中国人民大学出版社,2001.[19]匡文波.网络传播学概论[M]北京:高等教育出版社,2001.[20]董焱.信息文化论——数字化生存状态冷思考[M]北京:北京图书馆出版社,2003.[21]周朝琦,侯龙文,邢红平.图像时代——商品文化意蕴、哲学理念与表现[M]北京:经济管理出版社,2005.[22]孔建英.艺术范畴的心理分析[M]武汉:武汉出版社,1996.[23]吕景云,朱丰顺.艺术心理学新论[M]北京:文化艺术出版社,1999.[24]廖晔.网页界面设计及其学科相关性研究[D]湖南:湖南师范大学,2006.[25]刘世锋.CIS中的网络形象设计[D]南京:南京艺术学院,2003.[26]马星.多媒体艺术的特性一交互性[J]山东纺织经济,2007,2(138):81—82.[27]岳丽君.网络互动的社会功能分析[J]学术交流,2004,121(4):113—116.[28]祖利军.隐喻理论的渊源概说[J]理论观察,2005,5(35):131—133.[29]雷卿.隐喻理解的认知研究[J]三峡大学学报,2007,29(4):85—88.[30]王艳峰,邓玉璋.网络广告探究[J]现代商业,2007,23(275):275—276.[31]胡克.网络广告的互动性应用探讨[J]广东轻工职业技术学院学院,2007,6(1):60—63.[32]雷德鹏.论个体互动中的符号[J]经济与社会发展,2004,2(12):127-129.[33]顾欣.FLASH在中国[J]美术大观,2007,5:73.[34]萨如拉.手机报一办出你的个性[J]网络时代,2007,8:63—64.致谢致谢在硕士论文即将完成之即,心中感慨颇多。回首硕士三年,有成功的喜悦,也有失败的沮丧,有奋进时的踌躇满志,也有亲人离去时的万念俱灰。一路走来,庆幸有诸多师长、亲人、朋友、同学的帮助和鼓励,希望在此之际表示我深深的感恩之情。衷心感谢我敬爱的导师…一庞永红教授,本研究及学位论文的完成有赖于庞老师的启发与指导,她严谨的治学精神,精益求精的工作作风,深深地感染和激励着我。读硕士的三年中,庞老师在我身上倾注了大量的心血,为我提供了很多学习和成长的机会,不仅在学业上给我以精心指导,同时还在思想和生活上给我以无微不至的关怀,使我可以集中精力投入学习。在此谨向庞老师致以诚挚的谢意和崇高的敬意,并保证在未来工作生活中不辜负庞老师对我的殷切期望。衷心感谢艺术学院的屈健教授,深感屈老师谦逊、真诚、善良的人格魅力,屈老师严谨的治学态度一直让我佩服不已,他平等待人的风格更是令人满怀敬意,特别感谢屈老师对我学业和生活上的鼎力帮助和支持。另外,在本论文的修改过程中,屈老师提供了很多的宝贵意见,让我受益匪浅。衷心感谢艺术学院的岳钰教授,因深受岳老师的建设性意见的指导,我对本研究的理解才逐渐明朗化。从上岳老师的第一堂课开始,就很敬佩岳老师认真的教学态度,他真诚、直爽和热爱艺术的真性情也深深地感动着我,每次聆听岳老师的教诲,都会增长很多见识,得到不断向前的动力和豁然开朗的心境。衷心感谢西北大学艺术学院陆宝新教授以及西安美术学院的刘晋民教授和彭程教授不吝时间地给予评审指导。真诚感谢我的师兄张辉老师和张思望老师,两位师兄热情、耐心、无私的专业讲解使我受益匪浅,在彼此思想的交流和碰撞中,本人获得了诸多灵感和启迪。与他们相处,是老师更是兄长。感谢西北大学艺术学院中每位老师的无私帮助,感谢冯文博同学一如既往地帮忙,以及同寝的曹圆、刘瑛瑛、马婷同学的陪伴,一同走过这人生中宝贵31致谢的三年。感谢我的同学黄莹、张海霞、吴妍妍、冯娟和轩玉琴三年来对我学习、生活的关心和帮助。此外还感谢六年来志气相投的朋友肖相国,是他无私地给予了我精神和生活上的支持和鼓励,使我可以孥强地面对亲人的离去,勇敢地接受一次次的考验。也衷心地感激他的家人几年来对我的关心和照顾,使我在异乡感受到家的温暖。最后真诚感谢我的母亲和舅舅对我的支持和鼓励,感谢我的哥哥和嫂子,感谢他们替我照顾家里
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 电商直播行业主播与品牌合作模式创新趋势及风险控制策略研究报告
- 八年级期中考试家长会课件
- 保育员考试题目及答案
- 安全员b证试题及答案
- 安全试题及答案大题
- 安全生产试题及答案2024
- 生物安全培训课件
- 中国发展简史课件
- 中医推拿科培训课件
- 中国南方区课件
- 新产品评审管理办法
- (参考)菲达公司国内电除尘器业绩表
- 游泳池水质检测记录表
- 大学生职业生涯规划与就业指导教案第5讲:兴趣探索
- 门店电表记录表
- 七年级劳技 花卉种植 花卉用途 PPT学习教案
- 隧道换拱专项施工方案
- 国际金融托马斯普格尔复习资料整理
- 基于单片机的报警器与旋转灯设计(共21页)
- 中国农业银行房地产押品价值评估操作模板
- JJG596-2012《电子式交流电能表检定规程》
评论
0/150
提交评论