Flash动画在网页设计中的互动性

武变霞 王会芳

(漯河职业技术学院,河南漯河 462000)

网页的成功与否与其知名度、浏览量息息相关,随着网络的快速发展,现阶段,同一类型的网站之间存在十分激烈的竞争,网站和用户的互动性能十分重要。运用Flash动画设计,可以让网页布局更为合理、视觉更为美观,进而在轻松、愉快的氛围中提供给浏览者信息,并得到反馈,可以提高网站的竞争力。

1 Flash动画在网页中的互动性效果

利用Flash动画设计,可以让浏览者参与到网站的信息传递中,以网络广告为例,在网页设计中,利用动画互动性,可以赋予弹出广告、E-mail广告动画效果,进而吸引受众点击广告,并进入广告主网站,在对广告进行浏览后,通过点击回馈按钮,可以让受众与广告品牌进行互动。

在网页中,Flash动画设计的融入可以形成愉悦的视觉效果,在受众上网浏览网页时,不同的网站具有不同的动画设计及网页设计,可以让不同视觉效果得以呈现,为浏览者带来差异化的心理感受。在具体设计中,可以组合图像、图形、动画、字体及音乐等多种元素,可以让网页成为艺术品,给观者以耳目一新的感觉[1]。

在网页中融入Flash动画设计可以让信息传达渠道变得更为多元,在网页中,可以利用多种元素传达有用信息,如色彩元素、文字元素、版面元素、图片元素、音频元素、视频元素及动画元素等,在信息传达过程中,动画元素的互动往往为“人——机——人”互动形式。网页动画传达面具有更强的深度及宽度,具有多元的传达方式。

随着互联网的发展,现阶段,人们的搜索习惯、浏览习惯已经和过去存在很大不同,在互联网应用中,浏览者更希望采用直观的图形化交互方法,利用Flash动画设计的交互性,可以让网站内容得到更为形象地传达,让受众群体准确理解网站内容。如在情人节时,众多网站就会利用“Flash情人节动画”来吸引受众。

2 Flash动画在网页中的互动性设计

2.1 基本布局

笔者从事网页设计工作多年,具有丰富的经验和非常专业的技巧。在网页设计中,Flash动画设计融入最为关键的是基本布局。一般情况下,影片大小为1600*1200,帧率是30,第一帧为loading,可以让此动画得到正确显示,大型深层次mc和内部mc会经常切换,如页面mc、导航mc等,因此,笔者一般会在场景外做一个入口,也就是色块,在外层它为空白状态,在内部第一帧建立色块,可以让随时双击进入操作变得更为方便。在主时间轴内,笔者往往不会安排所有的动画内容,这样可以让后期调整更为方便,在具体操作中,可以将内容进行分类,制作为原件,依照内容树桩结构可以对mc嵌套进行合理安排,之后利用在某个位置as来对各个时间轴的衔接进行控制。

2.2 功能设计

就信息传播而言,传统互联网平台具有一定单一性,通常情况下,传统互联网平台只能利用网页将信息传递给受众,并不能接收信息反馈,形成双向传播通道。利用Flash动画在网页中的设计,利用按钮、表单等相关功能可以让人机对话得以实现,而信息受众者可以利用按钮提交反馈信息,进而实现双向平台交流,让传统互联网交互平台单一性局限得到打破,利用互联网技术的种种优点,可以让内容、时段等限制因素得到克服,进而完成人机交互。

众所周知,网站结构可以引导用户进行操作,网站导航的设置十分重要。因此,调用Action Script脚本语言进行网页前台Flash动画设计具有重要意义。Action Script脚本语言类似于VB Script,可以直接翻译网页动作为脚本语言,利用程序前台Flash脚本可以让程序驱动得以实现,可以操作数据库。除此之外,利用Flash动画设计可以二次定义并编写相关对象。在具体操作中,选定某一Flash中按钮为对象,利用脚本程序代码对此程序进行执行,利用动画关键帧脚本代码可以二次编写并控制按钮,进而改变其颜色、形状以及位置。而在动画元素设计中,无论是嵌入动画设计还是全部动画设计,利用Flash动画格式都可以为信息传输速度提供保障,但在具体设计过程中,需要考虑到动画页面对网页打开速度的影响,这也是当前很多网站都只在导航、广告等部分采用动画设计的主要原因[2]。

2.3 审美设计

2.3.1 色彩设计

在Flash动画设计中,利用多样化的色彩,可以让网站具有不同的外观风格,进而对网站形象进行生动传达。在公司网站设计中,需要确定首页色,之后设计多套追随一级导航目录的色彩,并保证其配套于首页色彩。

2.3.2 形态设计

在网页中,Flash动画形态的设计可以直接传递给受众感情,利用形态,可以让网页具有一个主观的认识与感受,不同的动画形态会给人以不同的感受。就当前网站设计而言,可以将其Flash动画形态分为三种类型:普通形态,独特形态,实验形态[3]。

在部分Flash动画设计中,包含很多文本内容,在技术角度,可以将其分为动态文本、静态文本与输入文本这几种类型,以动态文本为例,该文本可以对后台程序提供内容进行显示,在设计中,可以构建空白动态文本,以mytext为id名称,之后将脚本书写在其所在帧可以完成文本显示工作。如新闻发布会、留言本等板块的动画设计中,此种动态文本设计均可发挥出良好效果。

2.3.3 界面设计

在人和信息的交互中,界面是重要媒介,是信息传播的重要载体。在界面中,包含图像、文字、色彩及符号等多种视觉因素,不同类型的网站往往具有不同的界面设计风格。

2.3.4 音乐设计

音乐文件一般为mp3格式,将其导入库中,之后可将声音对象直接插入在所需帧上,如果全站背景音乐只有一个,那么可以在关键帧属性中直接选择声音,构建开关mc在影片主时间轴上,可以对背景音乐进行控制。对其技术流程进行阐述,可以在根时间轴内构建mc,在mc内部构建mc时可以将做好开关状态外观放置于两侧,在mc对应帧上书写脚本。

3 结语

综上所述,Flash动画在网页设计中的应用具有重要意义,在功能设计及审美设计中,需要注重FLash动画作为设计元素的互动性,充分考虑人机交互功能的实现方法,运用贴合主题的色彩搭配、生动的动画形态,可以完成界面设计,进而提高传达信息、接收反馈信息的整体效果,提高网站市场竞争力。

[1]杨远峰.FLASH交互性动画在网页设计中的应用与研究[J].电脑知识与技术,2017,13(04):197-198.

[2]邓华丽.Flash动画在网页设计中的应用探究[J].电脑编程技巧与维护,2015,(13):74-75+92.

[3]何培辰.Flash动画技术及其在网页设计中的应用[J].品牌(下半月),2015(03):170.