浅析Flash动画在网页制作中的运用

　　摘要：随着网络以及计算机的不断普及，人们生活中的很多方面都可以通过网络得到很大的便利。于是各个网站也在不断的提高自身网页设计水平，以吸引更多关注度。网站的制作从最初的添加图片文字等简单媒体元素到当下较为普遍的添加了动态效果的网页设计，Flash无疑为网页的动态设计发挥了较好的作用，加入Flash所制作出的网页具有视觉效果好、交互性能强大等优点，在网页设计中起到了重要的作用，本文从静态网页存在的问题入手，探析Flash动画在网页制作中的应用。

　　关键词：FIash动画 网页设计 动态效果

　　网络的出现使得人类社会发生了重大的变化，尤其在我国，网民数量突飞猛进，以计算机、网络为基础的信息化社会正在不断的改变着人们的生活方式。网络自兴起以来，各大企业、机构或者个人纷纷通过网络来发布或者获取各种信息，所以网站数量相当大，各个网站之间的竞争也日趋激烈。任何一个网站都是由很多个网页所构成，网页是这个网站信息的最前沿传播者，在浏览网页时我们很容易发现了一个问题，那就是很多网页不够生动，甚至稍显枯燥，这对于网站建设和发展来说非常不利，因为网页设计的优劣直接关系到这个网站的访问浏览量。寻求比较好的网页设计效果应该是从事这方面工作的人们应该加以注意的。Flash是一种交互式动画设计工具，它能够将矢量图、位图、音频、动画和交互动作有机地、灵活地结合在一起，从而制作出美观、动感、交互性强的动态效果，它被称为“最灵活的前台”并为越来越多的网页设计师们采用。

　　与传统方式的网页平面制作相比，flash给网站带来的好处非常明显。结合Flash动画在网页应用中的实际表现，可将其特点归纳为以下几点：

　　1.适合网络应用：应用Flash可以制作出一种扩展名为.swf的动画文件，通过使用矢量技术、关键帧和元件使得所生成的这种动画文件小巧精干，非常适合在网站中插入。而且网页中的Flash动画往往以“流”的方式边下载边播放，保证了图形的质量和观看速度。

　　2.表现形式多样：Flash动画网页的表现形式多样，可以包含文字、图片、声音以及动画等内容，如果不考虑文件的大小因素，还可在网页中插入视频片断。丰富的表现形式使Flash动画网页可以更好地表现网站的主题。

　　3.内容针对性强：Flash动画网页可根据网站的特点，对网站进行针对性的宣传和表现，如促销广告可直接着手于促销手段的表现，而产品演示广告则着重与产品的功能和特点表现。这就使得Flash动画网页的表现能够更为直观，使浏览者更好地理解网站的意图。

　　4.具有交互功能：Flash可以通过动作语句来实现交互功能。如浏览者可以通过单击网页导航条选项来获取自己感兴趣的内容，或通过单击Flash动画按钮连接到相关页面，以了解更加详细的信息。

　　一、flash动画在网页设计中的局部应用

　　在网页设计中，flash动画作品除了以“流式播放动画”播放以外，如：flash动画短片、 flashMV。通常情况下，很多的网站是将Flash动画用于网站首页的设计中，其他内页设计使用教多的还是Dreamweaver软件，也就是网页中仅仅有文字和图片这种媒体元素，由于缺乏相应的视觉感受，很多网站又都是千篇一律，很难引起浏览者的兴趣。这时候如果在网页制作中加入Flash动画就可以起到强大的视觉和听觉效果，所以也有一些网站将内页的广告宣传、形象或图片展示、网站注册、登陆、导航栏广告等等位置也是做成Flash动画的形式，这种设计无疑给网页带来了更多的生机，起到生动的装饰点缀作用，能够充分调动浏览者的积极性。比如我们看到一些网站会用添加各种内嵌式或漂浮式动画，来提高网站的美观性，吸引浏览者的注意；还比如有的学校网站首页采用图片幻灯片放映，简单明了的突出了学校的近况，校园新闻，和学生的学习环境。因此，网页的制作添加适当的动画，会给网页加入一些生动活泼的元素，但是添加动画也要注意过犹不及，一定要恰当的位置设计恰当多的Flash动画，否则会起到画蛇添足的反作用，使浏览者感到眼花缭乱和厌烦。

　　二、Flash渗透整个网页设计

　　此外，也有一些网站为了体现其独特之处，将这个网站页面全部使用Flash动画进行设计，即整个网站的所有视听元素及版式的设计全部采用Flash技术进行设计，除了网站的引导界面外，网站内的所有广告、网页中的Logo、Flash MV、网站各级导航栏、文字、色彩、声音、按钮和图标等都采用Flash技术进行设计。因为全flash网站基本以图形和动画为主，所以比较适合做那些文字内容不太多，以平面、动画效果为主的网页。如：企业品牌推广、特定网上广告、网络游戏、个性网站等。

　　制作全flash网站和制作html网站类似，一般有以下流程：网站结构规划—>Flash场景规划—>素材准备—>分别制作—>整体整合。制作前事先应先在纸上画出结构关系图，包括：网站的主题、要用什么样的元素、哪些元素需要重复使用、元素之间的联系、元素如何运动、用什么风格的音乐、整个网站可以分成几个逻辑块、各个逻辑块间如何联系，都应该考虑周全。实现全flash网站效果多种多样，但基本原理是相同的：将主场景作为一个“舞台”，这个舞台提供什么样的长宽比例和颜色风格，“演员”就是网站子栏目的具体内容，根据子栏目的内容结构可能会再派生出更多的子栏目。主场景作为“舞台”基础，基本保持自身的内容不变，其它“演员”身份的的元件、次元件内容根据需要被导入到主场景内。这种纯Flash动画网站通常情况下看起来非常炫丽，最大的不足就是所要占用的网络空间相对比较大、对于浏览者的带宽以及所用电脑的配置要求较高，而且大量运用Flash动画会降低网站被搜索引擎识别的概率。

　　三、网页中主要的Flash动画元素的设计

　　1.交互式导航系统的设计。网页信息是否能够有效的传达给浏览者，页面信息的组织与链接是关键，网页中导航系统的设计也就十分重要，每一级导航都要有着非常简单明了的导航设置，同时是最明显的位置给出下一级页面信息的链接，最终实现用户可以明确有条理的浏览网页中的每一个所需要的页面。使用Flash动画来进行导航系统的设计，能够最大限度的体现交互性。Flash动画导航设计是基于动作脚本语言来进行的。它是编辑Flash动画的一种语言，根据面向对象的编辑思想，通过Flash中的事件实现对程序的驱动。由于导航栏有引导浏览者的作用，因此在设计时须分出几个级别的导航栏，且根据各个级别做出标志以示区分。在色彩的设计上，应尽可能地选用亮丽、透明和清爽的色彩搭配。

　　2.个性化LOGO设计。成功的网站logo是网站的形象象征，它背后所代表是整个网站的文化、理念、内容以及个性等等，对整站网页设计至关重要。要想设计出简单、精美、独特、富有代表性的logo，必须具备一定的美术功底、图像处理能力及动画制作能力。首先应根据网站的类型、内容和风格，设计出代表网站形象的精美图案，然后利用图像处理软件PS来完成图形和文字的艺术美化，接下来运用动画制作软件Flash完成标志的动画设计，为标志添加动画效果，最后将logo的动画转换成元件，以供反复利用，并将logo元件放置在首页醒目的位置上。在设计时，主色应按照网站内涵建设的要求，对照网页基调来做出相应的选择，或是可直接插入商业网站的形象产品。另外，在页面整体上，要尽量醒目，同时还要注意整体形态能否与相关元素协调搭配、标识动感设计是否流畅等等方面。

　　3.网页动画广告。动画广告是网页设计中广告普遍采用的一种表现形式，以前简单的静态banner广告形式已经不能满足客户的要求，因此，现在的网页中越来越多地使用弹出式广告、按钮广告、浮动图标广告、全屏广告等众多形式的广告，而这些广告大部分都是使用Flash制作的动画广告，包含了更丰富的媒体元素，同时也添加了活泼的动态效果，其在设计时更注重的是视觉的冲击力。往往在设计这种动画广告时，要求在几秒钟的时间内就要让受众理解广告中所包含的意思及内容，因此，设计时色彩和动画效果不能太杂，太乱，避免出现过于注重动画效果而忽视了页面的主要信息，致使浏览者对其产生厌恶感而导致整个网站的浏览量下降。

　　四、展望Flash动画在网页设计中的应用

　　随着互联网带宽的不断增加和Flash对互联网的影响力的不断增强，添加动画的网页逐渐受到人们的关注，人们已经认可在Html页面上加入一些Flash的元素会使页面更生动。Flash动画可以实现画面的缩放丶旋转以及淡入淡出等动画效果。在Flash动画还没有出现之前，网页上所有的动画几乎全部是Gif动画，这种动画虽然占用的空间非常之小，比较便于在网络上进行传播，但是其最大的缺点就是不能够嵌入声音效果，无法进行交互式访问。相比较而言，Flash动画就可以在网络资源受限的前提下，实现小空间内多信息量的传达，既有应用性，又具有艺术性，让观看者能够在短时间内形成最深的感受，达到非常好的效果。而且，FLash 动画具有很强的交互性，生动形象的动画和交互式操作，给每一位访问者带来一种切身体验的访问感受，充分体会互动性所带来的乐趣。这样就能提高网站关注度和访问量，增加自身业绩。总之，在网页制作中，按照flash动画的发展前景来看，无论是在什么类型的网站中，flash动画都有着广阔的应用空间和应用范围。可以期待，flash动画在网页制作中一定会有更加美好的发展前景。

　　不过我们在运用Flash动画设计网页时，还要考虑到要想制作一个好的具有吸引力的网站，不但需要提供给人们所需要的内容，还需要有一定的艺术性。所以一个网页在使用Flash动画进行设计时，不可能只去考虑呈现内容或者呈现效果其中一个方面，必须要进行两个方面比重的平衡协调关系。只注重功能的设计，势必会给浏览者造成审美上的缺失，不容易引起人们的关注；只注重呈现效果设计，就会给人以艺术品的感觉，网页上独特的动画特效固然能够起到凸显个性的作用，但是过多的使用这些动画特效，势必会一定程度上影响用户的浏览效果，这样做既无意义又不美观。容易使人忽略其功能的便利性。所以，二者必须找到一个平衡点，来满足浏览者的需求，要既让用户感觉到网页的实用性和美感，同时又让用户感觉不到眼花缭乱。

　　参考文献：

　　[1].修稻.Flash在多媒体网站中的运用.边疆经济与文化，2009（7）

　　[2].王天予.浅淡Flash在网页制作中的运用.理论探讨，2010（1）.

　　文/李芳