Flash技术网站建设

2024-05-17

Flash技术网站建设（共7篇）

Flash技术网站建设篇1

Flash在网站制作过程中一般可表现出明显优势, 例如可对不同类型多媒体进行整合、不同平台间的互动性强等, 现已在网站制作中得到广泛应用, 并日渐受到重视。Flash技术在网站建设中的应用可实现网站动画的多元化与动态化, 使网站更具视觉冲击, 为用户带来更好的浏览体验。因此有必要针对Flash技术应用于网站建设中的有关问题进行分析与研究。

1 Flash技术在网站建设中的功能分析

利用Flash技术所独有的高品质动画制作功能, 来进行网站建设, 现已逐渐成为一些视觉营销行业或企业网站的制作趋势。Flash技术的主要功能可从以下几个方面加以概述。

1.1 包含元素种类多样

Flash技术所涵盖的元素范围广泛, 包括图像、声频资料与影频资料等。不仅如此, 在Flash技术中同时运用第三方支持软件, 还能够对三维画面进行合成与有效处理, 通过与一些知名3D软件的合作与使用, 能够较为便捷地实现网站内网页的3D景象展示。故而在进行Flash网站设计时, 为了进一步提高网站建设质量, 应确保建设过程中所使用的图片、视频等原始素材质量。

1.2 具有数据库交互访问功能

Flash技术能够实现在不同数据库间进行编程接口, 这一特征应用于网站建设中便能够实现用户对不同数据库的无障碍访问, 优化上网体验。同时, 网络开发建设人员也能够利用Flash技术及关联技术, 构建与所需产品相关的新闻、留言等数据库资源, 不仅能够实现数据库的多样化与动态化, 还可使用户在同一网页内完成浏览、留言等一系列操作。

1.3 实现用户与网页的良好互动与交互

Flash技术内部具有丰富的相关函数操作, 且具备强大的事件调用功能, 故而开发者在网站建设时仅需利用Flash的内置语言, 便能够完成复杂程序的编写。这一过程中无需额外利用其它的编程程序, 在很大程度上减少了工作量。与此同时, Flash技术在网站建设中的运用能够使网站外观更为美观, 帮助用户更清楚地了解到网页内相应内容的含义, 实现用户与网页的有效互动。

2 Flash技术的应用优势

Flash网站的建设优势主要表现为:

(1) 灵感决定了网站的创意水平, 网站编写者的创意不会受到技术限制, 能够借助Flash技术得以实现。

(2) Flash技术所具备的动画特征, 与AS程序联合使用, 使网页由传统的静态表现形式转变为动态, 优化用户的视觉体验。

(3) 相较于传统网站, 利用Flash网站进行产品推广与宣传的效果更优, 企业也将获取更大的经济效益和社会效益。结合现阶段的Flash应用情况进行分析, 不难发现, Flash网站越早得到应用, 其所可能获取的利益与优势则将更为明显, 产品或者企业的宣传效果也将更为明显。

3 网站建设中应用Flash技术的注意事项

Flash技术在网站建设中的应用往往显示为高技术含量, 故而受到各大企业与网站的青睐。Flash技术所制成的文件容量小, 但仍能够较为清楚地表现出动画角色的特征, 在网络传输中较为适用;且Flash自身所具备的AS代码功能十分强大, 与其它程序语言之间能够实现灵活转换, 表现出明显的交互性优势。虽说Flash技术在网站建设中具备上述优势, 但在具体实践中若未能正确掌握其应用力度, 则将起到负面效果, 主要体现在下载时间受限、可用性受限以及搜索引擎使用受限等方面。

(1) 使用Flash技术所建设的网站, 相较于传统网站会占据更大的宽带空间, 这将直接导致网络下载速度的明显下降。用户在浏览此类网站时往往需要花费大量的时间来关注进度条, 而无法及时、快速地获取所需信息。故而在进行Flash网站设计时, 应在确保用户体验不受影响的前提下, 尽量缩小Flash容量, 避免其占据过多宽带。

(2) 旧版本所设计出的Flash网站, 不会对键盘上的后退键产生正确反映, 当点击后退键时将导致用户直接退出该网站, 而不是返回到上层;与此同时网页内的各类链接颜色及用户所需文本尺寸等都将受到影响, 将导致用户体验好感度的明显下滑。故而网站维护与开发人员应对这一问题引起重视, 并对网站进行有效完善与优化, 确保用户的浏览体验得到改善。

(3) 虽说类似于Google这一类的大型搜索引擎能够完成以Flash为索引的搜索能力, 但其搜索内容受到明显限制, 且仍有部分搜索引擎无法完成对Flash网站的搜索, 故而Flash网站无法在多数搜索引擎中得到良好排名。这就要求网站开发人员应积极提升网站知名度, 并建立相对应的非Flash链接, 以便多数用户能够通过常用的搜索引擎达到对Flash网站的搜索目的。

4 结束语

综上所述, 将Flash技术应用于网站建设中有重要意义, 不仅将很好地实现不同数据库间的切换, 也将实现网络与用户的实时沟通, 但在应用过程中仍需注意Flash技术所存在的弊端, 并在网站建设过程中积极采取有效规避措施, 将Flash网站的弊端进行最大限度消除, 使Flash技术的优点得到充分发挥与体现, 进一步促进网站建设的健康发展, 为用户的安全用网提供更可靠保障。

摘要：将Flash技术应用于网站建设中已逐渐成为一种流行趋势, 但由于受到技术水平限制, 其在应用过程中仍存在一定问题。如何对Flash网站进行科学建设已成为研究热点问题。本文针对Flash技术在网站建设过程中所发挥的重要功能进行分析, 在此基础上分析其在应用过程中所需规避的缺点与可能造成的风险, 旨在为有关网站开发人员合理运用Flash技术提供参考。

关键词：Flash技术,网站建设,网站建设

参考文献

[1]于红波.浅议Flash技术在网站建设中的应用[J].山东纺织经济, 2011 (12) :130.

[2]王新艳.刍议Flash技术在网页制作中的运用[J].信息通信, 2012 (04) :119-120.

Flash技术网站建设篇2

一、Flash的特点

Flash是Macromedia公司出品的矢量图形及交互式动画制作软件。用它可

以将音乐、声效、动画以及富有新意的界面融合在一起, 从而制作出高品质的动画效果。由于它的自身特点, 很多网站设计者用其制作网站。

1、矢量图的制作

Flash能够制作矢量图形, 它区别于其它的像素图形就是能够放大后不失真, 图像边缘不出现锯齿, 不影响画面的质量。

2、流媒体技术

Flash支持流媒体技术, 一般的技术, 在网络上播放时, 是下载后才可能播放。而流媒体技术, 是一边下载一边播放。这样下载的速度比普通的网站快很多, 方便网络的传输。

3、文件量小

网络上的文件内容, 文件量越小传输的越快。Flash制作的网站, 文件量非常的小, 能够方便传输和下载。

4、动画的制作

Flash区别其它软件的最大特点就是能够制作流畅的动画。虽然其它的软件也有动画功能, 但大多动画不流畅, 操作起来也不方便。

5、强大的互动功能

正因为拥有强大的互动功能, Flash才能够制作网站的导航, 甚至是整个网站都由Flash来制作完成。而交互功能主要是通过ActionScript技术来实现的。

二、Flash动画的种类

Flash拥有强大的动画制作功能, 主要有以下几类动画:

1、逐帧动画

逐帧动画实际上与我们传统二维动画一样, 它是利用我们人眼的视觉暂存现象, 其实每一帧的内容都不相同, 当制作完成一幅幅画面并连续播放, 就会看到运动的画面。逐帧动画是非常基础的动画, 一般用它制作一些比较精细的动作, 如人物的走、跑、跳等。

2、补间动画

补间动画比较常用, 它通过开始帧与结束帧, 运用电脑技术创造出补间动画。通过它能够制作的缩放、旋转、透明等动画。

3、补间形状

补间形状与补间动画制作动画的方法一样, 唯一不同的是补间动画需要用元件制作, 而补间形状则需要将元件按【Ctrl+B】键打散后制作。补间形状能够制作形状之间的变化、颜色的变化、缩放、旋转等动画。

4、遮罩动画

遮罩动画是一个非常重要的动画种类, 通过遮罩动画可以制作许多的特效, 如墨滴效果、水波效果等。

5、路径动画

路径动画是沿着某一路径运动的动画, 通过路径动画可以制作雪、汽车、蜜蜂等动画。

三、Flash动画在网站中的应用

1、动态广告的制作

广告在整个网站中所占的比例是最大的, 也是网站收益的重要来源之一。静态的广告虽然也能够达到广而告之的效果, 但由图片和文字组成的广告, 缺乏视觉上的冲击, 很难引起浏览者的注意, 而Flash制作的动态广告, 能够集成动画、视频、声音等媒体技术, 使广告变得更加吸引人们的视线, 增加点击率, 大大增强了广告的宣传力度, 成为了众多广告商的首选。

2、过场动画的制作

过场动画这种表现形式是近几年才兴起的, 往往出现在由Flash技术制作的整站中。它分为开篇过场动画和连接网页之间的过场动画。

开篇过场动画往往使浏览者在进入网站时, 增加对网站产品的印象, 起到对网站进行宣传作用。常用在房地产、化妆品等产业。而网页之间的过场动画, 往往是用来连接两个网页, 主要起过渡作用。

3、装饰动画的制作

在整个网站中, 有许多为了网站美观而制作的装饰动画, 如背景动画、文字动画、图片动画等。这类动画是网站设计的主体部分, 通过这些动画的装饰, 使网站更加美观、实用, 更加吸引视线。

四、Flash Action Script在网站中的应用

Flash技术最大的功能在于它的交互功能强大, 而交互功能的实现, 是由Action Script技术支持, 下面是Flash Action Script在网站中的应用。

1、Loading的制作

Loading是在浏览Flash网站时, 根据文件的大小及网速的快慢, 会有一段等待网站下载到本地电脑里的时间, 为了吸引浏览的视线, 引导浏览者耐心等待, 一般会制作进度条动画, 告诉网站下载的速度。Loading一般是用Flash ActionScript技术制作的。常用的制作方法为:

(1) 制作进度条动画

运用补间动画制作一段进度条动画, 在动画下面, 新建一个动态文本框, 用来显示下载的进度百分比。

(2) 运用Flash Action Script技术制作百分比进度

新建代码图层, 在第一帧处新建一个空白关键帧, 按【F9】调用出Action Script窗口, 在动作窗口中写入如下代码:

在第三帧新建一个空白关键帧, 按【F9】调用出Action Script窗口, 在动作窗口中写入如下代码:

2、导航栏的制作

导航栏是网站设计中不可缺少的部分, 浏览者通过导航栏, 访问下一级网页。为了让网站信息可以有效地传递给浏览者, 导航栏设计的要简明、直观、明确、美观。网站中的导航栏形式多样化。主要包括:文字类导航栏、图片类导航栏、浮动类导航栏。

(1) 文字类导航栏

文字类导航栏是整个网站的核心内容, 由于文字易于理解, 所以成为网站导航栏的首选。设计者们通过按钮、动画与Action Script技术共同配合, 制作出Flash的文字类导航栏。

1) 制作文字导航栏动画

按【Ctrl+F8】新建影片剪辑, 在影片剪辑的1-17帧制作鼠标划入动画、在影片剪辑的18-33帧制作鼠标划出动画。

2) 运用Flash Action Script技术制作导航栏

在影片剪辑里, 按【Ctrl+F8】新建按钮。制作一个空按钮, 按【F9】调用出Action Script窗口, 在动作窗口中写入如下代码:

3) 图片类导航栏

图片类导航一般多用于新闻类网站或时尚服装类网站的头条新闻。特别是电子商务类网站, 多运用图片类导航来展示商品。制作方法也是通过按钮、动画与Action Script技术共同配合。

4) 浮动导航栏

浮动导航栏, 经常用在商品广告或网站公告上。也是网站的主要收益之一, 以前只是文字或图片动画形式。近几年来, 特别是媒体技术的发展, 出现了视频类的浮动导航, 更直观、更明晰的展现广告的内容。它的制作方法与文字类导航栏类似, 也是运用Action Script技术来实现的。

3、声音技术控制

Flash制作的网站, 往往以时尚、新颖、美观等著称, 它不仅仅可以给浏览者带来视觉的感受, 也可以给浏览者带来听觉的冲击。而这种对声音的开关功能, 也是通过Action Script技术来实现的。

(1) 打开声音

按【Ctrl+F8】新建按钮, 按【F9】调用出Action Script窗口, 在动作窗口中写入如下代码:

(2) 打开声音

按【Ctrl+F8】新建按钮, 按【F9】调用出Action Script窗口, 在动作窗口中写入如下代码:

五、总结

Flash技术在网站制作上的应用, 主要通过动画的制作及Action Script技术来实现的。随着科技的发展, 浏览者对网站的要求不断提高。Flash技术设计的网站从众多网站中脱颖而出, 走在了网站设计技术的前沿, 要制作Flash整站, 需要的技术还很多, 特别是Flash的Action Script与数据库之间联系, 本论文没有详细介绍。

参考文献

[1]刘小伟:《网站设计实用教程》, 中国铁道出版社, 2003年。

Flash技术网站建设篇3

1 Flash简介

Flash软件起源于1993年的一个名为Smart Sketch的程序, 该程序是用一个平板电脑手写笔创作的绘图程序。该软件的第二版增加了支持动画, 并附带了一个浏览器插件, 能让人们观看嵌在网页内的动画。1996年Macromedia公司收购了Future Wave公司, 把Future Splash Animator重命名为Flash。最终, Macromedia被Adobe Systems公司于2005年收购, 这个软件得到了它最终的名称:Adobe Flash。目前最新的版本为Adobe Flash CC。该工具除了制作矢量动画之外, 还可以用来创建演示文稿、应用程序和其它允许用户交互的内容。可以完成动画、视频内容、演示文稿及应用程序等相关设计, 在高端应用中可以构建RIA的Flash应用程序。

Flash是矢量图形编辑和动画制作软件。它通过符号、按钮、层、帧、场景等一系列组合, 能够让用户集成图形、声音、动画、影像文件等各种多媒体素材。像堆积积木一样设计出形式简洁、内容丰富、交互性强的极富感染力的动画作品。

2 Flash的功能

Flash是一种交互式矢量多媒体技术, 可以完成传统Gif动画的创建。更重要的是其能够设计出完美的矢量动画, 由于所生成的流媒体动画体积小, 质感好, 自产生以来就被广泛应用于网站建设之中。网页设计师应用Flash能够创作出既漂亮又可改变尺寸大小的导航界面, 也可以创作出交互功能强大的多媒体交互式网页。总体概括功能如下:

(1) 简单影视动画的创作

(2) 产品展示设计。

(3) 教学辅助系统设计。

(4) 电子期刊、杂志设计。

(5) FLASH与用户互动类产品开发。

(6) 播放器、留言板、相册系统、触摸式交互系统开发等。

(7) 网络游戏、FLASH网站的制作。

(8) RIA应用开发。

3 Flash与网站相辅相成, 互相促进, 共同发展

Flash在各大网站中的应用比比皆是, 一部分是Flash整站设计的网页, 另一部分是大量嵌入Flash的网页。它们为我们的网络生活带来了前所未有的兴奋, 究其原因, 首先, 是Flash动画作品为矢量动画, 因此, 可以无限放大而不失真;其次, Flash采用矢量图形设计, 产生的文件与栅格化图形相比, 矢量图形所需要的存储空间小, 符合网络传输的需要;再次, swf文件属于流式播放, 流媒体元素特别适用于创建通过互联网展示的内容, 可以边下载边播放, 这个特点在网络速度较慢的情况下尤其突出;最后, Flash拥有比较强的交互功能, Flash中具有强大的面向对象的Acfion Script语言, 还可以与响应的数据库进行连接等, 使复杂的动画实现变得更加简单和方便。Flash网站最明显的优势是有其强大的互动性, 网站里穿插Flash短片、Flash MV、Flash片头、Flash导航、Flash按钮、Flash图标等等元素, 这一切满足了浏览者对网站的更高要求, 以丰富的互动性实现了强烈的视听享受。Flash动画的播放需要插件的支持, 因此, 只有当用户的浏览器拥有相应的插件时, 才可以正常浏览Flash动画。目前, Flash格式已经作为开放标准公布, 并获得了第三方软件的支持, 因此将有更多的浏览器支持Flash动画, 而Flash动画也必将得到更广泛的应用。

4 Flash相关技术

(1) Action Script3.0技术

纯粹的Flash网站实现的关键主要是依赖Action Script相关函数, Action Script的目前版本为3.0, 与之前的两个版本相比较有了质的改变。它的代码提示窗口非常适合非程序设计人员。Flash所提供的脚本编辑视窗与其它软件的代码窗口有本质上的区别, 该窗口为一个可视的、容易理解的界面, 主要用来实现Flash强大的人机交互功能。

(2) Loading加载技术

由于网络传播速度的差异对flash文件的传输有较大的影响, 一个较大的flash运行被加载到内存是一个漫长的过程, 所以应当给用户一个了解flash加载进度的情况, Loading的作用就在于此, 它的出现解决了用户在flash加载过程中的忧虑心情, 通过Actionscrip控制语句来判断flash文件的下载进度, 完成下载后进行播放, Loading技术使得flash影片更具人性化设计。

(3) 字体的导入

文字在flash中的表现因字体的原因有时产生异常, 利用字体的导入功能可以明显的改善文字表现, 在大量动态调用文档的时候此功能表现更加突出, 大大减少了用户修改的时间。

(4) 文本图形法

此种方法可以进行flash文字的个性化设计, 在flash中可以完成文字的艺术性设计, 而且在动画应用当中, 文字图形法可以使文字的各部分表现各不相同, 文字图形化是flash动画设计中常用的手法。

(5) 文本导入法

Flash中大量应用文本时, 可以将txt文档直接导入, 修改时只需要修改txt文本内容, 就可以实现Flash相关文件的修改, 简便易用。利用文本框变量可动态加载一个文本文件, 文本导入法大大减少了文本的输入时间, 提高了Flash设计的效率。

5 Flash开发的劣势

(1) 投入比较大

Flash网站制作成本比传统的网站高很多, 时间花费也长, 网站修改起来相对复杂。

(2) 载入时间长

如果你的Flash网站很大, 架构又不完善, 导致载入时间比较长, 那对浏览者来说将是个漫长的等待。即使Flash网站优化很好了, 但是浏览者的带宽不给力的话也是个很痛苦的事情。

(3) Seo效果不好

Flash网站对搜索引擎不太友好, 因为一些搜索引擎不能读取Flash文本内容。因此Flash网站可能会导致搜索引擎排名下降, 因为搜索引擎蜘蛛无法抓取Flash网站里的关键字。

(4) 需要安装插件

Flash网站需要浏览器支持Flash, 并且还要安装Flash Player插件才能浏览, 这无形中提高了浏览网站的门槛, 对于广大电脑菜鸟来说, 安装Flash Player插件是个很麻烦的问题。

(5) Flash网站不兼容手机

如今是移动设备的年代, 但是Flash网站不兼容手机浏览, 这是个很大的问题。随着智能手机用户以惊人的速度增长, Flash网站不能显示在i Phone和其他一些智能手机上将是一个巨大的劣势。

6 结束语

自Flash诞生以来给我们留下很多美好的回忆, Flash与网站的关系也在逐步发生着变化。HTML5的推广是Flash的一大挑战, Flash并不单纯为网站建设服务。随着Adobe公司对其的改进, Flash会有很大的发展空间, 我们期待Flash给我们带来更美好的未来。

摘要：在网络技术飞速发展的今天, 网站与我们的生活密不可分, 网站已经成为我们的另一空间。在浏览的过程中, Flash元素对我们的视觉冲击力尤为明显。本文论述Flash与网站之间的关系, 探讨Flash的起源、发展、运用、优缺点等方面。

关键词：Flash,交互式设计,RIA,ActionScript

参考文献

[1]杨芳, 浅析全.Flash网站的设计与实现.中国新技术新产品, 2013.

[2]高琦, 李恒爽.全Flash网站设计应用的发展前景.大众文艺, 2013.

[3]张海黎, 郑为.设计纯Flash网页与Flash作品的区别及关键技术.包头职业技术学院学报, 2005.

Flash动态网站制作浅析篇4

一、制作Flash动态网站的现状及特点

在国外, 众多大公司如:IBM、Hp、Sony、Shell等都用Flash动态网页以加强自己公司主页的形象和更强大的互动功能。从事Flash动态网页设计的人员不多, 缺口很大。对国内来讲, 动态网站制作发展比较缓慢。

Flash更为广泛的应用是一个二维动画制作的教程, 但是Flash用其内置的语句并结合JAVASCRIPE, 可作出互动性很强的主页, 也就是网站制作有强大的互动性, 设计也很精美, 以动画和图形为主, 所以适合做以平面、动画效果为主的而文字内容不太多的网页。如:个性网站、网络游戏、品牌产品推广、广告等。

Flash可以生成动画, 还可在网页中加入声音。这样就能生成多媒体形式的界面和图形, 而文件的体积很小, 占用空间很少。同时, Flash还具有导出独立运行程序的能力, 其优化下载的配置功能很强。Flash文件可以边下载边播放, Flash适合制作网络传输的网页动画。

Flash的动态网站制作的特点是体积小, 可边下载边播放, 这样就避免了用户长时间的等待。只需安装插件即可。Flash动态网页提供的Shockwave Flash插件很小, 小于170KB。由于用户对网络带宽的要求不断提高, 用户希望浏览速度的不断提高, Flash动态网页优势明显, 主要表现为: (1) 及时性:文件使用的是矢量图技术, 具备文件小、速度传输快、采用流式技术播放的特点, 动画文件是边下载边播放, 如果速度控制得好, 就感觉不到下载文件的过程。即使是在网络状况较差的时候也不需要长时间等待。 (2) 增加网站吸引力:Flash网站其视听冲击力会让我们有眼前一亮的感觉, 动画+声音的模式让你同时得到视觉和听觉的享受, 在浏览者中留下了很深的印象。 (3) 互动性:没有人喜欢一个死气沉沉的网站, Flash网站有其强大的互动性是最明显的优势, 网站里穿插Flash短片, Flash MV、Flash按钮、Flash导航、Flash图标等元素, 这一切满足了浏览者对网站的更高要求, 以丰富的互动性实现了强烈的视听享受。 (4) 压缩技术:Flash记录的只是控制动作和关键帧, 生成的比较小巧的播放文件 (*.swf) , 用Flash制作的动画、文件是矢量的, 无论把它放大多少倍的状态下都不会失真。

二、设计Flash动态网站的过程

1. 网页的形式与设计

(1) 网页版式设计及风格, 动态网页往往包含很大的信息量。Flash动态网页的超链接特征, 使它有无限扩展的空间。Flash动态网页上是一个假想的三维空间, 它是由多个具体的二维平面空间组成。二维的平面空间即是网页。网页是借助各个构成元素的位置关系、比例关系以及动静变化等空间因素表现出来的。各个元素的形象的色彩变化、大小变化、弯曲变化、纹理的变化、能丰富平面的视觉深度, 使之产生的空间效果富有弹性层次。浏览者在视觉感受空间设计的同时, 也会产生不同的心理感受。 (2) 导航菜单设计, Flash动态网页浏览的基础是导航菜单设计。导航菜单设计的简洁、有效, 可以使浏览者迅速找到所需要的信息。设计导航菜单还要注意简洁, 易用。 (3) 色彩设计, Flash动态网页色彩搭配既是一项技术性也是艺术性工作, 因此, 设计者还要遵循相应的艺术规律, 才能设计出性格独特、色彩鲜明的网站。一个页面的色彩设计尽量不要超过4种色彩, 用太多的色彩让人没有侧重, 没有方向, 会显得杂乱无章。

2. Flash ActionScript脚本

ActionScript是Flash的脚本语言, 是Flash内置的编程语言, 是从好几种程序语言中深化而来的。可以实现各种动画特效, 对影片的良好控制, 强大的人机交互及与网络服务器的交互功能, 在Flash的应用程序和内容中体现数据处理、强大交互性等功能。Flash Action已经成为设计辅助重要的手段, 实时计算都是由Action来完成很多意想不到的动态效果, Flash Action的灵活运用会使动态网站设计达到一定高度层次。ActionScript使用英文单词和元件提供了一种为Flash影片设置指令的方法。用户可以用鼠标或键盘与动画实现交互功能。单击动画中的按钮, 跳转继续播放动画的其他部分;可以在输入信息到表单中等等。使用ActionScript可以扩展Flash创作动态网站的能力。

摘要：动态网站的制作方法有很多种。本文将阐述用Flash软件制作动态网站的整个过程。在网站设计方面Flash软件也可以制作动态网站, 为网页设计增加了新的解决方案。

关键词：动态网站,制作

参考文献

[1]、Flash热门动态网站创意制作全解.沧桑.山东电子音像出版社

Flash技术网站建设篇5

关键词：FLASH网站,界面设计,可用性

0 引言

Flash网站多以炫丽的动画为主要表现形式,且融入了强大的交互功能,满足了用户的审美趣味,并带来了前所未有的网站交互体验。但过于炫丽的动画效果也使得用户在欣赏之余,网站也出现了体积过大,下载速度过慢,信息结构混乱,视觉噪声过高等问题。因此,如何在发挥Flash网站设计创意的同时,保证网站的可用性是目前Flash网站探讨的重点。

1 可用性

1.1 可用性的定义

“可用性”这一概念来自于人因工程学,是心理学、工程学、统计学、工业设计学、计算机科学想交叉的学科,致力于研究人类生理和心理的局限和优势,致力于研究人类在一定的环境因素下的行为特点。它广泛存在于各种产品和用户的相互关系中,即人机交互产品或系统,是产品是否符合用户的需求和期望的理性评价,是交互设计的基本并且重要的指标,是对产品可用程度的总体评价,也是决定产品竞争力的关键因素。ISO 9241-11将可用性定义为“特定的用户在特定的使用情景下,有效、有效率、满意的使用产品达到特定的目标。”[1]并将可用性概括为三方面:有效性、效率、满意度。

●有效性(effectiveness):用户完成特定任务和达到特定目标时所具有的正确和完整程度;

●效率(efficiency):用户完成任务的正确和完整程度与所使用资源(如时间)之间的比率;

●满意度(satisfaction):用户在使用产品过程中所感受到的主观满意和接受程度。

1.2 可用性对网站的重要性

互联网的迅速发展改变了人们的生活,人们越来越依赖于互联网来解决各种各样的问题。Jakob Nielsen指出:“通过改进可用性,我们能够使人们经过很少的培训就可以拥有很多有意义的工作,能够使老年人通过更加容易地使用网页而参与到社区事务中,我们能够向残疾用户提供和其他人意义的信息和服务,我们能够使每个人在使用计算机时更有成果,并减少他们的挫折感和无能感。”[2]同时,研究表明,用户是极其缺乏耐性的,他们在互联网上访问一个网站,是为了更高效快捷的实现自己的目标。如果用户访问的网站不能较好地完成他们期望的目标,那么用户会决定放弃对该网站的使用。据统计,不能提供有效内容和功能的站点会导致近40%重复访问者的流失和50%在线营业额的丧失。[3]

1.3 基于可用性的Flash网站设计方法

产品可用性不是孤立存在的,它是以产品的造型、色彩、界面、交互方式、功能设置等基本属性为载体的,以“用户为中心”为核心的设计理念。对于Flash网站的设计不应该不问青红皂白就直接进入设计阶段,而应该从设计开始之前就尽可能多的进行可用性的工作,而这些可用性工作的核心就是对于目标用户的研究。这种以用户为中心的实用设计方法强调设计应以目标用户的基本特征和真正需求为基础,对产品的任务进行分析,在此基础上进行的概念设计、交互设计和界面设计才是以用户为中心的设计。并且将积极邀请用户参与到设计测试评估中,及时获得用户的反馈,从而改进设计。

2 基于可用性的Flash网站界面设计

2.1 易于使用的导航设计

网站的导航是决定该网站是否就可用性的重要特征,导航将网站的信息结构清晰的展示给用户。用户通过导航可以轻松地在网站中实现跳转。从可用性出发,导航应该具有可识别性、可学习性、一致性和可跟踪性。即是说,Flash网站的导航必须能被用户容易识别和使用,且网站中导航的交互效果和视觉效果保持一致,并为用户提供辅助性标记,帮助他们识别自己所在的位置和预期下一步操作。

2.2. 便于阅读的文字排版

用户的年龄、视力以及周围的环境都会影响到用户的阅读能力。因此在进行文字设计时应需让文字清晰可见,让用户在任何环境和物理条件下都能进行阅读。通常人在计算机前距离屏幕为50—80公分,这使得网页的文字的字体大小、字间距、行距都有一定程度的限制。

在文字的使用上应注意的是,网络是一种交互式媒体,应考虑到用户的可视能力和硬件的环境。考虑到需选择易于辨认的字体和常用字体,尽量避免使用特殊字体,以确保文字在不同硬件环境下不会出现缺失。

为了方便用户进行阅读,需要建立清晰的层次结构,让标题文字或主要内容在字体、大小、样式上更加醒目。从文字与背景之间的关系看,文字的清晰可见很大程度取决于文字与背景的对比度。这种对比度的体现主要是在文字和背景的色彩对比和图形对比上。通常来说,深色底上放浅色的字,浅色底上放深色的字,在文字内容集中的地方背景的设计应相对单纯,减少视觉干扰,保证文字的易读性。

2.3 利于下载的图像处理和动画处理

Flash对于PNG文件的支持使得其在图像显示质量上由于HTML,但光栅图像的缺点在于没有得到浏览器对下载过程的全面支持,这就意味着用户必须等待整幅位图下载完毕后,才能看到图形。这是目前Flash自身存在的问题,对于该问题的处理,可通过技术来进行弥补。Flash网站设计时可以对位图图形进行处理,选择调用Java Script狡辩把其作为窗口显示,或使用低分辨率、高压缩比的代理图像,来改善Flash因文件较大下载速度过慢;对动画的处理上可将动画角色进行分离,或借助于数据压缩技术的改进和流(Stream)技术的来改善Flash在图像、动画方面的可用性问题。

3 结论

FLASH网站技术与艺术创意的紧密结合是开创FLASH网站优良的可用性界面设计的必经之路!它使FLASH网站的艺术设计由静态设计扩展到动态设计、由平面设计扩展到立体设计、由单向设计扩展到交互设计,由纯粹的信息传达扩展到丰富的视觉听觉艺术,接近电影或电视的观赏效果,体现丰富而夸张的创意效果,带来乐在其中且回味无穷的操控乐趣。技术发展促进了技术与艺术的紧密结合,而注重技术和艺术紧密结合,把浏览者带入一个真正现实中的虚拟世界正是我们所孜孜以求的。

参考文献

[1]ISO/IEC9126-1.Software engineering-Product quality-Part1:Quality model[S].International Standards Organization,2001.

[2]Jackob Nielsen,Hoa Loranger.网站优化—通过提高Web可用性构建用户满意的网站[M].张亮译.北京:电子工业出版社,2007,6

Flash在多媒体网站中的运用篇6

一、Flash软件基本功能介绍

Flash是矢量图形编辑和动画制作软件。它通过符号、按钮、层、帧、场景等一系列组合, 能够让用户集成图形、声音、动画、影像文件等各种多媒体素材。[2]像用砖头造房子一样制作出形式简洁、内容丰富、交互性强的极富感染力的动画作品。随着Flash软件功能的不断强大和完善, 给用户提供了一个更方便、更广阔的动画制作平台。

Flash的特点决定了它在因特网上能够风靡一时。首先, 它的动画作品输入矢量动画, 因此可以无限放大而不失真;其次, Flash最终压缩生成swf动画文件体积小得出奇, 正好符合网络传输的需要;再者, swf文件属于流式播放, 可以边下载边播放, 这个特点在网络速度较慢的情况下尤其突出;最后, Flash拥有比较强的交互功能, Flash中具有强大的面向对象的ActionScript语言, 还可以与响应的数据库进行连接等, 使复杂的动画实现变得更加简单和方便。但是美中不足的是, Flash动画的播放需要插件的支持, 因此, 只有当用户的浏览器拥有响应的插件时, 才可以正常浏览Flash动画。目前, Flash格式已经作为开放标准公布, 并获得了第三方软件的支持, 因此将有更多的浏览器支持Flash动画, 而Flash动画也必将得到更广泛的应用。

二、Flash动画的盈利点

一是娱乐平台, 尤其是儿童娱乐平台。现在能让孩子浏览的网站太少了, 如果做得好, 会有很多儿童产品商家来做广告。如:www.suflash.com (超闪网) 上面提供Flash音乐、游戏、短片等。

二是Flash动画交易平台。

三是Flash广告制作公司。Flash以其制作成本低, 会成为电视、网站等媒体广告的首选。另一方面, 手机从打电话到发短信, 再到听MP3等, 逐渐成为个人娱乐平台, 自然也不会少了Flash, 其文件不大, 也可以动态传播。随着目前手机功能的增加以及对无线网络的支持, 已经有越来越多的手机支持Flash Player了。

三、重要技术

1.重要ActionScript的代码

Flash网站实现的关键, 尤其是Flash MX之后新增了很多功能强大的命令。关于这部分, 可以参看其他有关Flash编程方面的资料, 这里只谈一谈部分制作Flash网站需要使用的比较重要的ActionScript函数。 ActionScript的一个关键目标是易于使用。非程序员可以容易地使用ActionScript, 这一点非常重要。Flash提供的并不是一个苍白的脚本编辑窗口, 而是在Flash中创建了一个可视的、容易理解的界面, 用来为Flash影片添加交互功能。Flash中ActionScript非常易学, 并且使得Flash播放器可以保持很小, 这是一个重要的因素。

(1) loadMovieNum与loadMovie。

功能说明:在播放原来加载的影片的同时将swf或jpeg文件加载进来。

(2) loadVariables的运用。

功能说明:从外部文件中 (例如文本文件, 或由 CGI 脚本、Active Server Page (ASP) 、PHP 或 Perl 脚本生成的文本) 读取数据, 并设置 Flash Player 级别或目标影片剪辑中变量的值。

(3) gotoAndPlay的运用。

功能说明:转到指定场景中指定的帧并从该帧开始播放。如果未指定场景, 则播放头将转到当前场景中的指定帧。

2.动态Loading

考虑到网络传输的速度, 如果index.swf文件比较大, 在它被完全导入以前设计一个Loading引导浏览者耐心等待是非常有必要的。同时设计得好的Loading在某些时候还可以为网站起一定的铺垫作用。

一般的做法是先将Loading做成一个影片剪辑, 在场景的最后位置设置标签如end, 通过ifFrameLoaded来判断是否已经下载完毕, 如果已经下载完毕则通过gotoAndPlay控制整个Flash的播放。

以一个Loading文件为例, 在场景里加入插入影片剪辑,

ifFrameLoaded (“end” ) {gotoAndPlay (“开始播放的地方”) }

3.文本的导入

制作Flash网站的过程中经常遇到一定量的文字内容需要体现, 文本的内容表现与上面介绍的流程是一样的, 不同的地方体现最后的表现效果和处理手法还是有些不同。

4.文本图形法

如果文本内容不多, 有希望将文本内容做得比较有动态效果, 可以采用此法。将需要文本做成若干个Flash的元件, 在相应的位置安排好。文本图形法的文件载入与前面介绍的处理手法比较类似, 原理都差不多。具体动态效果因设计需求而异。

5.直接导入法

文本导入法可以将独立的txt文本文件, 通过loadVariables导入到Flash文件内, 修改时只需要修改txt文本内容, 就可以实现Flash相关文件的修改, 非常方便。在文本框属性中设置Var变量名 (注意这个变量名) 。为文本框所在的帧添加ActionScript代码:loadVariables (“变量名.txt”) 。编写一个纯文本文件.txt (文件名随意) , 文本开头为“变量名=”, “=”后面写上正式的文本内容。

四、Flash网站建设的注意事项

要记住用户的目标, 网站设计应该反应客户的需求, 有效地传播主要信息与促进品牌。然而网站的目标最好通过尊重用户的习惯来达到, 所以站点结构必须满足用户的需要, 快速地将用户引导至其目标而避免任何公司和区域行话。在设计中最好的方法是用户界面的一致性。元素结构的再使用、元素的设计以及命名的习惯, 将使用户在导向他们的目标时对站点传达的信息的注意力更加丰富。

在网站建设技术发展的这几年中, 有一种力量在左右着其发展方向, 那就是Flash自身的技术发展方向。已不仅仅停留到平面的界面上, 在Flash中, 有类似Photoshop中的滤镜效果和图层混合效果。Macromedia公司已经不满足Flash作为矢量动画软件了, 有了这些功能, 有美术经验的网站建设者又要兴奋不已了, 它将是优秀动画作品有了更加强力的支持。

当前, 交互式网站已占领互联网领域的主导地位, 而Flash动画自身的亲和力和传播速度等优势, 将会给Flash动画产业带来巨大的商业空间。以彩信和互动游戏为突破口, Flash将在近期迅速占领手机中的彩信市场。纵观今后媒体的发展方向, 要想有更美好的前景, 还需要设计者和Flash的共同发展作为前提。Flash现在急需改变的, 就是与图像及图像创作的紧密结合, 毕竟不可能每一个设计师都去专修矢量图设计, 设计更多的设计师完成更加真实、生动化的作品。另外, 作为有美术基础的设计师们更应该注重自身素质及技术的培养, 这包括专业知识和创作思路。在今后的网络媒体设计中不断地创新, 让交互多媒体在各个不同领域都能够得到长足的发挥。用我们设计师的手为Flash撑起一片完美天空。

摘要：Flash网站基本以图形和动画为主, 适合做那些文字内容不太多, 以平面、动画效果为主的应用。要搞好应用, 就必须掌握Flash软件的基本功能、Flash网站的盈利点、常用技术及注意事项这四个方面的内容。

关键词：Flash软件,Flash技术,ActionScript语言

参考文献

[1]胡孔法, 耿姗姗, 徐绪.精通FLASHMX2004动画与ACTIONSCRIPT编程[M].北京:电子工业出版社, 2004.

Flash技术网站建设篇7

Flash游戏是一种新兴起的游戏形式,以游戏简单,操作方便,绿色,无需安装,文件体积小等优点现在渐渐被广大网友喜爱。Flash游戏近几年来兴起并成为热门游戏类型,许多年轻网友对Flash小游戏特别喜爱,现在的Flash小游戏开发速度快,所以几乎每天都有新的Flash小游戏出现,并且种类繁多,花样百变,层出不穷。记忆大比拼游戏正是运用Flash CS3及其强大Action Scrip编程语言来实现的,这个游戏可以测验一下你的记忆力,既可娱乐自己,又可考察自己的记忆力。而且简单易懂并且有帮助提示,老少皆宜。特别受年轻人的欢迎。

1 准备工作

1)准备一个图案,可以任意寻找,不过最好用一些颜色和形状相似的图案,这样玩起来才有迷惑性,才能提高玩家的分辨难度,增强游戏趣味。在这里我们准备了如图所示的图案,将它导入Flash中,将它们存在pictures文件夹中.

2)将图片分割成若干块,分割根据个人的喜好进行,然后将分散的图片打乱,放置成最具有迷惑性的布局,游戏主界面的右方是已经被分割并打乱排列的图案碎块,左边是拼图的目标区域,我们的任务就是将右边的小块图案分别放置到左边的小方格里,如果将所有小块图案全部放置完毕后,能成为一幅完整的图案,则游戏成功。

此拼图游戏界面虽然简单,但要玩好却不容易,除非你有较好的记忆力,将一个个图片进行拼凑组成一个完整的图片,在拼的过程中可以考察你的记忆能力和对事物完美的理解。下面我们来进行此游戏的制作。

2 游戏的设计与制作

打开Flash,点击文件>新建菜单(快捷键Ctrl+N),新建一个宽550、高400、背景为黑色的文件。然后点击文件>导入(快捷键Ctrl+R),导入准备好的图片。在主场景里调整好图片的大小(注意可不能把图片调整得和主场景一样大,要留一点空隙)。然后点击修改>分解组件(快捷键Ctrl+B),将图片打散以便编辑。

1)接下来就要将图片分解成小图块了,点击工具面板里的套索工具,点选工具栏底部的多边形模式。

用套索把的一部分选中(选中后应该会看到有一层纱网罩住,为了便与选取精确,可以将显示比例调大些,显示比例调整框在窗口左下角)。

点击插入>转换成元件(快捷键F8),在弹出的对话框给这个元件命名为“head”并选中“影片剪辑”(注意这点尤为重要,否则到后面就无法继续了),按确定即可.重复以上步骤将图片的其他部分分别转换成影片剪辑。

2)把图片全部分解之后,在主场景里点击编辑>全部选择(快捷键Ctrl+A),然后点击编辑>清除(快捷键Backspace),将主场景里的元件全部清除。

3)点击插入>图层或者在图层面板点击左下角的图标插入一个图层并将其命名为“main”,将下面的图层命名为“background”选中“main”层的第一帧,打开库面板(点击软件窗口右下角的图标或点击窗口>库菜单打开,快捷键Ctrl+L),将制作的“head”元件拖入主场景,调整至合适位置。

4)将分割所得的各个元件从库面板中同样拖至主场景放好,位置可随意,点击窗口>面板>实例(快捷键Ctrl+T)打开实例面板(或点击软件窗口右下角的图标).用箭头工具选取场景里的一个元件,在实例面板里给这个元件命名,如图1,重复以上步骤将主场景力度影片剪辑全部命名。

在主场景第1帧设置AS如下:

制作用来拖拽的MC这是比较重要的一步,我们将利用这个MC来实现图块的拖拽以及位置的判断,在这里我们运用了MC中嵌套Button的方法以实现代码重用,这是个很重要的方法,希望大家加以重视.在这里我们运用了MC中嵌套Button的方法以实现代码重用,这是个很重要的方法,希望大家加以重视.

回到场景中,将TimeLine中已存在的层命名为"位置判断层",点击TimeLine左下角的Insert Layer按钮,新建三个层,分别命名为"图块层"、"AS层"和"按钮与提示层".选择"图块层",将Library中的pic1~pic12这几个MC拖入该层。特别注意:这里是MC,而不是图片,我们可以按住Ctrl键同时选择不连续的多个Symbol。按顺序在Properties面板中分别填写Instance Name为p1~p12。

3 游戏的优化与发布

3.1 游戏的优化

在制Flash影片的时候,一定要记住最终载体是网页这一事实,所以从影片的计划阶段开始,就要充分地考虑到影片的大小以及下载速度等问题。无论制作的影片多么出色,如果不能够在网页中正常地播放或发生多次间断,那它的价值也将大打折扣。

对象优化包括:灵活使用元件、优化绘图效果、正确使用字体、优化位图图像、优化声音文件。

3.2 游戏的发布

Flash除可以发布成SWF格式的影片之外,还允许将影片发布成一系列其他文件格式,这使得用户可以根据需要灵活地设计Flash动画,从而可以将她提供给更多的用户。每种文件格式都与之相应的不同设置参数,以便设计人员可以进一步处理文件的最终效果和行为。

发布设置较为常应用的包括:SWF格式发布设置、HTML发布设置、GIF发布设置、JPEG发布设置。

影片发布,在“文件”菜单下选择“发布”命令,之后Flash将完成剩余所有工作——即用户在“发布设置”对话框中设置的各种文件类型都将被同时发布到硬盘内,用于保存FLASH文件的指定文件夹中。

Flash还在“文件”菜单中提供了“导出”命令。使用“导出”命令是,将跳出“发布设置”对话框,而打开“导出影片”对话框,在改对话框中用户可设置文件的类型和导出文件的设置。

然后存盘、运行测试并导出为.swf文件,测试游戏如图2。

通常拼图都是由日常生活中拼起,所以玩家要熟悉身边的事物,才能按照逻辑拼出正确的图形,除此之外,还可以培养玩家的耐心及专注力,让他可以专心做一件事,拼图的难易度除了片数之外,种类也是很重要,通常卡通、线条色块分明者比较好拼,单色或色彩渐层不易分类或区分的就比较困难了。

Flash的设计界面友好,操作方便。对有兴趣的设计者即使从未接触过,只要经过一段时间培训,就可以轻松地用Flash做出简单的动画;而闪客高手则更可以发挥想像力,随心所欲的制作复杂的动画,在作品中实现自己的梦想,创造出动感十足、交互性强、精美绝伦的意境。