顾名思义就是Flash网站WebSite
背景看上去很容易理解也很简单其实它蕴涵着很多知识和窍门技巧如果处理不善将直接影响Flash web用户体验
我在这里把背景层分为以下 3种模式:
1 Flash模式
2 PS模式
3 混合模式
Flash模式:所谓Flash模式
就是直接在Flash中完成网站WebSite主体框架绘制并利用Flash完成框架修饰内容填充这种模式比较适合界面简单色彩单
高效实用Flash web它充分利用简单矢量图形体积小优势同样个画面它体积将比位图小很多所以这样网站WebSite如果处理恰当话完全可以比同种样式常规HTML网页体积更小同时由于它直接在Flash中绘制非常便于修改以及同其它层结合PS模式:这种模式我们可以和传统
网页制作进行类比传统网页都是先用PS绘制界面然后切片导出为网页再在DW中进行编辑Flash web开发样可以采用这流程利用PS强大位图处理功能弥补Flash绘图方面不足但是在切图时候它和HTML网页切图思想区别在Flash web中经常要把动画原因和各元件的间遮挡关系考虑进去所以我般都是把每个栏目切成个JPG位图涉及动画和层级关系元素则独立导出为PNG透明图象这样虽然方便了在Flash中后期制作但造成网站WebSite体积会定程度加大为了优化下载和用户体验我们可以利用Flash流媒体特性把体积较小或者独立性比较好栏目放在开始帧先显示出来相互联系紧密主功能栏目放中间体积较大独立性也较好栏目放最后显示当然不要忘记用个loading条时刻提醒浏览者各栏目加载状态不至于使他们失去继续看下去信心这种模式般适合网站WebSite各栏目独立性较好网站WebSite色彩丰富且含有大量动画效果元件层级复杂网站WebSite另外在我写这篇文章时候从黑羽那里得到消息最新版Flash真可以支持PSD了而且还能保留原始图层再加上以后网速越来越快PS模式在将来很有可能会大行其道混合模式:混合模式就是综合利用PHOTOSHOP和Flash
取长补短相得益彰先用PS设计好网站WebSite背景图并把内容显示部分留空就像设计HTML网页样然后不需切图直接导出为JPG并导入Flash再在这张大背景图片上新建层用制作动画常用钢笔勾边上色技术把网站WebSite主框架描边这就涉及到我后面要讲“数据显示层”数据显示层主要由和背景色相似工整矢量色块组成当然像笔者样喜欢偷懒人也可以适当添加位图但数据显示层体积最好控制在30K以内数据显示层成型后定要记得把背景位图放在数据显示层的后帧上现在大家应该差不多能猜出这种模式优势在那里了吧!?对我们可以利用Flash流媒体特性无须等到整个SWF都下载完毕后再显示网站WebSiteFlash webloading时代该过去了!伟大流式时代就要来临了!我们完全可以先把数据显示层显示出来让浏览者以最快速度得到他们想要信息和此同时悄悄下载背景层由于我们数据显示层和背景层颜色和布局都相似甚至是完全匹配所以背景层下载完成并显示出来刹那也不会给浏览者带来太大跳跃感当然这样无疑加大了工程量要求设计师PS和Flash都不能弱所谓鱼和熊掌不能兼得我们必须根据具体项目进行取舍看是否真有必要采用这种模式笔者个人门户V3主站中由于背景图片体积过大我便采用了这种模式据大部分人反映用户体验还是很好:)3种模式可谓各有优缺点
如何取舍还是要根据具体项目决定当然团队(Team)和个人能力也是重要原因般来说
员出身可能比较喜欢Flash模式;传统网页设计师出身般比较喜欢PS模式;半道出家什么都懂点家伙们看了笔者这篇文章后估计就要开始尝试混合模式了
最新评论