企鹅百科网,

手机版

当前位置:首页 > 办公百科

如何在网页设计中使用Flash

时间:2022-04-01人气:作者: 佚名

如何在网页设计中使用Flash

  随着网络的普及和电脑技术的发展,使网页动画迅速发展起来,网页动画的设计在网页设计中起到了重要的作用,网页动画逐渐成为人们所关注的一种动画发展的趋势。可以说,在网页设计及建站上应用Flash,使网页设计开始呈现出了多媒体效果,并使之逐渐发展成为了网页设计的重心。在此,本文重在探讨Flash动画在网页设计中的应用,以供同行参考。
  
  1Flash的概述
  
  1.1Flash的简介MacromediaFlash是一种交互式矢量图编辑和多媒体创作软件,被大量应用于因特网网页的矢量动画文件格式,具有存储空间较小、效果好、交互性能强大、跨媒体性强、成本低廉、勾线和上色方便、视频流方便强等特点。目前,Flash已经广泛地运用于网页设计、广告设计、游戏开发等基于Web的各个领域,并逐步向多媒体、影视视频、产品展示、远程教育等各种传统领域渗透。

  1.2Flash的特点
  
  (1)Flash是以矢量图形为基础,本身导出的文件小,可以对图形进行任意缩放而不会影响图形的质量,适合网络传输。
  
  (2)Flash的AS代码非常强大,应用Flash制作出来的动画,交互性强,并能与读者产生互动。
  
  (3)Flash动画在工作时是采用插件,用户如想观看动画,只须安装一次插件,即可实现快速观看且无需重复安装。且由于Flash生成的动画很小,则调用的速度很快。
  
  (4)在Flash中既可加入按钮控制页面的跳动和链接,也可使用鼠标或键盘来控制动画中对象的运动。同时,在应用时,可用Flash对人们常使用的文字和按钮添加超级链接,使其在应用时只要点击链接即可跳转到所需的页面中去。
  
  (5)Flash可设计丰富的动画视听效果,例如,支持位图、声音、渐变色、Alpha透明等,用户就完全可以建立一个全部由Flash制作的站点。
  
  (6)Flash动画是“准”流(stream)形式文件,可以不必完全下载即可观看。
  
  (7)适用范围广,比如网站、广告、游戏、程序和多媒体演示等;应用实体比较多,如手机游戏、触摸屏广告和电视媒体等。
  
  2Flash动画在网页设计中的应用
  

  2.1Flash动画在网页设计中的部分运用在网页设计中,F1ash动画作品除了以“流式播放动画”如:Flash动画短片、FlashMV,同时还有一些起着关键作用,却又具有一定交互性特点的形式。在设计的过程中,除了将引导界面做成Flash动画形式外,还可将内页中的Flash网络广告、Flash形象展示动画、网站导航栏动画、图片展示动画、Flash交互动画等以动画的形式进行设计。但在设计的过程中,切忌不要将动画效果设计得过于花哨,以免过于混乱而使人产生眼花缭乱之感。
  
  2.2Flash动画在整站网页设计中的运用Flash动画除了应用于网页设计中外,有的网站采取整站Flash动画,即整个网站的所有视听元素部分及版式的设计均采用Flash技术进行设计,除了网站的引导界面外,网站内的所有视频、Flash广告动画、Flash交互动画、内页中的Logo、FlashMV、Flash片头、网站各级导航栏、旗帜广告、文字、链接、色彩、音乐、声音、按钮和图标等均采用Flash技术进行设计。尽管Flash动画网站很“闪”很“动”,但由于Flash动画在网站的应用中,受多重方面因素的影响,如带宽、浏览者个人电脑配置等,会影响到网页和浏览者的互动。因此,从Flash动画在未来的应用趋势来看,互动性的发展已经成为了一个新的趋势。在此,本文重点论述网页动画互动性的设计。
  
  2.2.1网页动画的信息交互要实现良好的网页动画信息交互,Flash动画的导航系统的交互性设计尤为关键。在设计时,需要调动Flash专用的脚本语言——ActionScript。在设计时,以面向对象编程的思想和Flash中的事件对程序进行驱动,同时通过动画中的关键帧、按钮或电影片断来对已选定的脚本语言ActionScript进行定义和编写。
  
  2.2.2网页动画元素的设计
  
  (1)交互式导航系统的设计。由于导航栏有引导浏览者的作用,因此在设计时须分出几个级别的导航栏,且根据各个级别做出标志以示区分。在色彩的设计上,应尽可能地选用亮丽、透明和清爽的色彩搭配。另外,按扭的设计也是网页设计的重要元素之一。在设计时,除了给按钮设置链接外,还可给每个按钮设置出动画效果。但在设计时须注意的是,按钮动画效果应尽可能的统一和一致,以避免出现让浏览者烦乱的心理反应。
  
  (2)Flash形象展示动画的设计。Flash形象展示动画相当于网站的形象广告、网站logo,对整站网页设计至关重要。在设计时,主色应按照企业CI规范,采用标准色和辅助色,或是可以直接采用网页主色;而其他搭配色,可对照主色来做出相应的选择,或是可直接插入企业的形象产品。另外,色彩的搭配上,要尽量醒目、有气势,与整个页面协调。
  
  (3)Web图像的动画演示。一般,Web图像是静态的,但近几年来,Web图像也开始以动态形式出现在网页设计中。在设计时,将图像层叠放在同一位置上,通过动画进行分类展示给浏览者。而其色彩的应用,采用RGB色彩模式,使用216色网页安全色,格式有GIF、JPE6、PNG三种。
  
  (4)网络动画广告。网络动画广告是网页设计中广告普遍采用的一种表现方式。从目前的制作角度上看,动画在广告中的应用越来越广泛,特别是在影视广告方面。而动画广告,其在设计时更注重的是视觉的冲击力,要求在十几秒的时间能让受众理解广告动画中所包含的意思及内容,因此,设计时色彩和动画效果不能太杂、太乱,因避免出现过于注重动画效果而忽视了页面的主要信息,致使浏览者对其产生厌恶感而导致整个网站的浏览量下降。
  
  (5)声音的设置。声音是动画的重要组成部分,一个好的动画或网页,不仅要有精彩的画面、强大的功能,而且还应有优美动听的音乐。在Flash动画中,可使用的声音格式有:WAV、MP3、AVI和MPG/MPEG等格式。在设计时,可根据不同网站的风格来设置不用的音乐风格,同时可把声音的控制按钮放于页面的一个位置。另外,由于一些浏览者在安静的办公场合,不希望打开网页就听到声音,因此在设计时可将页面的背景音乐设置为默认关闭,并设置可由浏览者选择开或关的按钮。
  
  (6)鼠标动画。在做动画效果时,需要注意鼠标移动轨迹的图案和色彩的搭配。首先,鼠标移动的色彩应区别于页面色彩,能使浏览者可以清晰地找到鼠标的位置。其次,鼠标移动的轨迹不可以阻挡下边的页面信息,所以鼠标的动画图形尽量要小,且鼠标的移动轨迹不宜太长。第三,鼠标的动画色彩除了脱出于页面外,可以设计为稍透明的感觉。
  
  3结语
  
  综上所述,Flash作为网站的一个重要的视觉元素,它不仅能使整个网站呈现多媒体效果,且可以通过数据通信使整个网站素材丰富,达到一个动态的效果。如今,随着电脑技术的不断发展,且Flash自身所拥有的众多优点,相信Flash动画在未来人们的生活中会更加的普及,从而成为未来网页设计的运用趋势。

标签: 网页设计  元素  标签  简介