3/16/2007

网页设计三部曲之一:网页设计要素分析

在你开始设计一个因特网站点之前首先要考虑的是你的目标浏览者。一个法律咨询公司的网站和一个音乐网站的目标浏览者,是会不一样的,相应的网站设计当然也就会有所差别。这里,我们主要致力于设计一个“正规”的因特网站点,虽然下面文中提到的这些规则可能对于你的项目而言,并不一定会完全适用。
版面布局
我们常说,第一印象是非常重要的。因此,你的因特网站点的主页必须包含你的公司或站点所提供的所有服务内容。可以使用一个短的描述性的标题指明站点的主题是什么。你也可以加入你的公司的徽标,但是千万不要让信息和图片填满了你的主页(站点的其它网页也必须如此);主页看起来必须是干净而有组织条理的。使用很容易阅读的字体。当然,根据你的站点的大小,你可能还必须解释如何浏览。在主页的下面,提供你的公司的联系信息,例如,你的email地址或电话号码,这样就使浏览者能很容易地跟你联系。主页通常是放置更换信息或新闻的绝好的场所。
在你开始设计之前,你必须仔细地为站点挑选色彩组合。千万不要出现紫色的背景加上黑蓝色的文字的组合。要使整个站点保持同一种色彩组合,因为不同颜色组合的背景或字体可能会是非常令人讨厌的。你也可以选用一个背景图,而不是仅用一种颜色。背景图案可以自己绘制,也可以从因特网上下载。通过模糊背景图案,就可以使文字更容易被阅读。要记住的是,图片不会被浏览器重画的,而背景色彩则是要被重新画的,因此,在上传你的图片之前,必须检查不同的浏览器是如何显示这些网页的。
当增加文字时,尽量设置容易被阅读的字体和大小。如果你使用背景图片,那么,当网页被浏览时,背景色和字体将会先于背景图片被下载,因此,如果背景色和文本的颜色没有鲜明的对照的话,那么浏览者会有几秒钟的时间看到一个充满了不可阅读的文本的网页。解决这个问题的简单的方法就是,使背景色与背景图的颜色相类似。
使你的网页短一些,努力使信息/动画通过几个网页来表现。如果把很多东西堆放一个网页上,就会使你的网页看起来非常凌乱,这样也就会使浏览者不太愿意阅读所有的内容。所以,要设计几个网页,每个网页上放一段或两段文字。在段落的下面放置一个按钮,链接到下一页,在最后一页则放置一个按钮,链接到上一页、主页,或者浏览者刚刚所到来的地方。尽可能使用模板,降低设计的工作量和复杂性。
如果你准备为你的网站主页插入一个Flash movie,那么最好把它与主页分离开。一定要加一个“跳过介绍”按钮,这样就使那些不愿意等待下载,或已经看过该介绍的人,能很容易地直接进入你的主页。运用cookies,你可以使曾经浏览过你们网站的人自动跳转到主页。
浏览导航
站点的浏览导航必须被设计成非常容易。如果需要,把站点分割为几个部分。最容易的方法,就是在整个网站的所有的网页的左边放置一个菜单条。当然,除此以外,还有许多可选的方法。对于具有大量信息的站点,使用一个可扩展的菜单条会是一个不错的选择。
无论你使用何种导航模式,在每一页都放置一个主页链接,那会是一种不错的设计思想;浏览者必须知道,无论何时,当他们迷失在你的站点浏览中时,都可以通过简单的一次点击就能准确地知道目前所处的位置。
图片和多媒体
图片,电影和声音效果永远都是很好的,但是不能过分。要记住,大多数人现在还是通过最高连结速度为56Kbps的“猫”上网的。好多次,为了浏览一个页面,我耐心地等待了很可观的几分钟,而这种耐心不是每个人每时每刻都有的。
努力使每一个页面小于50-75Kbytes。尽量把你的GIF 和JPEG图片压缩后再加入到你的网页中。如果你准备在你的站点中放置高质量的图片、音乐或动画,那么你最好设计两个版本,一个为高质量,另一个为低质量,这样就能使不同的浏览者有一个最佳选择。
Flash是一个目前非常流行的程序,许多Web设计者都乐意往自己的网站中加入。Flash的好处就是可以使你的动画和音乐文件非常小。为了观看Flash电影,你必须要有一个插件,该插件可以从Macromedia公司的网站上下载。虽然可能超过80%的因特网用户已经有了该插件,并且有了许多新的针对Internet Explorer 和Netscape的版本,但是,它依旧是你必须考虑的问题。除非确实需要,尽量不要把Flash动画加入到你的网页中,因为有些浏览者没有那么大的耐心等待电影的下载, 或者甚至没有耐心去下载一个插件。纯HTML设计,对于大多数(商业)网站,目前依旧是最好的选择。
你可以经常使用这些技巧
为 Flash电影添加预下载器,这使你可以一边用一些文字、简单的图片或一个导航条“取悦”浏览者,一边下载你的大文件。这样就可以使Flash电影很平滑地运行,并且当它运行时,不需要停下来缓冲。
压缩,如前面所述,可以优化你的图片。音乐和声音可以为你的网站增添不少的精彩,但是,永远都不能太过分。每一点击发出的蜂鸣声会让你的网站令人讨厌,并且对你的网站留下不够专业化的印象。如果你准备要往你的网站中增加一些背景音乐,那么最好使用一些流音频软件,如Real Audio来播放文件。或者,你也可以插入一个Flash文件,循环播放一段音乐。你可以通过在 Flash文件中导入WAV文件的方法完成,或者你也可以到因特网上下载一些免费的相关软件。
如果你要在你的Flash电影中使用声音,通常加一个“弱音”按钮,会更好些;如果你用行为脚本控制浏览者计算机上的声音的话,那么,再加上一个音量控制条。当然,永远不要改变声音是最好的。浏览者如果需要,可以自己调整他的计算机的音量。
Frame(帧,框架)的问题
Frame—— 你也许会喜欢它,也许不喜欢。如果你在你的网站上使用帧,你很可能使一个帧用于导航目的,另一个帧用于放置内容。你可以看见在同一页上有两个被分割的浏览窗口,你点击左边的帧,只会改变右边的内容。用帧来组织网站的内容,显然是非常容易的。
但是,我不赞成使用帧。
当你要为某个站点作书签时,帧就会变得非常麻烦,因为站点的单个页就不能被做成书签,浏览者在打印时也会碰到问题。当然,不同的浏览者对待帧是不一样的。
另外要注意的事
使公司的徽标在整个站点保持一致,避免在你的站点或浏览窗口中使用滚动文本,因为滚动文本会降低你的网页的可访问性。
检查你的网站文字,请其他人检查网站文字、语法的准确性,分类等等。多多询问你的亲朋好友,甚至你的网站浏览者对网站的看法。
经常检查网页中的链接,确信它们没有被打断,尤其是在你对网站内容作了更新后。 检查你的网站是否和所有流行的浏览器兼容。
如果你有一个商业网站,并且准备直接在上面销售产品或服务,那么,购买安全服务以确保信用卡交易安全,应该是必须的。
把你的站点信息提交给搜索引擎,检查你的站点在分类中的排名,如果很后,那么最好考虑更换你的META标记。
许多人还在使用14英寸或15英寸的显示器,因此尽量使你的网页也是可以“自由滚动”的(最起码可以水平滚动)。
不要在显著的位置堆积很多广告条,两个广告条基本上应该是上限了。
检验你的HTML代码
不要在你的网站上放置浏览计数器。计数器会让你的网站看起来不够专业化,如果浏览量不够的话,还会起到相反的宣传作用。
最后,内容是金。如果你能给你的浏览者一些有价值的东西,如,信息,建议,或软件,那么就能吸引浏览者经常光顾你的网站。为你的站点增加消息板和聊天室,从而提高网站的交互性,使你和你的访问者交流,让访问者彼此交流。
结语
你也许会认为所有的这些都会是一种限制;不错,如果运用不当,它们确实是会成为一种约束。不管怎样,当你开始设计你的网站时,要努力去这样做。不要跟随上述所有的规则,充分发挥你的创造力 ,你可以去创建一个大大的Flash电影,再加上一点点的文字内容,使你的网站在众多的网站中脱颖而出,哪怕浏览者只是为了再看一下你的设计。灵活地使用本文中所述的一些规则方法,将会使你的网站更完美,更容易获得成功。祝你好运!