精彩专题推荐:建站之入门课 建站之必修课 建站之关键课 网站价值所在 流量提高专题 css+div 标准 个人网站打造全过程
返回建站学首页
导航:
建站首页 | 网站设计 | 网站开发 | 网站运营 | 网页软件 | 建站指南 | 搜索优化 | 图像处理 | 视频教程 | 书籍教程 | 建站专题
当前位置:首页>网页软件>FLASH教程>正文

总结Flash建站经验:浅谈flash web的结构


来源:不详 时间:07-04-25 点击: 点击这里收藏本文

浅谈过渡动画层

早期的flash web大都含有丰富的过渡动画,比较典型的是:龙城闪客和梵天。最新版的龙城闪客还给每个子栏目的过渡也添加了绚丽的动画效果。总的来说动画层可以分为三种:

  1. 开场动画
  2. 栏目过渡动画
  3. 点缀动画

先来谈谈开场动画。开场动画时间一般比较长,反映在时间轴上就是好长好复杂的一段帧结构。第一帧一般是loading画面,最后一帧一般是网站的主框架。这里就存在一个如何安排帧的问题。记得以前见有人在论坛上发帖说flash web最好不要分场景,其实他的说法是片面的,对于没有过渡动画的flash web来说,完全可以这么做,可对于大量过渡动画的flash web就另当别论。如果你不分场景,必然造成代码和动画混杂在一起。而一般来说,控制网站主要功能的代码都在过渡动画之后的帧上,在后续的代码编写过程中,你每次可能都要把时间轴拉到几百甚至是上千帧之后,这也非常的麻烦。火山的建议是:把过渡动画做在一个场景中,然后复制过渡动画最后一帧的网站框架帧到第二个场景中,主要的功能代码也都将集中在这个场景,这样就有效的把动画和代码进行了分离,编写代码时时间轴看上去也舒服些。还有一种比较常见的做法是,给过渡动画加上一个skip按钮,如果浏览者点击了这个按钮,马上就会loadMovieNum(main.swf,0)进一个新的main.swf,而这个main.swf就网站的主框架了。这种做法与前一种其实类似,只不过它把动画和主框架从分在两个场景变成了分在两个SWF,而且还能让浏览者自己选择是否观看过渡动画,有更大的灵活性。

再来谈谈栏目过渡动画。栏目过渡动画主要指在你点击一个导航按钮打开一个新的栏目时所显示的一段动画,还拿最新版龙城闪客举例,它在打开一个新的子栏目时会先把上一个栏目变成很多小方块,然后飞到左边的神秘空间中,这时又从神秘空间里发出一道神秘的光线,并在这道光线的沐浴中出现新栏目的加载画面。我没有破解过最新版的龙城闪客,不知道他到底是怎么安排这个动画的,但我有自己的想法。如果这个过渡动画是集成到主框架的,那过渡动画中最好不要写代码,而是在主场景中通过侦测过渡动画的当前帧和总帧数来确定何时加载子栏目SWF;如果每个子栏目的过渡动画效果不同,那最好把每个子栏目SWF处理成一个独立的网站,其结构应该遵循在“开场动画”中提到的规则。

点缀动画没什么好说的,你把它想象成在HTML网页中起美化作用的GIF动画就好了,当然它比GIF动画更生动,使用也更灵活,还可以具有交互性。

总之我的主要思想就是尽量把动画和代码分开,以便自己以后方便查找和修改代码。同时保证网站结构工整。

浅谈背景层

背景层,顾名思义就是网站的背景,看上去很容易理解也很简单,其实它蕴涵着很多知识和技巧,如果处理不善,将直接影响flash web的用户体验。

我在这里把背景层分为以下三种模式:

  1. FLASH模式
  2. PS模式
  3. 混合模式

FLASH模式:所谓FLASH模式,就是直接在FLASH中完成网站主体框架的绘制,并利用FLASH完成框架修饰内容的填充。这种模式比较适合界面简单,色彩单一,高效实用的flash web。它充分利用简单矢量图形体积小的优势,同样一个画面,它的体积将比位图小很多。所以这样的网站如果处理恰当的话,完全可以比同种样式的常规HTML网页体积更小。同时由于它直接在FLASH中绘制,非常便于修改以及同其它层结合。

PS模式:这种模式我们可以和传统的网页制作进行类比。传统网页都是先用PS绘制界面,然后切片导出为网页,再在DW中进行编辑。flash web开发一样可以采用这一流程,利用PS强大的位图处理功能弥补FLASH绘图方面的不足。但是在切图的时候,它和HTML网页切图思想不同,在flash web中经常要把动画因素和各元件之间的遮挡关系考虑进去,所以我一般都是把每个栏目切成一个JPG位图,涉及动画和层级关系的元素则独立导出为PNG透明图象。这样虽然方便了在FLASH中的后期制作,但造成网站体积会一定程度的加大。为了优化下载和用户体验,我们可以利用FLASH流媒体的特性,把体积较小或者独立性比较好的栏目放在开始的帧先显示出来,相互联系紧密的主功能栏目放中间,体积较大独立性也较好的栏目放最后显示。当然不要忘记用一个loading条时刻提醒浏览者各栏目加载状态,不至于使他们失去继续看下去的信心。这种模式一般适合网站各栏目独立性较好,网站色彩丰富且含有大量动画效果,元件层级复杂的网站。另外,在我写这篇文章的时候,从黑羽那里得到消息,最新版的FLASH真的可以支持PSD了,而且还能保留原始图层,再加上以后网速越来越快,PS模式在将来很有可能会大行其道。

混合模式:混合模式就是综合利用PHOTOSHOP和FLASH,取长补短,相得益彰。先用PS设计好网站背景图,并把内容显示部分留空,就像设计HTML网页一样。然后不需切图直接导出为JPG,并导入FLASH。再在这张大背景图片上新建一层,用制作动画常用的钢笔勾边上色技术把网站主框架描一边,这就涉及到我后面要讲的“数据显示层”,数据显示层主要由与背景色相似的工整的矢量色块组成,当然像火山一样喜欢偷懒的人也可以适当添加位图,但数据显示层体积最好控制在30K以内。数据显示层成型后,一定要记得把背景位图放在数据显示层之后的帧上。现在大家应该差不多能猜出这种模式的优势在那里了吧!?对,我们可以利用FLASH流媒体的特性,无须等到整个SWF都下载完毕后再显示网站,flash web的loading时代该过去了!伟大的流式时代就要来临了!我们完全可以先把数据显示层显示出来,让浏览者以最快的速度得到他们想要的信息,与此同时,悄悄的下载背景层,由于我们的数据显示层和背景层的颜色和布局都相似,甚至是完全匹配的,所以背景层下载完成并显示出来的一刹那也不会给浏览者带来太大的跳跃感。当然这样无疑加大了工程量,要求设计师的PS和FLASH都不能弱。所谓鱼和熊掌不能兼得,我们必须根据具体的项目进行取舍,看是否真的有必要采用这种模式。火山个人门户V3主站中,由于背景图片体积过大,我便采用了这种模式,据大部分人反映,用户体验还是很好的:)

9 7 3 1 2 3 4 4 8 :

  把此文章收藏到:          
广而告之
文章搜索
  • Google JZxue.Com

关于我们 | 联系我们 | 友情链接 | 网站地图
Copyright © 2005 - 2006 建站学 All rights reserved.