Flash网站规划

《Flash网站规划》由会员分享，可在线阅读，更多相关《Flash网站规划（4页珍藏版）》请在金锄头文库上搜索。

1、时光足迹 2010.5.24Flash 网站规划网站规划一个 Flash 的成功与否取决于创意、设计、交互这 3 个因素。这三者缺少任意一个因 素，都会使 Flash 网站看上去不够完美。那么是不是这三者都很优秀就可以称为一个成功 的 Flash 网站呢？我只能 80%认可这个观点。从事 Web 行业的工作人员大多也都看过这种 类型的网站，网站的每个页面设计得都非常精美，单独页面的动画做得也很细致。但当点 击页面上的交互式按钮时就会重新打开一个新的窗口，重新载入动画，或是在访问过程中 缺少流畅的感觉。从本质上讲 Flash 网页与 HTML 页面时没有什么大的区别的。如果单独 从创意、设计、交

2、互这 3 方面来说可能是很优秀的，但如果从整体上来看，这并不能算是 一个成功的 Flash 网站。那它缺少什么呢？回答是它主要缺少前期的网站规划，这正是本 文重点要介绍的，即 Flash 网站的规划。那么如何去规划 Flash 网站呢？1、 Flash 网站的结构规划网站的结构规划在概述中提到一个好的网站除了取决于 3 个重要的因素，即创意、设计、交互外，还 取决于一个重要的不可缺少的因素，即网站规划。Flash 网站规划的基本思路是指根据已有 的创意，有效地将设计与交互结合起来，设计与交互均为创意服务，同时三者又是相辅相 承德，紧密统一的。（1） 、 Flash 网站的结构网站的结构Flas

3、h 网站的结构和流程与 HTML 基本相似，但略有不同。相同的是都要有如 Logo、 导航、内容等基本元素；不同点是可以通过一定的技术手段使 Flash 的结构变化万千，比 如在表面上看到的 Flash 页面上可能只有一个 Logo,也可能只有一个图形导航而已，但实际 上通过鼠标的 mouseRollOver 和 mouseRollOut 交互，会将这些元素在变化中呈现出来。 那么下面看一下 Flash 网站的标准流程图。Loading 预载预载 Flash intro 片头（可有可无）片头（可有可无） Flas 导航、子导航、导航、子导航、 内容、内容、Flash 主界面主界面为了达到 Fl

4、ash 网站的最佳浏览效果，通常在载入 Flash 内容时都需要有一个预载，尽 管你可能知道 SWF 文件本身就可以流式播放（边下载边播放） ，但对于当前国内宽带状况 而言，预载还是很必要的。 如 http:/www.kia- 可以发现整个 Flash 的过程均在一个 HTML 页面中，这种方式相对来说比较简洁，也是 被广泛采用的一种结构形式。 某些网站最先的是一个 Splash（快闪）页面。Splash 页面一般情况下是静态的，也有 人称它为引导页，这个页面一般的原则是简洁，它的作用就是当用户打开页面时传达给用 户一些基本信息，比如这个网站的主题是什么，网站的 Logo、公司的名称、或者联系

5、方式 等。它的另一个优点是，由于是静态的，便于如 google 这样的搜索引擎的检索。当用户关 闭后面出现的主界面后，会再次看到这个 Splash 页面，从而加深浏览者对网站 Logo 及联 系方式的印象。通过点击入口，会弹出一个窗口进入到主界面。时光足迹 2010.5.24网站在弹出的窗口中显示主界面。 在弹出窗口的应用技术中，一般采用的是调用 JavaScript 函数的方式，弹出的是指定了 大小的 IE 窗口。你的 Flash 大小不会受到 IE 浏览者的限制，你也不必担心浏览器是否会 出现滚动条之类的问题，它总是会按照你指定的大小出现。 它的另一个好处是，使网站在背景的衬托下，使内容更

6、集中突出体现，其他的内容展都 将会在这个窗口内完成。这种格式适用于那些不适于缩放的，看起来非常有质感而且而且 精致的网站类型，如上例所举。但并不是所有的客户都喜欢使用这种形式，比如有的客户 可能会喜欢全屏，或是随着 IE 窗口的编号主页面随着缩放等，我们会在后面的技术内容中 进行讲解。以我个人观点而言，如果你认为，某个网站适合这种形式去表现，那么久继续 走下去，相信你自己的感觉，并想办法去说服客户，并给客户列出你所熟知的优点，客户 大多数情况下是会接受的。（2） 、 Flash 的层次结构的层次结构经常有人问为什么这个 Flash 网站浏览起来感觉比较顺畅自然，而另一个 Flash 网站虽 然

7、设计精美，但浏览起来始终给人一种间断不自然的感觉，虽然我不能说原因完全归结于 层次结构的规划，但至少 80%是由这种情况造成的。2、 Flash 网站的设计规划网站的设计规划Flash 网站中的创意、设计、交互 3 个元素中最重要的应是设计元素了，在前面的部分 我们已经提到这三者之间是相辅相成的。这里我们所说的设计规划，实际上就是指如何使 创意、设计与交互达到一种风格上的统一。但凡是优秀的站点，在浏览的过程都会使人感 觉有一条主线贯穿其中，比如整个网站的主体元素是一个圆形，那么可以在各个角落里看 到圆的变化形式，如导航、内容等，这种变化贯穿在整个网站中。 如果你正在策划一个 Flash 网站，

8、并负责创意设计，那么需要注意一点，在网站没有 正式出来之前，在你的脑海中这个网站应是已经成型的，你可以将思路及大致的样子画在 纸上，在你的脑海中这个网站应是已经成型的，你可以将思路及大致的样子画在纸上，然 后再进行细部的创作。 除了整体思路之外，为配合创意设计，在表现创意时需要考虑如下几个因素： （1） 、Loading (形式与整体风格是统一的)； （2） 、Flash 界面的主体； （3） 、交互过渡形式； （4） 、局部内容表现。 适用一种统一的交互变化，一种统一的图形符号，一种统一的过场等，都不失为一种 好的主意。 除了正面的标准的设计规划外，你也可以让网站在形式上更富有个性一些，但它

9、仍遵 守上面的规划原则，有复杂的一面，也与统一的一面。3、 Flash 网站的内容规划网站的内容规划Flash 网站内容的规划需要涉及一些 Flash 之外的相关知识。内容规划就是指需要用什 么样的形式布置内容，所载入内容的格式是否需要与数据库通信等。（1） 、 内容规划形式内容规划形式时光足迹 2010.5.24Flash 内容的规划一般有如下几种形式：SWF 文件文件 将外部内容生成小的 SWF 文件。它的优点是适用的 ActionScript 可能更 小一些，易于控制；缺点是不易于更新，每次更新的时候需要重新打开源文件修改里面的 内容。通常使用的方法是使用 MovieClip.loadM

10、ovie()来载入 SWF 文件。TXT 文件文件 网站的多数文本内容都可以以外部 TXT 文本文件形式载入。它的优点是 易于更新，只需要修改后台的 TXT 文本就可以；缺点是加入图像或是调节图像位置大小相 对来说比较复杂。通常使用的方法是使用 loadVar 来载入动态文本。XML 文件文件将网站的内容以 XML 格式载入，是个不错的选择。它的优点是可以方 便更新，能够很顺畅地与其他数据库通信。你甚至可以将整个网站全部使用结合 XML 的 方式规划成动态站点，这是当前最普遍的动态技术，如常见的新闻、留言板、图片库等。 通常的方法是使用 XML 类来载入 XML 文件。MP3 文件文件如果是

11、Flash 网站，那么在多数情况下是使用到 MP3 格式文件的。尽管 它可内置在 Flash 当中，但还是建议使用外部载入的形式。载入外部 MP3 的形式可以分为 两种，一种是下载播放，一种是流式播放，对于较大的 MP3 建议使用流式播放的形式。加 载 MP3 的一般方法是用手 sound( )内置类。FLV 文件文件当 Flash 网站上需要用到视频时，那么首选就是 FLV 视频了。如果只使 用视频的一小段，当然可以使用导入的形式，否则都要使用外部载入的形式。FLV 视频的 优点是可以与 Flash 无缝结合，可以实现像 RM 等流式播放的方式。目前流行的网站视频 60%以上是 FLV 格式

12、的，那么你可能还需要了解如何借助第三方软件将其他视频格式转换 为 FLV 视频。通过对上面外部文件内容的分析，我们可以分析出，其中最佳的方式是使用 TXT 文 本和 XML 文件。两者可以方便有效地与数据库结合，特别是 XML 文件，只需在后台发布 时导出所规定的 XML 格式文件，网站中俗语使用到此 XML 文件的位置就会自动更新。在进行网站内容规划时可以记住一个原则，那就是能外部载入的就使用外部载入的方 式，以尽可能减少文件量，同时也为日后的维护带来方便。（2） 、 内容规划过程内容规划过程内容规划的过程介绍如下：内容规划的过程介绍如下： （1） 、内容规划一般是从设计稿完成的时候开始的，

13、如果设计稿不是由来你完成的，而 你只要帮助设计师完成这个 Flash 网站，那么你需要充分地与设计师沟通，了解他的想法 以及表现手法，这个过程很重要，沟通的结果应是你已经能在脑海中形成整个网站的形态。（2） 、将你所了解的内容进行分类。如果只要文本形式而不需要数据库连接时，你可以 使用 TXT 文本来实现内容的展示；如果需要与后台的数据库想结合，你可以使用 XML 文 件的形式来实现；如果有大量的图片展示时，可以结合 XML 来展示。 （3） 、当有大量文本信息需要展示时，最好的方式是用 HTML 页面，设想哪些是需要弹 出的 HTML 窗口、窗口的大小等内容。 （4） 、确定文本内容所需要用到的字体型号和大小。这里面可能需要涉及到样式表盒嵌 入字体的应用。时光足迹 2010.5.24通常情况下在所有的内容规划完成后，形成的结果应是能够见到每一个栏目的样图， 即你先用 PS 或 Fireworks 把效果图设计好，当然越细越好，这种做法一方面方便客户从头 至尾的过程，加快客户的确认过程，另一方面可以使实施过程更清晰，在实施过程中可以 使细节更细。