浅析Flash动画网站设计的思路、布局、技巧及文件处理
随着网络的普及,电子商务越来越广泛的深入到现代人的日常生活中,人们希望能在互联网上获取各种各样的信息。一个新颖、动感、漂亮的网页内容能有效提升企业形象及突出产品特征。虽然使用各种语言建立网站,能使网站功能完整,但是网站界面效果无法完美地实现。Flash则是一个可以实现功能完整、界面美观并且动感效果十足的网站设计工具。
与传统方式的网页平面制作相比,flash给网站带来的好处非常明显。结合Flash动画在网络应用中的实际表现,可将其特点归纳为以下5点:
1.适合网络应用:动画文件是Flash动画的基本特点,根据其内容的不同,使用矢量技术使得产生的网页文件非常小。Flash动画网页以“流”的方式边下载边播放,打破了带宽的局限。即使是在网络状况很差的时候也无需长时间等待。
2.表现形式多样:Flash动画网页的表现形式多样,可以包含文字、图片、声音以及动画等内容,如果不考虑文件的大小因素,还可在网页中插入视频片断。丰富的表现形式使Flash网页可以更好地表现了网站的主题。
3.内容针对性强:Flash动画网页可根据网站的特点,对网站进行针对性的宣传和表现,如促销广告可直接着手于促销手段的表现,而产品演示广告则着重与产品的功能和特点表现。这就使得Flash动画网页的表现能够更为直观,使浏览者更好地理解网站的意图。
4.具有交互功能:Flash可以通过Actionscript语句来实现交互功能。如浏览者可以通过单击网页导航条选项来获取自己感兴趣的内容,或通过单击Flash动画按钮连接到相关页面,以了解更加详细的信息。
5.布局灵活:由于Flash其灵活性,可以多层次地建立显示区域,实现在同一个区域中显示不同栏目内容的功能;可以随意排列网页原始内容;可以在同一个网站中出现不同的布局,并且布局之间的过渡非常自然。
动画网页的设计与传统网页设计一样,在设计前必须先对整个网站进行整体的规划,设计好网页的结构。
利用Flash制作网站时,可按照如下基本流程来进行:
1.确认网站主题:根据网站建立的目的,确认网站建立的主题,以及在该主题下需要表现的内容等。设计整体结构,策划好栏目和板块的编排问题。
2.前期构思:在确认主题后,就需要在该主题的结构内进行前期构思,要确定网站的制作风格以及表现方式等。
3.收集素材:根据前期构思策划的内容,有针对性地收集网站设计需要用到的文字、图片以及声音等素材。对于无法直接获取的素材,可以通过其他制作软件对相关的素材进行相应的制作和修改来获取。
4.制作网站所需要元素:可根据策划的相关内容及收集到的素材,在Flash中制作网站所需要的各种元素。例网站LOGO、导航菜单、内容展示以及版权信息等。
5.编辑网站页面:结合前期构思对网站进行整体编辑,根据网站整体结构设计网站首页及内页,并进行整个网站的整合。
6.网站文件修改发布:对编辑好的内容分别测试和调整,最后根据网站的应用目的和需要,将其以相应格式进行发布。
动画所表现的内容是以客观事物为基础的,但它具有独特个性,绝不是简单的模拟。因此,它需要具有丰富的色彩、独特的风格、精美的制作等,才能创造出强大吸引力的作品。
Flash网站设计时为了获得更好的动画效果,可以运用一些技巧。
1网页式导航菜单的设计:导航作为网页的重要视觉元素,是必要的。将它放置在明显、易找、易读的区域,当浏览者进入网站时,就能够第一时间看到它,并指引浏览者更快速地获取自己感兴趣的内容。
导航菜单的样式有很多,包括横排导航、竖排导航、图片式导航和下拉菜单导航等。多种样式的导航设计,可以与不同风格的页面设计协调统一。
一个网站中,不一定只有一个导航菜单,同一页面可能会出现两种以上的导航菜单。通常设计导航菜单时都是使用按钮来完成的,但当网站中的信息过多,导致导航栏目繁多时,按钮元件无法完成时。可以将栏目归类,采用二级栏目的形式。将一级导航栏目设计用影片元件代替按钮元件,定义影片元件的鼠标事件即实现按钮效果,而将按钮元件作为二级栏目。
可以在一级导航栏目的影片元件实例的鼠标事件中添加代码如下:
functionbutClick1(event:MouseEvent):void
{
sd1.gotoAndPlay(2);
}
sd1.addEventListener(MouseEvent.CLICK,butClick1);
//表示当鼠标单击实例“菜单1”时,开始播放菜单1中的第2帧
以上代码实现了一级菜单到二级菜单的跳转。
2个性化LOGO设计:Logo设计是将具体的事物、场景、事件和抽象的理念、精神、方向通过特殊的图形固定下来,使人们通过logo标志,自然的联想到企业形象。标志(logo)与企业的经营紧密相关,logo标志是企业日常经营活动、广告宣传、文化建设、对外交流必不可少的元素,它随着企业的成长,其价值也不断增长。LOGO有文字的形式和图形化的形
相关新闻>>
- 发表评论
-
- 最新评论 更多>>