FLASH开发企业网站的设计思路与方法

时间:2017-11-16 编辑整理:早发表网 来源:早发表网

用FLASH开发的网站具有很强互动性、强大视听冲击力,并能在最短时间内吸引人的注意力,给浏览者中留下了很深的影响。帮助企业在激烈的商业竞争中全面、动态的展示企业的优势与产品特点,让浏览者在轻松、有趣的视觉感受中,以最短的时间了解企业资讯。同时FLASH的强大的交互功能,能给浏览者带来前所未有的网站交互体验,浏览者不仅可以自由地查找所需信息,而且能够进行留言或发表个人的意见,实现信息的双向互动传播。
  但是,使用FLASH开发现代企业网站,相对于传统网站的设计与开发是有所区别的。下面笔者就使用FLASH开发企业网站的设计思路、内容规划、界面设计及其网站架构与实现进行分析研究。

  1 设计思路

  在做任何网站时,都要首先考虑客户的需求。在设计企业网站时,首先要了解客户建站的目的,设计的展开应该围绕企业要求的效果。比如仅仅是为了形象宣传,还是需要实现网络上的电子商务功能。其次要了解企业的相关资料,网站的设计要体现行业的自身特点、企业本身的特色,突出企业的自我形象。设计者一定要把客户的想法放在第一位。简单来说就是完全以客户的需求为第一位,这也正是个人网站和企业网站最主要的区别。
  在网站设计中,根据客户的需求,适当的使用动画形式来展示,能起到锦上添花的作用。有些企业需要在网站进行产品推广,可以考虑结合3DSMAX、maya软件制作可以360°立体展示的效果,甚至可以让浏览者更换颜色,让浏览者通过访问网站就可以对产品进行全面的比对。依据客户的需求,合理的运用FLASH技术的动画效果及其交互性功能,这样的FLASH企业网站,不仅具有很强很独特的个性,同时能满足现代企业的企业推广,产品宣传、展示及客户体验等的多重需求。

  2 内容规划

  一般企业网站根据网站的目的和功能规划,网站内容应包括:公司简介、产品介绍、服务内容、价格信息、联系方式、网上订单等基本内容。电子商务类的网站还要提供会员注册、详细的商品服务信息、信息搜索查询、订单确认、付款、个人信息保密措施、相关帮助等。
  制作FLASH网站时合理的规划网站内容有利于访问者清楚、快捷、准确地找到所需要的信息。在设计内容规划时,需要重点关注的是以下几点:
  1)栏目内容设计:栏目内容设计是将不同类别的信息划分为不同的栏目,用简洁、明了的文字作为名称,准确地反映出每个栏目的信息内容。栏目的文字一般以四个字为宜,也可以根据不同的内容适当增减,但是在设计中要保持每个栏目的文字宽度一致,给人一种整齐划分一的感觉。
  2)内容信息设计:内容信息设计,主要是指将各个栏目中的主要内容进行归类,以标题或者是摘要的形式放置在页面的内容区域内,并且用边线或颜色加以区分。

  3 界面设计

  企业网站是面向企业的客户,一个好的界面设计,不仅能够将网站的信息传达给浏览者,还能带给浏览者美的体验,从而更好的达到建设网站宣传及树立企业的公众形象的效果。在满足企业建站需求的同时,还要以“企业的客户为中心”为核心的设计理念,对于FLASH网站进行界面、交互方式功能设置等方面的设计。例如,设计FLASH网站的导航时,导航的设计应该要便于浏览者识别,导航的式样及交互效果也应该保持一致。另外,当网站出现大量的介绍性的文字信息时,整体美观不美观,除了设计效果外,字体的选择也是一大重点,考虑到浏览者的年龄及视力的影响,包括不同显示屏的显示区别。在设计文字是也要尽量让文字清晰可见,最好选择常用的字体,还要要控制好文字的大小、间距及文字颜色与背景的对比度。

  4 FLASH网站的架构与实现

  确定了网站的界面版式,再根据内容规划搜集相关的文字信息、图片信息、视频以及背景音乐等相关素材,基本就完成了前期的准备工作,接下来就进入到企业网站的制作流程了。
  FLASH网站制作相对于传统网站的制作更需要整体的把握网站的结构。一个FLASH整站是由数百个元件组成的,他们有大有小,这都要由我们把他们组合起来,就象小时候玩的积木,都是一层层叠起来的。在FLASH中,既要考虑时间轴的安排,又要做好空间层次的布局,所以FLASH网站制作的技术含量并不在于它有某些特效和多么酷眩,而关键在于它的结构。FLASH网站的基本结构一般包含四个方面,分别是动画过渡层、背景层、数据显示层和数据层。这个结构也FLASH网站的灵魂所在。

  4.1 动画过渡层

  动画是FLASH网站的一大亮点。在制作企业网站时,动画制作主要包括:进站的开场动画;从一个网页到另一网页之间的栏目过渡动画;导航或页面装饰的点缀动画。
  1)开场动画:我们打开一个FLASH网站,一般它都会先有预载(loading),紧接着是动画效果,然后才进入主界面,这个就是开场动画。在制作时,常见的方法是将这部分单独放置在一个场景,然后为了确保前后的连贯性,可以用复制帧的方式处理开场动画场景的最后一帧与第二个场景中第一帧。同时,在开场动画基本都设有“跳过”功能,可供浏览者自主选择是观看开场动画,还是直接进入主界面。
  2)栏目过渡动画:当我们点击导航按钮后,有些FLASH网站会先有一段动画,然后才会进入一个新的页面,这个就是栏目过渡动画。这部分可以参考开场动画的方法,利用场景来进行处理。当然,除了分场景的方法,也可以利用影片剪辑来制作。这两种方法都能将动画和代码进行分离,便于制作过程中的管理及后期的修改。
  3)点缀动画:点缀动画是用于页面装饰的,更多的是为了美化页面,较GIF动画更加生动,还可以设计交互性。就拿按钮来说,我们可以做成各种各样的动画效果,再通过ActionScript实现其跳转功能。在这方面,国外的FLASH网站和韩国的导航菜单比较有名,可以去学习、借鉴。

  4.2 背景层

  背景层,顾名思义就是网站的背景,它决定了企业网站的整体风格和格局。是界面设计的最终体现。
  相较于传统网站依赖于Photoshop制作背景而言,FLASH软件本身具备了绘图的功能,因而简单的背景层的制作可以直接选择用FLASH来完成,这样就能充分发挥它矢量图形体积小的优势,并且能够很好的与其它层融合,也便于修改。
  当然如果你对背景效果的要求很高,Photoshop这个强大的位图处理工具也无需放弃。目前FLASH软件已经能够支持PSD格式了。只是在制作的时候,有别于传统网站中根据内容板块进行切片导出为网页的思想。在FLASH网站的背景图时,完成了Photoshop中背景图的制作后,我们更多的是要考虑动画因素和各元件之间的遮挡关系,底层的栏目框架可以导出为JPG格式,而涉及到动画的内容和具有层级关系的对象应处理为PNG格式的透明图象。这样才能避免在FLASH中的后期制作中出现问题。
  其实我们所看到的FLASH网站里的很多很炫的背景效果只是利用FLASH和Photoshop各自的优点,把Photoshop里做好的图在FLASH中用制作动画常用的钢笔勾边上色技术把网站主框架描一边,然后加一个爆光的效果而已。不要以为很酷很炫的瞬间效果有多么地高深,其实它只是这样描出来的,如果把背景色改成别的颜色,你就能轻易的发现其中的秘密了。在制作Flash企业网站时,你可以根据具体的项目要求,合理的选择FLASH和Photoshop这两款软件来进行背景层的创作。

  4.3 数据显示层

  在企业网站中,数据显示层就是网站信息的主体部分。由于FLASH文件中的所有动态文本字段和输入文本字段都是TextField类的实例。因此,我们只要使用TextField类的方法和属性对文本字段进行调用,就可以动态的显示外部信息。数据显示层的结构应该尽量清晰且工整,便于代码控制。为了到减少浏览者等待的时间,保证信息的下载速度,它的体积不易太大,同时应该将背景位图设置在数据显示层之后的帧上,这样就能充分发挥流媒体的优势,让数据显示层先显示出来,提高网站的浏览速度。

  4.4 数据层

  建立一个FLASH企业网站,必定需要有大量的ActionScript脚本来加以控制。其中的数据层可谓是整个FLASH网站的中枢神经系统,管理着网站里所有数据的调用和更新,还有功能的实现,甚至是动画的控制。对于FLASH整站的制作而言,效率、次序显得更重要。在网站制作中,如果将ActionScript都设置在影片剪辑中,当出现大量的影片剪辑多重嵌套后,有的代码就会分散在很深的地方,无法集中管理,网站数据之间的联系也会因此变的很难把握。
  我们应该从整体上对网站结构进行规划,根据企业建站的目的和网站的功能把网站划分为若干功能模块,然后利用主时间轴和主时间轴上一系列具有“三帧式”结构的空影片剪辑对网站进行控制。具体的来说,就是在主时间轴上有三层,分别是AS层、标签层、数据层,下面的那些层就是构成网站主框架的内容,将所有的“三帧式”结构的空影片剪辑都集中在数据层。其中的“三帧式”结构的空影片剪辑,从名字来看就能知道,这个影片剪辑中包含三个空白关键帧,按这三个帧在时间轴上的先后顺序,它们的作用依次为“初始”、“刷新”、“功能”。实际应用的时候,一开始所有的“三帧式”结构的空影片剪辑都停在“初始”帧,然后在这里建立一套数据加载机制,这样我们只要控制“三帧式”结构的空影片剪辑的播放就可以实现数据加载顺序的控制。当数据加载完成之后,我们就可以在任何地方通过控制“三帧式”结构的空影片剪辑来控制这个影片剪辑所对应的网站的特定模块,适时的调用“初始”、“刷新”、“功能”三个关键帧。这样一来,核心代码就只存在主时间轴和主时间轴上具有“三帧式”结构的空影片剪辑里面,整个网站的结构就可以清晰的展示出来,功能分布也会更为明确。
  在现代电子商务的发展中,企业网站建设是开拓企业宣传的渠道、是拓展销售渠道的关键一环。在企业现代电子商务网站的建设中,FLASH网站比传统网站更加吸引浏览者,能让浏览者第一时间感受到企业文化氛围。建立起一套完善的FLASH企业网站开发模式,灵活、合理地应用FLASH技术,才能更好的服务于企业,建成更有吸引力的优秀网站。

  参考文献:
  [1]潘越,任然.FLASH网站界面设计可用性探析[J].软件,2013(2).
  [2]刘云.现代企业网站建设与维护中FLASH技术的应用[J].计算机网络技术,2012(3).
  [3]高琦,李恒爽.全FLASH网站设计应用的发展前景[J].大众文艺,2013(8).
  [4]李继先.网页设计全书[M].清华大学出版社,2012.

职称
论文

期刊
发表

加急
见刊

写作
咨询

课题
专答

编辑
顾问

关注
我们

返回
顶部