网页设计中制作Flash站点的技巧

技巧|设计|网页|网页设计|站点

  根据Macromedia 顶级Flash设计者,开发者以及可用性专家的建议,我们收集了创建一个具备可用性的Macromedia Flash站点的十大技巧。

  这些技巧只是一个开始,我们将继续提供更多的研究,学习与技巧。

  1.记住用户的目标

  用户往往带着目的访问一个站点,每个链接,每次点击都要合乎他们的经验并且引导他们通向他们的目标。当传输你的页面时,应该让关键的导航链接首先装载——万一用户想转到网站其它的区域。模仿通常的用户图形界面往往可以增加可用性。

  2. 记住网站的目的

  网站设计应该反应商业或者客户的需求,有效的传播主要信息与促进品牌。然而网站的目标最好通过尊重用户的习惯来达到,所以站点结构必须满足用户的需要,快速的将用户引导至其目标而避免任何公司和区域行话。

  3. 避免没有必要的介绍

  虽然介绍的动画非常精彩,但是它们往往延误了用户访问他们正在寻找的信息。应该经常提供给用户一个忽略介绍的命令或者访问你的主页的选择,当他们第二次访问您的主页时,对所有的用户都应该忽略简介动画(使用客户端的javascript来完成这个功能),然后在目标页面提供返回到动画页面的选择。

  4. 提供合乎逻辑的导航与交互

  · 保证用户的导航: 显示用户访问过的上一个地址和他即将访问的下一个地址. 通过链接的不同颜色在用户访问后提醒他们访问过的页面.
  · 提供用户一个轻松跳出他们正在访问的部分回到出发点的的链接.
  · 明确说明每个链接的位置. 保证链接的结构和命名法的可视性,而不是隐藏它们直到用户触发了某个事件(比如鼠标移近).
  · 确保按钮定义了足够好的反应区域.
  · 利用Flash流的特性首先装载主要的导航元素.
  · 确保导航的后退按钮. 为了做到这一点可以使用浏览器内置的前进和后退导航系统,将Flash影片逻辑的分成几块并置于独立的HTML页面中. 做为一种选择, 为影片建立一个基于Flash的后退按钮以便用户可以利用它后退到一个包含上一个访问页面的场景或桢.

  5. 设计的连贯性

  提高您的站点性能的最好方法是用户界面的一致性. 元素结构的再使用,元素的设计以及命名的习惯将使用户在导向他们的目标时对站点传达的信息的注意力更加丰富, 而且这也有利于站点的维护. 你可以在整个站点中使用小影片(Smart Clip)来重复使用交互元素, 还可以让最初导航系统的文字和图片在目标页面中重新使用.

  6. 不要过度使用动画

  避免不必要的动画. 最好的动画应该是可以增加站点的设计目标的动画, 在导航的时候讲述一个故事或者有帮助的事情. 在包含大量文字的页面使用重复的动画将使视线从消息转移.

  7. 慎重使用声音

  声音可以为你的站点锦上添花但是绝对不是必要的. 例如:使用声音来说明用户刚刚触发了一个时间. 确保使用了声音的开关与音量调节方法, 并且要记住声音会显著的增加文件的大小. 当你确实使用了声音的时候,Macromedia Flash会将声音转换为MP3文件甚至流媒体化.

  8. 面向低带宽的用户

  越少的下载越好. 初始的下载页面大小不能超过40K, 包括所有Macromedia文件,图像和HTML文件. 为了减少下载时间, 使用矢量图形(除非图像使压缩过的BMP, 那样最好仍保持为BMP格式), 并且只有在用户确定的要用到某个文件时才使用Load Movie动作. 如果用户必须等待, 提供一个装载的时间序列与进度条, 只要可能,必须在前5秒内装载导航系统.

  9. 设计的易用性

  确保你的站点的内容能被所有的用户阅读, 包括那些残疾用户. 高度使用ALT标签可以确保网站内容能被辅助工具解释. 影片的可缩放性是让更多用户了解网站内容的另一项易用的Macromedia特色. 如果需要一个彻底的Macromedia Flash内容可用性的讨论,请登陆Macromedia Flash可用性网站.

  10. 可用性测试

  让一些新手来访问站点并同时完成用户目标与站点目标. 甚至简短的Macromedia Flash动画都有可能阻挡用户实现目标, 所以使用Macromedia Flash的带宽模拟器(Bandwidth Profiler——译者注)(在视图菜单的测试影片模式下)来分析站点在不同带宽模式下的性能.每次 重复测试影片哪怕是很小的改动. 确保站点的测试者从人口统计学上合乎站点的预定用户—特别是预定用户中有对站点的导航有不同级别的满意程度.

时间: 2024-09-10 01:08:06

网页设计中制作Flash站点的技巧的相关文章

网页设计中的图标的使用技巧与资源合集

  提到图标设计,似乎每个设计师都有话说,但是要做好图标设计真的那么容易么?今天这篇文章针对网页设计领域的图标设计进行了相对全面的梳理,从设计技巧到设计资源一应俱全,但愿能帮上你! 图标是每一个现代UI中不可或缺的组成部分,它们不仅能协助UI布局组织内容,而且轻量级的图标融入界面也不会喧宾夺主.不仅手机和平板的APP UI中会大量用到各种图标,而且iPod和智能手表的界面中也是如此,这正是因为图标具备快速直观传达信息的能力. 在网页设计刚刚兴起的时代,小图标就已经被早期的网页设计师和开发者投入使

网页设计中透明效果的使用技巧

运用好透明效果是提高网页设计水准的重要方法之一.如同使用其他方法一样,设计师们有很多种手段将透明效果运用到网页中,今天这篇文章就来好好和您分享一下关于"透明"的实用小技巧哟:) 在网页设计中使用透明效果是件既美观又冒险的事儿.透明效果的使用是把色块,文本或图像"变薄"或者降低饱和度,使颜色变浅透明,这样下个图层的内容就能穿透显示出来.这种方法如果用好了,效果将会特别棒--能突出显示文本或者在图像的特定区域形成焦点.但设计者在运用透明效果时要特别小心,因为这么做可能会

网站设计分析:网页设计中透明效果的使用技巧

运用好透明效果是提高网页设计水准的重要方法之一.如同使用其他方法一样,设计师们有很多种手段将透明效果运用到网页中,今天这篇文章就来好好和您分享一下关于"透明"的实用小技巧哟:) 在网页设计中使用透明效果是件既美观又冒险的事儿.透明效果的使用是把色块,文本或图像"变薄"或者降低饱和度,使颜色变浅透明,这样下个图层的内容就能穿透显示出来.这种方法如果用好了,效果将会特别棒--能突出显示文本或者在图像的特定区域形成焦点.但设计者在运用透明效果时要特别小心,因为这么做可能会

网页设计中图片格式的选择技巧

  网页设计中,切图输出是指设计师将手边绘制完成的原始图稿转换成网页用的图片格式.并交由下一位人员网页排版的重要步骤.选择适合的图片格式不但可以将让设计得到合理的显示效果.甚至还可以有效的控制图档的档案大小,节省下载时间.有效的减少服务器的负担. 以设计师最常用的 Photoshop 以及 Illustrator 为例,都提供了「储存为网页用-」的功能.与默认的存盘模式不同,在这个模式中,软件提供了仿真图文件输出的质量调整.档案大小控制等针对网页图文件需求的选项: 相信许多人都知道网页设计中最常

高手传经 网页设计中的几个小技巧

技巧|设计|网页|网页设计 如上图是Relen的个人主页Relen.com,2004版的首页发布信息,尤其是过年前后,利用雪花来点缀页面是非常合适的.注意这里面的雪花的摆设位置是有些技巧的,你可以考虑用黄金分割来支配你的设计思路,以达到合理.舒适的效果. 先排列文字,运用两到三种不同的字体,绝大多数文字对齐左侧,而其中一行突出,形成错落有致的感觉.文字的大小需要调整,主要信息文字大写,字体突出.而其他根据信息主次和平面设计的要求等多种因素进行排列.个别地方使用斜体加强,或用加粗的形式明示. 字体

网页设计中文字颜色的搭配技巧

技巧|设计|网页|网页设计|中文 对于做网页的初学者可能更习惯于使用一些漂亮的图片作为自己网页的背景,但浏览一下大型的商业网站,你会发现他们更多运用的是白色.蓝色.黄色等,使得网页显得典雅,大方和温馨.更重要的是,这样可以大大加快浏览者打开网页的速度. 一般来说,网页的背景色应该柔和一些.素一些.淡一些,再配上深色的文字,使人看起来自然.舒畅.而为了追求醒目的视觉效果,可以为标题使用较深的颜色.下面是我做网页和浏览别人的网页时,对网页背景色和文字色彩搭配积累的经验,这些颜色可以做正文的底色,也可

网页设计中实用的制作技巧

我们知道一个网页要想获得更多的回头率,一个非常重要的一条就是要不断更新. 1.灵活运用样式 熟悉网页设计的网友就知道,调用Style的方法非常多,我们能单击鼠标右键选择Custon Style来调用Style标准,也能在状态栏中的元素列表上单击右键来调用Style.虽然不同的方法达到的效果看似相同,但实际上产生的HTML代码则完全不同.比如用Custon Style来调用Style标准,在网页代码中就生成一个〈span〉标签,这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度,所以我们应尽

网页设计中实用的网页制作技巧

1.灵活运用样式 熟悉网页设计的网友就知道,调用Style的方法很多,我们可以单击鼠标右键选择Custon Style来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用Style.虽然不同的方法达到的效果看似一样,但实际上产生的HTML代码则完全不同.比如用Custon Style来调用Style标准,在网页代码中就生成一个〈span〉标签,这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度,所以我们应尽量使用状态栏中的元素列表来调用Style. 2.活用Format Tab

网页设计中实用的制作技巧十三个

1.灵活运用样式 熟悉网页设计的网友就知道,调用Style的方法很多,我们可以单击鼠标右键选择Custon Style来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用Style.虽然不同的方法达到的效果看似一样,但实际上产生的HTML代码则完全不同.比如用Custon Style来调用Style标准,在网页代码中就生成一个〈span〉标签,这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度,所以我们应尽量使用状态栏中的元素列表来调用Style. 2.活用Format Tab