（美术学专业论文）Flash动画在网页设计中的互动性研究.pdf

摘要 题目：f i a s h 动画在网页设计中的互动性研究 专业：美术学 摘要 在网络迅猛发展的今天，各网站之间的竞争已相当的激烈，纷纷以浏览量来 计算其业绩和受欢迎的程度，这就取决于访问者的光顾程度了。因此，网站与用 户的互动很重要。本文的研究正是适应网络发展趋势和各网站竞争形势的要求， 从互动性方面，对网页特别是网页中f l a s h 动画的互动性做了分析与思考，希望 总结出具备一定应用价值，又可供相关从业者们参考的提高网页动画互动性的设 计理论。 本文首先从研究对象的原理入手，阐述了网页中f 1 a s h 动画设计的基本原理 及其应用，并对本文所要研究对象的范畴作了一个明确的界定。本文的重点是文 章的第二部分和第三部分，通过分析网页设计中f l a s h 动画的互动特性，作者从 网页设计的功能和审美两个方面具体研究出一套更好的发挥网页设计中f l a s h 动画互动性的设计理论及方法。并进一步阐明了在新的形势下，f l a s h 动画互动 性的延展性。作者通过调研生活中一些网民浏览网页时的互动感受，深刻体会到 本研究的必要性。相信通过网页中f l a s h 动画互动性的艺术设计，企业可以以更 直接、更便捷的方式传达信息，浏览者可以怀着更加愉快的心情在这里进行信息 的交流。只有充分体现互动性的网页设计，才能使网站在竞争中取胜，使企业获 得更多的关注和支持。 关键词：网页设计；f l a s h 动画；网页动画；互动性 f l a s h 动画红网页设计中的互动住研究 s u b j e c t ：t h ei n t e r a c t i v er e s e a r c ho ff l a s ha n i m a t i o ni nt h ed e s i g no fw e b s p e c i a l t y ：f i n ea r t s a b s t r a c t n o w a d a y s ，i n t e r n e td e v e l o pr a p i d l y ，c o m p e t i t i o nb e t w e e nt h es i t e sh a sb e e nq u i t e i n t e n s e ，a n dt h e yh a v et oc a l c u l a t et h ed e g r e eo fp o p u l a r i t ya n dt h e i rp e r f o r m a n c e t h r o u g ht h ea t t r a c t i v e n e s s ，t h i sd e p e n d so nt h ee x t e n to ft h ev i s i t o r s p a t r o n a g e t h e r e f o r e t h ei n t e r a c t i o nb e t w e e nt h eu s e ra n dt h ew e b s i t ei sv e r yi m p o r t a n t a d a p t e d t ot h ed e v e l o p m e n tt r e n d so ft h en e t w o r ka n dc o m p e t i t i o nr e q u e s ti nt h ew e bs i t e t h i s s t u d yf r o mt h ei n t e r a c t i v es i d e ，a n a l y s ea n dt h i n ko ft h ei n t e r a c t i v en a t u r eo nt h ew e b p a g ee s p e c i a l l yt h ef l a s h ，a n dh o p et h a ts u m m e du pt h ed e s i g nt h e o r yw i t hac e r t a i n v a l u ea n di m p r o v e df o rw e b si n t e r a c t i o ns oa st oo f f e rt h er e f e r e n c et or e l a t e d p r a c t i t i o n e r s t h i sp a p e rd e s c r i b e dt h eb a s i cp r i n c i p l e sa n da p p l i c a t i o no ff l a s ha n i m a t i o nd e s i g n i nw e b s i t et h r o u g hs t u d y i n gt h ep r i n c i p l ea tf i r s t ，a n dt h i s p a p e rm a d eac l e a r l y d e f i n e dt ot h es t u d y ss c o p e t h i sp a p e rf o c u s e so nt h es e c o n dp a r to ft h ea r t i c l ea n d p a r tt h r e e ，b ya n a l y z i n gt h ei n t e r a c t i v ef e a t u r e so ft h ef l a s ha n i m a t i o ni nw e bd e s i g n ， t h ea u t h o re x c o g i t a t eas u i to ft h ed e s i g nt h e o r ya n dm e t h o d st h a tc a nb r i n gi n t op l a ya b e t t e rs e to ff i a s ha n i m a t i o nj n t e r a c t i o no nw e bd e s i g nf r o mw e b s i t ef u n c t i o n a la n d a e s t h e t i cd e s i g nt h i st w os p e c i f i ca s p e c t s a n ds e tf o r t hm o r et h ef 1 a s ha n i m a t i o n i n t e r a c t i v et r a c t i l i t yi nt h en e ws i t u a t i o n t h ea u t h o rp r o f o u n d l yr e a l i z e dt h a tt h e a p p r e c i a t i o nf o rt h en e e do ft h i ss t u d yb e c a u s eo ft h er e s e a r c hi nt h el i f eo fs o m e u s e r s i n t e r a c t i v et a s t e i nt h ew e be x p e r i e n c e a u t h o rb e l i e v et h a tt h r o u e , hi n t e r a c t i v e a r td e s i g no ft h ef i a s ha n i m a t i o no nt h ew e b s i t e ，c o r p o r a t i o nc a nh a v eam o r ed i r e c t a n dm o r ec o n v e n i e n tw a yt oc o m m u n i c a t ei n f o r m a t i o n s ，v i s i t o r sc a nb em o r eh a p p y w i t ht h em o o di nh e r ef o rt h ee x c h a n g eo fi n f o r m a t i o n t h ew e b s i t ed e s i g no n l yb y f u l l ye m b o d i e di n t e r a c t i o n ，w e bs i t ec a nw i ni nt h ec o m p e t i t i o n ，a n dt h ec o r p o r a t i o n c a ng e tm o r ea t t e n t i o na n ds u p p o r t k e y w o r d s ：w e b - d e s i g n ；f l a s h - a n i m a t i o n ；w e b - a n i m a t i o n ；i n t e r a c t i o n l l 西北大学学位论文知识产权声明书 本人完全了解西北大学关于收集、保存、使用学位论文的规定。 学校有权保留并向国家有关部门或机构送交论文的复印件和电子版。 本人允许论文被查阅和借阅。本人授权西北大学可以将本学位论文的 全部或部分内容编入有关数据库进行检索，可以采用影印、缩印或扫 描等复制手段保存和汇编本学位论文。同时授权中国科学技术信息研 究所等机构将本学位论文收录到中国学位论文全文数据库或其它 相关数据库。 保密论文待解密后适用本声明。 学位论文作者签名：摊指导教师签名： z ，一 。8 年6 月弓日9 多年月。日 西北大学学位论文独创性声明 本人声明：所呈交的学位论文是本人在导师指导下进行的研究工作及取得的研究 成果。据我所知，除了文中特别加以标注和致谢的地方外，本论文不包含其他人已经 发表或撰写过的研究成果，也不包含为获得西北大学或其它教育机构的学位或证书而 使用过的材料。与我一同工作的同志对本研究所做的任何贡献均已在论文中作了明确 的说明并表示谢意。 学位论文储签名历出熬 d 艿年6 _ 月罗日 引言 引言 1 、命题的研究背景 随着计算机网络技术的发明和应用的普及，使人类社会发生了巨大的变革， 实现了由工业社会向信息社会的转变和由工业社会的物质文明向后工业社会的 非物质文明的转化。 以计算机、网络为特征的信息化社会改变了人们的生活方式，商业化的因 特网自二十世纪九十年代从美国崛起，爆炸式的发展至世界各地，成为新的传 播媒体，全球各企业、机构及个人纷纷利用互联网建立自己的w e b 站点并登陆到 其他站点，获取和发布信息。由此，网站之间的竞争r 趋激烈化，这正是网站 中信息传达效率的竞争，而网站用来传达信息的方式的设计与规划则成为企业 赢得竞争优势不得不考虑的网站建设要素。 组成互联网的每个网站都是由诸多网页构成，所以，网页就成为网站信息 最直接的传播媒介，网页的设计也就至关重要。网页设计分为前台设计和后台 设计，本文重点研究的是网页的前台设计，即网页艺术设计，它是对画面各个 元素( 如文字、图片、动画、声音、视频等) 的整体规划和有机组合过程，并赋 予其韵律和艺术性。在网页互动特性的条件下，构成网页的多媒体动画f l a s h 动画也受到人们的热烈欢迎，从网页到电视、手机无处不在，它的互动性则是 起到不可忽视的作用。如何在网页艺术设计中设计出具有良好互动性的f l a s h 动画，将是一个值得研究的课题。 2 、命题的研究对象与研究目的 网络和其他媒体的区别就在于互动性。网络的呈现方式一网页，就必须 要足够的体现互动特征。但要以如何的面目呈现给浏览者呢? 不但网页的实用 性要好，就是艺术设计也成为吸引和留住浏览者的一把钥匙，而构成这一设计 的关键因素就是f l a s h 动画，它是在艺术形态上的互动，内容上的交流。因此， f l a s h 动画在网页设计中的互动性研究 在网页艺术设计中强调并研究f l a s h 动画互动性的重要性及原则将是本课题的 研究方向及写作目的。 3 、研究意义 网页设计师从事网页设计的主要目的是为人服务，所以他必须考虑到人的 全面需求，设计则要满足浏览者的精神需求和审美需求，需要从艺术中汲取审 美要素，将审美要素应用于网页的视觉设计中，与浏览者产生情感的交流，真 正达到好的互动。 本文正是从艺术设计的视域对“f l a s h 动画在网页设计中的互动性 展开分 析，通过分析网页动画的互动特性，并从网页设计的功能和审美两个方面具体 研究出一套更好的发挥网页设计中f l a s h 动画互动性的设计理论及方法。因此， 在现阶段，研究网页设计中f l a s h 动画的互动性，对设计理沦的研究具有实用价 值，对网页视觉设计的广泛实践需求有重要意义，其研究成果具有直接的实际 应用价值。希望这将启示我国网页设计和f l a s h 动画的爱好者们能够注意到当前 的这个问题，携手做出更好的作品，赋予网页更多的情感和人性化特征，同时 带动我国网页设计的整体水平，形成真正的交流传播平台。 4 、学术界对该命题的研究现状 因为网络首先产生于国外，因此，网页艺术设计和f l a s h 动画设计也是在西 方国家提出来的，而且存在了很长的时间，发展至今天，已经有了一套很成熟 的经验和理论。特别是西方一些国家和亚洲的日本和韩国对于网页和动画设计 已经走在了行业的前端，目前市面上很多网页和动画设计模板就来源于这些国 家。但在理论研究方面，网页设计的互动性原则比较少，f l a s h 动画的互动性研 究更加缺乏。当然有少量针对网页视觉风格设计的理论书籍问世，如韩国网页 设计师崔美善曾编著有设计师谈网页风格构成和设计师谈网页视觉特效， 后经我国翻译出版发行，但仍未谈到网页及动画的互动性设计。 在国内，网络的发展时间还不太长，网页的视觉设计的重视程度虽然在提 高，但大部分网页色彩斑斓，文字拥挤，看上去眼花缭乱，网页内容浩繁，图 2 引言 象色彩艳丽，广告跳来跳去，又或者色彩上朴素大方了却又缺乏艺术美观性和 趣味性。除了网页的艺术设计上的问题外，f l a s h 动画的设计总体上发展的相对 可观，但是大都以动画短片或以故事的形式出现，观看者除了能用播放器控制 其的开始、暂停、停止以外，所能达到的互动少之又少，即使是看电影也不乏 这些互动。因此，要充分发挥f l a s h 动画的互动特性，将会是很值得关注的问题。 在市面上网页和动画设计的书籍中，大部分是教授人如何学习网页设计软 件及相关基础设计的，如网页配色密码、网络动画设计、网页色彩 与版式设计创意实战等书籍；相对深层的理论研究也有，如( ( f l a s h 技术还是 艺术，虽然有分析网页丰h f l a s h 动画的“交互性 和“互动性 ，但仍缺乏对 提高互动性设计方法和理论的研究；而一些相关网页和动画“互动性”设计的 文章，却是把大量的精力投入到技术的层面，反而缺乏艺术设计方面的研究。 因此，对网页设计中f 1 a s h 动画的互动性的研究，特别是在艺术设计层面上的探 讨，还未引起足够的重视，系统理论还没有形成，所以还需要去努力探讨。 3 f l a s h 动画在网页设计中的互动性研究 1 本研究涉及的原理 作为上网的主要依托，网页由于人们频繁地使用网络而变得越来越重要，这 使得网页设计也得到了发展，其目的就是提供一种布局更合理、功能更强大、使 用更方便、视觉上更美观的形式给每一个浏览者，使他们能够愉快、轻松、快捷 地了解网页所提供的信息并且给与回应。 “网页实际上就是一个文件，是存放在w e b 服务器上供客户机用户浏览的页 面刊t m l 文档，如( 图卜1 一1 ) 和( 图卜卜2 ) 分别是西北大学的网页页面和页面源 文件，最o h t m l 文档。它的全称是h y p e rt e x tm a r k u pl a n g u a g e ，中文翻译为 超文本标记语言，是一种通过互联网连接可以在ln t e r n e t 上传输，并被浏览 器认识和翻译成页面显示出来的文件”。而“网站是由若干个网页组成的，这 些网页因具有某些相同类型的信息而通过各种超链接互相链接在一起，就构成了 一个网站，而各个网站之问又以各种形式互相链接在一起，这样就构成了一个强 大的网状体系结构，成为传播文字、图形、声音、动画等信息资料的庞大载体。” 2 1 如今的网站范围很广，包括有个人类、门户类、资讯类、时尚类、企业类、 电子商务类、文化与生活类、政府机构类、娱乐类等等，而这具有各类性质的网 站在网络上无不以网页作为自己的门户，其网页的风格特点却又各自不同，不但 要能体现出该网站的性质和功能，还要看起来美观、操作便捷。这个时候就需要 考虑给网页做个精心的设计，因为网页的文本、背景、按钮、图标、图像、色彩、 导航系统、背景音乐以及动态效果等等这各个方面的设计都会直接影响到信息的 传播效果和浏览者的浏览。特别是f l a s h 动画的设计和应用，是从视觉上调动浏 览者积极性最直观最显著的一个元素，它以其特有的动态效果和交互特性大大的 增加了网站的魅力。 1 1f i a s h 动画设计基本原理 “动画从字面意义上看可以解释为活动的画。但著名的权威动画艺术家 4 1 本研究涉及的原理 诺曼麦克拉伦在2 0 世纪4 0 年代曾郑重声明：动画不是会动的画的艺术，而是创 造运动的艺术。3 1f l a s h 动画也正是一种创造运动的艺术，它的出现为网页的 发展注入了新的活力。 f l a s h 是基于互联网的需求而产生的，“f l a s h ”是应用软件的名称，准确 地说，是一个基于网络开发而专门用于制作交互式矢量动画的软件。而由其制作 的“f l a s h 动画”具有画面的缩放、旋转、变换、淡入淡出等动画特效。在其出 现之前，网页动画主要以g i f 动画为主，这类动画虽然文件小，适合在网络上传 播，但是既不能包含声音效果，也不具有交互性功能，只是单调的循环播放。 和其他动画类型相比，f l a s h 动画有着突出的优点：f l a s h 动画因为受网络资 源的制约一般比较短小，所以情节和画面都比较夸张、起伏，力求在短时间内传 达出最深的感受；f l a s h 动画有着很强的交互性优势，它可以让欣赏者通过点击、 选择等动作决定动画的过程和结果，充分享受互动的喜悦；f l a s h 动画还可以同 时在网络、电视、手机等多种媒体上播放，实现一片多播；并且集多种视听媒体 于一身，让设计者最大限度地发挥想象力、夸张动态，实现许多传统动画无法实 现的动画艺术效果。 当然，f l a s h 动画也是有其限制性特点的：一个网络艺术作品和其他媒介作 品不同，它不但短暂而且还随时会被复制，即使是一个引人注目的优秀作品，在 上传到网络之后，它可以被无数次观看、下载、发送、复制也可能被随时删除， 创作者的原创性，看起来只能靠自己电脑中的动画源文件来证明，但也有失去的 可能，如被恶意复制或不经意地被删除。从作品丌始在网络上流传开始，作者就 已经消失，他不再拥有作品，他和每个参与者一样，都是以平等的身份参与作品。 正是因为如此，f l a s h 动画使每个来到这里的人都可以平等、自由地参与和交流， 充分体会f l a s h 动画在网页设计中的互动感。 f l a s h 因其强大的交互特性，我们不但可以用它来制作流式动画，女i f l a s h 短片、f l a s hm v 、f l a s h 片头：还可以用它来创建导航控件、动画徽标、旗帜广 告、按钮、图标等等。f l a s h 动画作为一种新的网络艺术形式，只有网络和承载 其的网页，才是f l a s h 艺术得以充分展示其形态，呈现其意义的空间。f l a s h 动画 更进一步体现了网络自身的互动特性。满足了浏览者对互动性的更高要求，以实 5 f l a s h 动画在网页设计中的互动性研究 现更强烈的直观感觉、更丰富的交互响应和更具感染力的体验。 1 2f i a s h 动画在网页设计中的运用 f l a s h 动画已经成为网上活力的标志，并应用这一技术与电视、广告、卡通、 m t v 、制作等方面结合进行商业推广。这样，f l a s h 动画将作为一种产业渗透到音 乐、传媒、广告、游戏等各个领域，开拓发展无限的商业机会。f l a s h 动画在网 站中的运用，从简单的流式动画到复杂的交互式w e b 动画，都体现出了f l a s h 动画 的优势。 自从f l a s h 进入到国内以来，掀起了一波又一波的f l a s h 浪潮。它使以前高深 ，莫测的多媒体制作变得简单、生动，每个人都可以根据自己的想象力通过并不复 杂的操作而制作出多变的交互式动画。 由于制作精良的f l a s h 动画可以具有很强大的视觉冲击力和听觉冲击力，因 此一些公司在网站发布新的产品时，往往会采用f l a s h 南1 作相关的页面，借助 f l a s h 的精彩效果吸引客户的注意力，从而达到比以往静态页面更好的宣传效 果。也有一些网站，为了展示自己的个性，使用f l a s h 来制作整个站点。 对于一个网站而言，动画图形可以增加网站的生气与活力，吸引观众的注意 力。 1 2 1f l a s h 动画在网页设计中的部分运用 在网页设计中，f 1 a s h 动画作品除了以“流式播放动画”如：f l a s h 动画短 片、f l a s hm y ，同时还有一些起着关键作用，却又具有一定交互性特点的形式。 有些网站的引导界面做成f l a s h 动画形式，内首页及其它内页的版式设计却 般由d r e a m w e a v e r 软件来完成，做成静态页面。当然，大部分这类页面全部是 静态，但也有某些网站做出以下设计。 如：内页中的f l a s h 网络广告、f l a s h 形象展示动画、网站导航栏动画、图片 展示动画、f l a s h 交互动画、及由f l a s h $ 1 作完成的网站注册、登陆、计算等系统。 在静态页面中，如果把这些做成动画的形式的话，那无疑是能起到生动、装 饰的作用，对浏览者的引导上，具有充分的调动作用。但是不宜太花、太乱，否 则，就会起到反作用，不但使浏览者有眼花缭乱、烦躁的心理感受，而且会给企 6 1 本研究涉及的原理 业的网站效应人打折扣，显得小气、烦乱，缺乏信任度。 1 2 2f l a s h 动画在整站网页设计中的运用 前文中提到过，除了采用f l a s h g l j 作相关的页面外，也有一些网站，为了展 示自己的个性，使用f l a s h 来制作整个站点。 整个站点从概念上就已经包括所有视听元素部分及版式的设计。网站引导界 面的设计姑且不说，由其引导进入的内页面这整个系统都是由f i a s h 软件来制作， 就包括上文列举的视频、f l a s h 广告动画、f l a s h 交互动画、内页中的l o g o 、网站 的f l a s h 形象展示动画、网站各级导航栏、图片展示、文字、链接、色彩、音乐、 声音、游戏及网站注册、登陆、计算系统等。 这样的f l a s h 动画网站，看起来、听起来都十分炫，具有很强很独特的个性， 基本上能完全调动浏览者的积极性，给人以活跃的心理感受。但是，由于都是由 f l a s h 来做，文件比较大。由于带宽和浏览者个人电脑配置的原因，整个网站的 运行和页面的显示相对于前面一种设计就会吃力一些，速度也会相对慢些甚至于 很久才能打开页面。这样的话，浏览者就不会有足够的耐心去等待，甚至会认为 根本打不开而不再浏览这个网站。 因此，好的动画，需要有好的设计，需要我们潜心去研究、思考，既能使网 站充分利用其生动活泼的优势，又不会因其一些限制因素，而使浏览者产生不好 的心理感受，以致影响到网页和浏览者的互动。 1 3 本文研究对象的范畴界定 在具体展开对网页设计中f l a s h 动画的互动性研究之前，有必要对其范畴作 一个界定。作为本文研究对象的网页动画，是指网页设计中的f l a s h 动画( 不包 括g i f 、模拟现实等其它动画形式) ，是直接由f l a s h 软件应用交互方式进行网站 的全部或部分功能设计，以及直接嵌入到网页中的f l a s h 游戏、f l a s h 交互动画等， 而不是f l a s h 流式动画作品。这主要突出反映的是在网页设计中能与浏览者产生 互动的f l a s h 动画。 7 r a s h 动画在网页设计中的互动1 ，l 研究 2 研究网页中f l a s h 动画互动性的原因 互联网革命性的讯息就是互动性，它是人的视觉、听觉和触觉能力的综合延 伸。一个好的网站成功的原因各不相同，但是，有一点是不能忽视的，那就是用 户的互动和参与性。可以说，每个网站都是一个社区，人们可以在这里发布信息， 沟通交流，人们也可以在这罩阐述自己的观点或者评论，再或者在这里交朋友。 任何网站要有互动性，才可以说它具有发展的潜能，而这互动性的体现就在于网 站的规划、网页的设计。 2 1 对互动性的理解 自从有了电脑，就有了交互性的概念，比如我们听到过的“人机交互”，这 是因为电脑本身就是一个交互式的工具。随着个人电脑的普及、互联网的发展， 我们也听到越来越多关于“交互”、“互动 的概念，l l ：女n “互动式营销”j “交互 式网络教学”等等。事实e ，我们的生活就处于交互性之中，当然这是广义上的 交互性，而且大多数时候是不完全不充分的。就如通过网络视频跟朋友聊天，虽 然可以听到他的声音，也可以清楚地看到他的表情和衣饰，但却没有领会到他刚 才说的那一段话的含义，因为刚才在观察这上面这些细节，也或许是对他的叙述 不感兴趣或理解差吧。但始终这是一次失败的交流，作为互动的一方并没有完全 接受到另一方的信息。 一次良好的交流就会足一次成功的互动，它可以是认真的倾听、充分的判断、 积极的响应，它也可能含有误解、歧义，或是注意力的转移，但这都是交流的一 部分。因为这些，交流才变得生动，富于多义，并带给人愉快和满足。从古至今， 人们一直在追求交流的平等和自由，并也在尝试着以不同的方式进行交流。人们 需要交流，特别需要双向互动性的交流，而不仅仅是倾听、自言自语，或是单向 的灌输。因为交流的本质就是互动，互动的、积极的交流可以使我们得到经过判 断的信息，获得交流过程的挑战与乐趣。 从辞海和现代汉语词典里都没有“互动”一词的解释，作者只在字 8 2 研究网页中f l a s h 动l 自i 互动件的原闪 典里看到关于“交互”的两个解释，即“互相”和“替换”。综合看来：交互具 有双向性，交互的双方没有主体与客体的区分，二者的身份能够彼此替换。因为 从交流的方式来看，交流的双方既是信息的发送者，也是信息的接收者。并且好 的交流模式是不存在主次之分的，任何一方发出信息，另一方则对接收到的信息 进行理解判断，然后反馈给发送方，发送方以此了解自己的信息在交流中的效果。 传统媒体作为“低互动类媒体”，信息从媒体向受众是单向流动和传达的， 诸如电视、报纸、杂志、广播等传统媒介。然而对于互联网和多媒体媒介这类“高 互动类媒体”而言，信息传播方式是双向流通的，人们对信息不仅有选择权，还 有控制权，可以改变信息的内容和形式。比如搜索引擎，就是信息的接收者选择 自己感兴趣的信息；通过网络，人们可以选择自己喜欢的音乐、图片或动画；通 过e m a i l ，人们可以定制新闻，给好友发送f l a s h 动画贺卡等。其最大的特性就 在于它的信息互动性，因此，互动性是多媒体与传统媒体相比最重要的优势。 互动性体现在信息发送者与信息接收者之间的双向流通上，如互联网中的在 线聊天、e - m a i l 交流、b b s 交流、m s n 交流等。另外，互动性还体现在信息的接收 者与信息之间的交流上。 要使受众乐于点击你的网页，除了要具备一些艺术设计的要素外，还需要引 起受众的兴趣，在互动性上受众对网络进行参与和控制，不仅可以在网页中选择 和改变信息的传播过程和结果，还可以自主的把个人的信息或喜好以文字、图片、 视频等形式通过网页的交互操作上传到网络上，通过一系列有趣的交互操作体验 后，信息不知不觉被受众接受和牢记。因此，信息的个性化越强，受众的主观参与 能动性越高，传播者与受众的沟通层面越深，网络的互动性就越强，这就是网络 互动性的生命力所在。互动源于人们对交流的渴望，交互性显示了平等的姿态， 因而对于网页媒体元素的艺术设计而言，互动性更突出的体现于一种精神的交 百。 2 2 浏览者的心理分析 2 2 1 认知原理 在研究浏览者的心理之前，先来了解一下人类的知觉规律、特点及其对网页 9 f l a s h 动画住嘲灭设计中的互动性研究 动画视觉艺术的影响吧。在上个世纪，心理学家们就已经对人类的知觉规律，进 行了一定的研究。并且，在后来被充分地运用于建筑、包装等很多现代设计中， 并取得了很好的成效。 “人类通过感官得到外部世界的信息，这些信息经过头脑的加工，产生了反 映事物整体的心理现象，这就是知觉”h 1 。可以说，知觉是客观事物在作用于人 的感觉器官后，形成在人脑中的对事物的整体反映。知觉跟感觉一样，都是对现 实的感性反映，如果感官没有事物对其的作用，就既不会有感觉，也不会有知觉， 感觉是知觉的基础。 “知觉包含了按一定方式来整合个别感觉成分的作用，形成一定的结构并根 据个体的经验来解释有感觉提供的信息，它比个别感觉的简单相加要复杂和丰富 得多，在实际生活中，人们都以知觉来反映事物。”陌1 知觉依赖于感知的主体“人”，而不单是人的某个感觉器官。人们对事物的 态度、需要、兴趣、爱好以及知识和经验等等，都会在一定程度上影响到知觉的 过程和结果。 从人类感官特性的角度看，知觉分为视知觉、听知觉、触觉、嗅知觉、味知 觉等。我们知道，浏览者对网页动画设计的感受，会受到视知觉和听知觉的影响， 一个界面、一个图形、一个动画、一段音乐之所以可以唤起丰富的审美感受，那 是因为视知觉和听视觉调动了人们以往的生活体验、视觉经验、和人们知识的参 与。而浏览者对事物不同的态度、需要、兴趣和爱好等和网页动画不同的设计都 会直接影响到网站和浏览者的互动。 2 2 2 浏览者的心理 要研究网页动画的互动性，首先得从了解浏览者的心理来入手，否则没有针 对物的设计只会是失败的设计，互动也无法体现。因为互动性是一个网站成功的 标志之一。 在互联网初期，进入大众视野的网页多是平面、静止的。随着时间的推移， 人们已不能满足于互联网平面的浏览模式，并且在现实中人们对图像的直观性具 有强烈的渴望。因为人们已生活在图像时代，对图像的接受不自觉地已经转变为 本能的需求。似乎文字也失去了主宰地位，而必须借助图像的力量，或者变成图 1 0 2 研究嘲页中f l a s h 动l 面i ，工动性的原冈 像的一部分。开始把上网作为生活一部分的人们，尤其是年轻的群体，已经习惯 了依赖同常生活中的图像经验，去理解、表达和思考。就如“情人节”，很多情 侣们都会花心思想着给对方送上一份什么样的礼物? 除了亲手递上浪漫的礼物 外，网络也成为一个不错的途径，通过邮箱留言似乎有点呆板，但通过网络发一 份“f l a s h 情人节贺卡”到对方的邮箱里就会其乐融融! 这样的网站很多，( 图2 2 1 ) 就是个“情人节贺卡网”的网页，( 图2 2 2 ) 是一份“f l a s h 情人节贺卡的静帧 图，在这份小小的贺卡中，都调动了用户的参与。在科技与经济高速发展的今天， 人们面对心理和精神上的双重压力，在他们面对网页的时候，就需要有新颖而愉 快的交流方式与之“沟通”，这就需要有一种人机互动的模式。 加强网站与用户的互动，可以提高用户与用户之间的沟通和交流，激励用户 的参与和贡献，总之，一定要让用户觉得这个网站“好玩”，只有这样才能提高 网站的活跃用户数。网页动画的交互性特点，可以让欣赏者融入到动画中使用鼠 标点击，让浏览者成为网页动画中的一个角色。其交互性设计，提供了一种文化 创新的凝聚力，可以在更大程度上满足大众对更个性化的信息日益增长的需求， 如将网页界面设计成为用户所期待的形式，满足用户的参与性，或者实现用户某 种愿望、需求、目标和能力。 因此，在网页设计中，我们既要满足人们生理和心理的需要，又要满足物质 与精神的需要。也许我们不能完全实现真正意义的交互，但独特的网页动画设计 将会使浏览者与网页之间的交流更加契合，动态性和趣味性更强，“人性化”的 网页设计是建立人机互动的桥梁。研究网页中f l a s h 动画的互动性是有一定根据 的，是出于充分考虑到用户的浏览心理和需求后，做出的研究。 2 3 网页动画区别于其他媒体的互动特性 传统媒体通常是单向的传播信息，即信息从媒体向受众是单向流动的，而网 络多媒体的信息流动是双向的。因此，互动性是网络媒体与传统媒体相比最重要 的优势。而网页中就是因为集合了如：图形、图像、文字、背景、色彩、导航工 具、背景音乐、动画、动态影像等多种视听媒体形式而充分发挥其互动性的。网 页中f l a s h 动画充分地体现了“互动性”的特点。 f l a s h 动画a ：网页设计中的互动性研究 2 3 1 视觉的愉悦性 无论是传统媒体还是网络多媒体，它给受众的视觉感受都是很重要的，这是 直接影响其关注率的一个不可忽视的因素。 但是，传统媒体的视觉设计无法做到全面，如电视媒体，虽然可以使用很多 有意思而生动的剧情来吸引受众，但呈现于人们视觉上的东西只能限于现实中存 在或经过模拟的事物，而缺乏现代设计中的图形的美感，即经过设计者们在无任 何根据的情况下夸张想象并无法在现实中实现和完成的创作，从而通过独特的设 计给与受众前所未有的视觉体验。除此以外，报业、杂志等平面媒体的视觉局限 性就更大了，只限于平面的设计，而无法借助动态和声音的元素，相对活跃的 f l a 动画要死板很多。s h 也正是因为这样，f l a s h 动画得到了空前的发展，就包括电影、电视也越来 越多的运用了这一因素。另外，二维和三维的动画以及后期制作的动画特效也得 到了广泛的应用，并通过这些来弥补传统媒体视觉上的不足。在电视广告中， f l a s h 动画开始有了它的位置，不但充分节约资金，看起来还可爱、美观。 因此，在网络多媒体越来越受人们欢迎的同时，f l a s h 动画的多媒体特性给 受众的的视觉愉悦感也愈来愈明显。在人们上网浏览网页时，不同的网站有着不 同的网页和动画设计，呈现出不同的视觉效果，给浏览者的心理感受也各不相同， 所产生的互动效果也不尽相同。( 图2 3 1 ) 显示的网页设计给人一种清爽、时尚、 前沿的感觉；而从( 图2 - 3 2 ) 鼎太集团的网页中却看到了一个整体而充满视觉美 感的设计，该设计还通过绿色的高尔夫球场及打球情景的图形设计传达出企业环 保和高品味的房产定位理念。在网页动画的设计中，可以充分发挥想象力，通过 艺术思维，把美赋予网页的方方面面，再充分利用它的多媒体特性，有机的组合 多种媒体元素，包括图形、图像、字体、音乐、动画等等。通过精心的设计，使 网页及动画成为一种艺术品，使浏览者在一打开网页时有耳目一新的感觉，从心 底里喜欢上这里。如( 图2 3 3 ) 中的网页以其可爱的色彩和活泼的造型设计让人 们看了不由得有种愉快的心情；( 图2 3 4 ) 是a d i d a s 的网页设计，虽然不像上图 一样可爱，但却让人觉得很精神，不愧是运动品牌的企业网站。 1 2 2 研究嗍页中f l a s h 动画互动性的原因 2 3 2 浏览者的可参与性 浏览者的参与是网络区别于传统媒体的最大的互动特性。 传统媒体的信息在传播时是呈线性从媒体向受众单向流动的，受众是被动的 接受者，而网络多媒体的信息流动是双向的，人们在浏览网页时，可以主动的有 选择性的浏览网页中的信息，并且浏览者的每一个操作都会得到一个回应，这会 使浏览者得到一种充分的满足感。 网站的访问者作为参与者，与网页及动画的创作者就建立了一种新型的互动 关系，充分体现了人们寻求平等和自由交流的愿望。这在博客和论坛中体现最为 突出，如( 图2 3 5 ) 是新浪的一个名为“痴人说梦”的博客圈，( 图2 3 - 6 ) 是一位 名为“点魂”的新浪博友的博客。人们可以在这里与他人交流思想，也可以上传 图片、视频。由于创作者身份的转移，使他在主观和客观上都没有了特权。网站 就成为用户自由控制的一个空间，动画导航的设计、便捷的链接设置及各种图形 的有效搭配等互动性设计，可以调动用户的积极性参与进来，寻找他们感兴趣的 信息和把他们的想法与创作者及其他用户进行交流。 就如网络广告，目前发展如此旺盛，正是由于网页动画互动性的存在。无论 是b a n n e r 1 - 告、p a g e j 。告、弹出广告、游动广告还是e m a i l 广告，在加入动画效 果后，吸引访问者进行点击，并收到回应进入广告主的网站，在浏览后可以通过 回馈按钮的点击进而与品牌进行网上互动，或者与网友们交流对该品牌的心得， 其他用户如果也想了解这方面的信息，那之前网友们留下的心得体会则可以借鉴 了，这就形成了一个交流的平台，充分的体现了网页及f l a s h 动画的互动性。当 然，也不乏有失败的广告动画，影响到用户的正常浏览，引起人们的反感。像后 边在广告主网页中的回馈互动的实现，通常设计时需要编入程序语言。 2 3 3 对浏览者的引导性 事实上，人们在阅读某种信息时总会有个自然的流动习惯，这是由人类的生 理特征决定的。我们的视觉往往会有明显的方向感，例如当我们看到一个有线性 设计的页面时，会不自觉的向线的一端看去，这是因为线具有很强的指向性。又 或者，一个网页页面中除了一个点以外，没有任何图形和文字，那我们就会潜意 识的去点击这个点，认为这个点就是进入其他页面的一个通道。可见，我们的视 1 3 f l a s h 动i 碡i 在网页设计中的丘动性研究 线很容易被一些视觉传达符号所引导。这也正是网页中按钮设计成相对于页面的 点的原因了，只是有着形状的差别而已。 网络媒体相对于传统媒体而言，更具互动性。传统媒体只是单向的给受众灌 输信息，使其没有选择的余地，似乎也就谈不上引导了。而网络媒体不同，人们 在众多网站中游离，视线就会因视觉规律而受到引导。网页动画对浏览者的引导 有很多方面，有优也有劣。f l a s h 动画作为一种新的内容表现形式，制作时可以 以引导浏览者为目的，有意的做出某种设计。如引导页的设计，但是并不是每个 网站都需要这种引导页，如使用不当，其效果会适得其反。在很多种设计中，色 彩对受众的引导作用是不言而喻的，在网页动画中也是一样。网站在面对其产品 诉求范围内的浏览者时，可以运用相应的色彩来引起浏览者的情感共鸣，并营造 出一种互动的情感氛围。文字和图片的引导性就更为直观、明显了，除了这以外 还有很多很多。 但需要了解到在对浏览者的引导上，网站中也会有一些劣等或色情信息会对 浏览者产生错误引导，使浏览者的精神和生活受到侵害，所以不提倡劣等信息的 引导设计。 2 3 4 信息传达的多元性 在信息传达方面，传统媒体往往是通过文字、语言、图像来传达信息的，而 网络多媒体则是从网页的方方面面可以传达出信息，如版面、文字、图形、图片、 图像、色彩、音频、视频、动画、广告、导航等元素的信息传达；还如博客、播 客、空间、论坛、网络电视等很多方面都进行的传播。但在这信息传达的每一个 过程中，都是以“人机人 的互动形式下完成的。 而网页动画在信息传达中则主要反映在色彩、动画、广告、导航这几个方面。 相比传统媒体，网页动画的传达面更宽、更深，传达方式更为多元化。 2 3 5 信息传达的隐喻性 网页动画的视觉传达设计中，通常会发挥创意思想，通过某些图形来象征某 种构思时，这就是网页动画的一个隐喻设计了。传统媒体在这个方面一般不具有， 是因为传统媒体通常必须要以最为直观的、快速的方式将信息传播给受众，如果 也采取隐喻的方式，那传播信息的目的就不容易达到了。 1 4 2 研究网贞中f l a s h 动厕互动件的原因 “隐喻就是比喻、象征的意思，是指通过隐喻手法传达抽象的设计理念的具 体对象。也就是说具体对象象征某个概念性的构思时，就成了隐喻。隐喻的设计 是为了将设计理念比喻成使用者容易理解的对象物，以便更好的传达意义。”哺1 通常会将同常生活中的具体物品制作成图形、图标，甚至用做按钮。我们从 大部分网站中都可以看到这种视觉隐喻设计，都是用做图形用户界面的构成要 素，即菜单或按钮中的图形图标。通常可以通过这类设计隐喻地传达网站的性质， 并让使用者容易理解，以便加深对网站的印象，有助于浏览者将视觉隐喻记忆为 网站的代表象征物。例如一个花茶网，在色彩上自然会以绿色为主，隐喻的图形 往往会根据网站的主题产品花茶经过变形处理作为图形设计为网站背景的纹理 或图标，同时还可以结合茶园中采蜜的蝴蝶或蜜蜂的图形来起到象征和隐喻的作 用，如( 图2 - 3 - 7 ) 。通过隐喻图形，浏览者可以发挥想象力并将情感一同赋予网 页中，同创作者一起体会某种意境或思想。 1 5 f l a s h 动画在嘲贝设计中的互动性研究 3 对网页设计中f la s h 动画互动性的艺术设计思考 3 1网页动画互动性的功能设计 3 1 1 网页动画的信息交互 传统媒体仅将信息单向传递给受众，网络通过网页传播信息时则提供一种 双向传输的信息渠道，呈现出交互的特性，它实现了用户双向的、平等的信息 交流。由于它的技术优势，信息传播可以不受时段、节目容量等诸多因素的限 制。在网页设计中，信息在视觉上传达是否成功，与各页面信息的组织与链接 都有直接的关系，其中信息传达的交互的过程，是网页信息传达的一个显著的 特点。在这个过程中，网页信息的交互不仅可以操作，更可以进行创造，不仅 可以为用户提供信息，还可以通过用户的交流和使用，得到反馈而做相应的调 整。 要达到信息良好的交互传达，导航系统的设计十分重要，每一级导航都要 有清晰明了的导航设置，并在其醒目的位置设置下一级页面信息的链接。尽量 以明确而有条理的设计使浏览者按网页中设置的浏览主线访问每个页面。 f l a s h 动画导航系统不但可以大大获得浏览者的青睐，而且其交互性的设计使网 站以强有力的信息交互作用留住大量的用户群。 f l a s h 动画导航系统交互性的设计，通常需要调动它的脚本语言：a c t i o n s c r i p t 。它的基本语法接近于v bs c r i p t ，中文可以直接译为“动作脚本 ，它 是f l a s h 专用的一种程序语言，采用面向对象编程的思想，采用f l