FLASH交互性动画在网页设计中的应用与研究

杨远峰

摘要：随着计算机信息技术的不断发展，通过Flash设计网页对提高网页的质量起到着重要的作用。与此同时，在新时期，随着互联网络与人们的生活、工作变得更加紧密相连，Flash动画已经被越来越多的人关注，并被频繁运用到网络社交与软件开发领域，特别是在多媒体网站的制作上，越来越普遍。对此，本文关于网页设计中对Flash动画的应用研究，笔者首先对Flash动画的相关概念及其表现特点简要论述，然后依据着Flash动画的设计特征，更进一步的论述Flash动画的相关应用以及交互性设计。

关键词： Flash动画； 交互性； 网页设计

中图分类号：TP37 文献标识码：A 文章编号：1009-3044（2017）04-0197-02

21世纪是全新的互联网知识经济时代，互联网技术的不断发展，让网络发展成为了人们生活、工作中必不可少的重要组成部分。换言之，在这种大发展趋势下，人们对于互联网技术的应用与标准要求也越来越高。比如在网页设计技术应用这一领域，包括在生活中、在工作中、在学习中，人们对于以往传统的静态网页表现出了更多的不满，正因如此，基于Flash动画视觉的网页成为了今后网络发展的主要趋势。

1 相关概念界定

1.1 网页设计

“网页”是指在互联网络环境下，网络用户浏览信息的一个载体平台，可以获取、了解自己想要知道和查询的信息。在网页浏览中，无异于以下几种情况，工作需要、学习资料查询、休闲娱乐等等。总之，网页设计能够吸引人才是成功的起点、关键，通常情况下，网页设计质量直接影响着网民浏览信息的兴趣。对此，在网页设计中，均改变了传统的一套策略理念与设计形式，通过优化网络页面的排版，注重网页具有清晰的主次，强调中心，色彩和谐，重点突出等。当然，需要特别注意的是，动态的元素不宜太多。总体上来看，在Flash技术的嵌入下，网页设计已然变成了一种交互式的多媒体系统平台。第一，通过夸张的动画效果与内容情节吸引更多的用户关注；第二，交互式优势更加明显，网民的参与性比较强；第三，可以降低整个网页设计与后期运营管理成本，更重要的是提升了网页质量，将核心内容尽情突出。

1.2 Flash动画

Flash是由macromedia公司推出的一种交互式矢量图和Web动画的标准。目前，主要被应用于各类多媒体及其网站设计领域。比如在网页设计中，设计者使用Flash相应的软件及其技术来创作出既漂亮又可改變尺寸的导航界面，或者融入一些其他元素来达到一种奇特、吸引人的效果。是全世界出现的第一个商用的二维矢量动画设计类软件，多用于文档编辑设计，而本文所重点提到的Flash则是美国Macromedia公司所设计的一种二维动画软件。就目前而言，Flash不仅仅只看作是一种动画创作软件，同时还具有开发应用程序的功能作用。目前在市场上最新的商用版本为Adobe Flash Professional CS6 ，它可以创建数字动画，还有交互式Web站点，以及各类桌面应用程序（包括电脑和手机）。Flash之所以会被广泛应用于网页设计中，主要在于其包含丰富的视频、声音、图形和动画。

2 Flash交互式动画在网页设计领域发展现状及优势

2.1 发展现状概括

发展到今天，Flash动画已经与社会大众的生活、学习、工作等方方面面密不可分，作为一种新的互联网活力标志，与社会大众的生活变得更加紧密，并且在个别领域不断被拓展、研究。例如，无论是在电视节目、影视、广播中，还是在街头巷尾的广告宣传制作上，或者是多媒体网站设计中，Flash动画无处不在。通过应用Flash动画这一技术与电视、广告、卡通、MTV制作等加以结合，成为了互联网信息时代下一种新的商业运作与推广模式。特别是在近些年的发展，Flash动画技术体系及其运用框架愈发成熟，在音乐、传媒、广告、游戏等多个领域已经被当成一种新兴产业来对待、发展，开拓出了无限的商业机会。比如在网页设计这一领域，技术的革新、新产品软件的研发更新，从简单流式动画发展到复杂交互性Web动画，在每一个发展阶段、领域，均体现着Flash动画的独有优势。笔者以为，从目前国内网络发展的视角，以及Flash动画软件技术前进的态势，基本可以预知在未来一段时期内的主流发展方向。

2.2 技术优势分析

关于Flash动画应用到网页制作、网站设计中的技术优势，笔者结合着自身的一些认识，将其总结归纳为五个方面。第一，专业性。无论是从网页设计者的理念视角，还是从网民的审美浏览视角，更加专业、漂亮的设计是大家所追求的、所希望看到的。而Flash动画就具备这样一种设计优势。通过使用专业的设计工具，使用Flash绘图工具创建图形，并将其他媒体元素导入到Flash文档中来，生成SWF格式，即可通过用户（电脑/手机）自带的网页浏览器来浏览、播放。第二，灵活性。灵活性是Flash的又一大特征，因此也被公认为是“最为灵活的前台”。在一些多媒体网站上，比如腾讯、新浪网站的体育板块，拥有导航按钮、地图、动画按钮、图形，期间还毫无违和感掺杂着部分广告条。总体，结合Action Script 的对象和流程控制，可以将最为小巧的Flash动画前台展示给广大的网络用户。第三，快速性。关于这一点，相信很多网民用户都很清楚，比如在腾讯、百度等聊天论坛，Flash动画实际上可以边下载边播放。即便网民当时的网络宽带信号非常差，也不需要花费过多的时间来等待。第四，压缩技术。关于这一点，前文中在也提到了一点，使用矢量技术使得产生的网页文件比以往变得更小，无论是窗口模式还是全屏播放，丝毫不受影响。尤其是Flash动画在播放的时候，网页中所提供的Shockwave Flash插件也非常的小，在170KB以下。第五，交互性 + 通用性。设计者通过Flash动画将内容呈现给受众，通过全智能的数字化导航系统，产生互动。此外，Flash动画可以实现跨平台播放。

3 Flash动画在网页设计中的应用

3.1 Flash动画在网页设计中的应用

Flash动画作品多是以“流式播放动画”形式展示出来，常见的类型有，Flash动画短片、FlashMV等。比如国内的一些出行旅游類服务网站，在制作设计上，一般都将网站的引导界面制作成Flash动画的形式。在设计中，所采用的大多是Dreamw eaver 软件。绝大部分均是制作成动画的形式，包括网络广告、企业与产品形象展示、图片展示、交互动画等。它们在整个多媒体网站内所扮演的角色以及所起到的作用，表面上看上去无所谓，其实所非常重要。因为Flash动画环境下对于整个网页起到装饰的效果，对于浏览者来说，更容易调动他们的情绪。当然，动画内容不宜太多，尤其是动画广告，要适度控制。如果太花，一下子出现很多个动画图片，会使得浏览者感到烦躁，最终降低对该网站的好感度。此外，在整个网站设计中，为了充分展示出该网站的个性，设计者也可以使用Flash来制作整个站点。包括网站形象展示、各级导航栏、文字、链接、色彩、声音、游戏等等。

3.2 网页设计中对于Flash视觉元素的引用

关于网站制作设计中对于Flash动画视觉元素的应用，笔者以为，需要重点把握三点：第一，文字。在网页设计中，文字是最主要的一个元素，因为Flash动画创作的出发点就是为了让浏览者更好的接收本网站推送编辑的信息内容，Flash技术嵌入下，可以增强浏览者的兴趣。总之，归根到底就是为了让网民看到内容，而文字就是一种直观体现的方式，承载着最重要的网页信息。再设计中，需要格外注意两个方面，第一个方面，审美效果。在具体设计上，主要体现在文字的排版模式、文字的图形构成以及视觉设计等。例如，文字字体过小的话，导致网民浏览信息时比较吃力，过大的话，对导致整个页面空间布局不合理。第二个方面，信息的传递。这种文字的最基础性的功能，也是目的。对此，设计者应当合理选择字体的搭配，遵循“大标题、小内文，字体少、字型小”的这一原则。第二，图形。图形在其中主要起到着美化内容的效果，所以，关于图形设计的目的也比较明确，就是构建能够表达信息内容的、视觉形式的、独立完整的“语句”。因而，在动画图形设计上，主题要定位明确，尽量以大众心理需求为主，包括图形与字体、色彩等多因素之间的协调性。第三，色彩。色彩在其中的功能效果主要是用来刺激浏览者的视觉感官的。在设计中，注意三个方面：第一个方面，色彩的形式，也统一协调，以此来实现画面的美感；第二个方面，色彩的心理感觉。这是对于受众来说的，在于让受众看到Flash动画后，能够在第一时间刺激大脑，进而产生一种情感心理活动。第三个方面，现代化的色彩设计。尊崇时尚，在不影响审美艺术的前提下，尽可能多地融入与人们生活、工作紧密联系的现代化时尚元素。

4 结语

随着互联网络与人们的生活、工作变得更加紧密相连，Flash动画已经被越来越多的人关注，并被频繁运用到网络社交与软件开发领域，特别是在多媒体网站的制作上，越来越普遍。比如在网页设计中，设计者使用Flash相应的软件及其技术来创作出既漂亮又可改变尺寸的导航界面，或者融入一些其他元素来达到一种奇特、吸引人的效果。总而言之，Flash属于网页网站中的一个特别重要的视觉元素，正如文中所说的那样，从目前国内网络发展的视角，以及Flash动画软件技术前进的态势，基本可以预知在未来一段时期内的主流发展方向。现阶段我国国内在该领域的发展总体趋势较好，借助于不断发展的电脑技术背景下，Flash从其自身来看所具备的特点也变得越来越显著。

参考文献：

[1] 赵志建. Flash 动画在网站设计中应用[J]. 信息通信， 2012（3）：125-126.

[2] 董凌， 邱雅婷， 王珍慧. 炫动视觉——FLASH动画在网页设计中的应用[J]. 科协论坛， 2013（4）：76-77.

[3] 陈锦雄. Flash动画在网页设计中的应用及发展[J]. 产业与科技论坛， 2013， 12（5）：103-104.

[4] 周宏伟. 在网页设计中Flash交互动能的应用研究[J]. 科技创新导报， 2015（15）：44-44.

[5] 陈双双. Flash绘图与网页动画制作全程揭秘[M]. 北京：清华大学出版社， 2014.

[6] 马鑫. 我的Flash CS5动画与交互设计书：我的Flash CS5动画与交互设计书[M].电子工业出版社， 2011.

[7] 谢平. 基于FLASH与ASP交互的研究[J]. 北京教育学院学报：自然科学版， 2008，3（6）：7-13.