2021-4-10 | 艺术理论
一、绪论
Flash网站设计是指用用Flash软件制作的网站,网页内容多数甚至全部是flash。Flash是一种创作工具,设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。Flash特别适用于创建通过Internet提供的内容,因为它的文件非常小。
本动漫网站的设计特点:构架是以flash为主要框架页面,结合一般的html网页构成;风格为主体颜色为棕色,有金属感、复古感。页面间切换时有动画效果,菜单、按钮、目录等也做了动态效果。主页共分迷你游戏、赏漫软件、精品动画、酷站导航、酷炫漫画、关于作品等六个导航按钮,每一个导航按钮指向一个具有独立内容的子页面。
二、网站涉及的开发工具与开发语言
(一)网站使用的开发工具
AdobePhotoshopCS2:作为图形图像处理软件,在falsh网站设计时一些图片素材如背景图片、按钮、LOGO等在载入flash库前有必要用Photoshop做适当的处理。
MacromediaFlash8.0Pro:该软件增强了为移动设备开发的功能,方便创建FlashWeb增强的网络视频,配合其内置的ActionScript2.0能够完美实现网站设计中所需要的各种动态效果和交互效果,而我此次所做的flash网站就是在MacromediaFlash8.0Pro的环境下制作。
AdobeDreamweaverCS3:Dreamveaver是一款功能强大的网站制作和维护工具,利用Dreamveaver能够实现所见即所得式的网页制作制作方式,只需像Word一样编辑页面,Dreamveaver会在后台自动生成其相应的HTML语句。在设计flash网站是我们会利用Dreamveaver设计一些简单的页面配合flash设计的网站主体形成更加内容丰富、更加具有实用性的网站。
(二)网站开发语言
ActionScript2.0:ActionScript是用来向Flash应用程序添加交互性的语言,此类应用程序可以是简单的SWF动画文件,也可以是更复杂的功能丰富的Internet应用程序。
HTML:HTML文件是用ASCLL代码编写成的,可以保存为最简单的TXT文本文件,这样用任何一个文字处理软件都可以进行编写,这也是他能够迅速迅速普及,并十分受欢迎的一个原因。
三、网站设计中的各种技术解析
(一)主页界面设计解析
1、flash网站加载时的进度条设计。
2、网站LOGO与站名设计
网站LOGO设计:(1)新建图形元件“元件42”;(2)利用矩形工具建立一个白色矩形,在矩形正中建立一稍小些的背景色矩形形成白色矩形框;(3)利用任意变形工具将白色矩形框变形成为白色平行四边形框。用线条工具进行分割裁剪,旋转变换得到要设计的网站LOGO。
站名设计:(1)新建图形元件“元件17”;(2)利用文本工具输入本站名称“动漫主题网站”,另起一行输入网址;(3)选中站名将字体字号设,进行属性设计。3、网站导航条的设计(1)新建图形元件“元件22”,作为导航条背景;(2)建立6个图形元件分别在各元件中设计各导航按钮文字;(3)给每个按钮附加动作。
4、进入主页界面前动态效果设计
(1)新建图形元件“元件29”,创建长条图行,作为三个小窗口推荐酷站、本站作品、站内更新的上框;(2)新建图像元件,在其上创建与小窗口等大的白色和背景色的矩形色块,在不同图层中各小窗口的上框和窗体依次在时间轴上载入并做形状补间动画;(3)导航条、网页头尾的图片条以相同方式在时间轴上依次载入并做形状补间效果,就可以完全载入主页界面获得完整的主页框架界面。
5、进入主页时的音效设置:(1)挑选合适的音效载入库中;(2)选择适当的音效添加到时间轴上的适当位置,使动态效果更具表现力。
(二)“迷你游戏”flash子页面设计
子页面载入特效设计:子页面载入特效在多个页面中都有应用,此处的特效所采用的技术是依次在时间轴的适当位置利用图形元件的alpha值、亮度的调节及形状的改变做成补间动画来实现的。
(三)“赏漫软件”flash子页面设计:“赏漫软件”目录的制作,赏漫软件目录的制作大体上与游戏目录相仿,所不同的是不需要转换和滑动,也就比游戏目录要好做多,同时目录中软件按钮的制作也和游戏目录中按钮一样,按钮附加动作代码:on(press){unloadMovieNum(3);loadMovieNum("此处最好填所连接swf文件的相对位置",2);};赏漫软件的图片文字介绍部分制作,该部分是以一个小的swf文件单独存在的,在点击软件按钮时会载入相应的swf文件在界面的适当位置。
(四)“精品动画”flash子页面设计:“精品动画”flash子页面是一个与前几个子页面略有不同的子页面,页面的设计风格与前几个页面有些许差异,不规则的背景使得页面整体显得翘起生动。
四、结论
Flash网站具有设计精美,拥有更多声效、动画、流媒体剪辑、美术效果及兼顾互动性等特征,非常适合公司作在线产品展示。制作全Flash网站和制作html网站类似,事先应先在纸上画出结构关系图,Flash网站基本以图形和动画为主,所以比较适合做那些文字内容不太多,以平面、动画效果为主的应用。