网站设计的51条原则

01 明确内容 

如果你想成为一个网站设计者，并正想建一个网站的话，首先应该考虑网站的内容，包括网站功能和你的用户需要什么。你的整个设计都应该围绕这些方面来进行。 

02 抓住用户 

如果用户不能够迅速地进入你的网站，或操作不便捷，网站设计就是失败的。不要让用户失望而转向你的对手的网站。 

03 优化内容 

内容是核心。大约在两年以前，企业网站就像一本广告册子，更槽糕的是，网站使用了大量的图片，似乎要几个世纪才能下载完。 

04 快速下载 

没有什么比要花很长时间下载页面更槽糕的了。作为一条经验，一个标准的网页应不大于60K，通过56K调制解调器加载花30秒的时间。有的设计者说网页加载应在15秒内。 

05 网站升级 

时刻注意网站的运行状况。性能很好的主机随着访问人数的增加，可能会运行缓慢。但是，如果你不想失去访问者的话，一定要仔细计划好你的升级计划。 

06 学习HTML 

用HTML设计网站，可以控制设计的整个过程。但是，如果你仅仅是网站设计的新手，你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中，HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式，以便你在把网站发送到Web之前，预览你的网站。 

07用笔画一个网站的框架 

圣人云：笔比剑更强大。在用计算机之前，用笔画一个网站的框架，显示出所有网页的相互关系。计划好你的用户如何以最少的时间浏览你的网站。 

08 网站地图 

许多设计者把他们的网站地图放在网站上，这种做法，却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息，他们对于你的网站是如何工作的，并没有兴趣。如果你觉得你的网站需要地图，那很可能是需要改进你的导航和工具条。 

09 点击规则 

听说过3次点击规则吗？对于小型网站，在你的主页上，没有任何一条信息，需要点击次数超过3次的。对于大型网站，使用导航和工具条来改善操作。 

10 特殊字体的应用 

虽然你可以在你的HTML中使用特殊的字体，但是，你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面，在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性，这虽然允许你使用特殊的字体，但是仍需要一些变通的方法，以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题，但是只有* 版的浏览器才支持CSS。 

11 检查错别字 

好的拼写是人们一生中重要的技能。但是遗憾的是，许多设计者都缺少这种技能。确保你拼写正确，并且格外注意平常容易误写的错别字。 

12 避免长文本页面 

在一个站点上有许多只有文本的页面，是令人乏味的，且也浪费Web的潜力。如果你有大量的基于文本的文档，应当以Adobe Acrobat格式的文件形式来放置， 以便你的访问者能离线阅读。 

13 不要使用卷滚条 

人们厌恶在网上使用卷滚条。Trouble网站（）是一个典 型的设计很差的网站。它基于一个浮动的架构，为了阅读所有的文本，浏览者不得不使用卷滚条。 

14 网站介绍 

你应当有一个很清晰的网站介绍，告诉访问者你的网站能够提供些什么，以便访问者能找到想要的东西。但是，许多设计者都没有这样做。有效的导航条和 搜索工具使人们很容易找到有用的信息，这对访问者很重要。告诉访问者你所提 供的正是他们想要的信息。 

15 闪烁让人头痛 

通过使用标识可以吸引访问者对你的主页特殊部分的注意，但这也让你的访问者头痛。如果你想使访问者再次光顾你的网站，就少用此方法。 

16 背景颜色 

背景颜色也会产生一些问题，可能会使网页难于阅读。你应当坚持使用白色的背景和黑色的文本，另外还应当坚持使用通用字体。 

17 向前和向后按钮 

应当避免强迫用户使用向前和向后按钮。你的设计应当使用户能够很快地找 到他们所要的东西。绝大多数好的站点在每一页同样的位置上都有相同的导航条，使浏览者能够从每一页上访问网站的任何部分。 

18 点击记数器 

不要轻易考虑在你的网站上放置一个醒目的点击记数器。你设计网站是为了给访问者提供服务，而不是推销你自己认为重要的东西。大多数浏览者认为计数 器毫无意义，它们很容易被做假，浏览者也不想看广告。如果你显示你的网站是 多么受欢迎，你*提供一个链接，显示访问日志。 

19 不要用框架 

与记数器一样，框架在网页上越来越流行。在大多数网站上，在屏幕的左边 有一个框架。但是设计者立刻就发现，在使用框架时产生了许多的问题。使用框架时如果没有17英寸的显示屏几乎不可能显示整个网站。框架也使得网站内个人 主页不能够成为书签。也许更重要的是，搜索引擎常常被框架混淆，从而不能列出你的网站。 

20 去掉图像 

在浏览器中即使去掉了图像功能，也要保证访问者能够在你的网站上获得满意的效果。对于那些使用ISDN连接并且关掉了图像功能的访问者，还能获得好的 网页加载性能。可以通过在网页底部提供另外的链接和使用替代文字，而不是图像来满足访问者的需要。

21 重复使用图像 

一些网站由于使用大量不重复的图像而错过了使用更好的技巧的机会。在创建商标时，在网页上多次使用同样的图像是一个好的方法，并且一旦它们被装入 ，以后重新载入就会很快。 

22 避免使用过大的图像 

不要使用横跨整个屏幕的图像。避免访问者向右滚动屏幕。占75%的屏幕宽度是一个好的建议。 

23 选择使用Flash动画 

许多使用比较慢的计算机的访问者发现动画图标很容易耗尽系统资源，使网站的操作变得很困难，因此，应该给用户一个跳过使用Flash动画的选择。 

24 尽量少使用Flash插件 

虽然许多Web设计者认为Flash功能很强大，并且Netscape5.0将支持Flash， 在使用时不必再下载任何插件。 

但是，*还是取消使用Flash做各接口的想法。 

25 让用户先预览小图像 

如果不得不放置大的图像在网站上，就*使用Thumbnails软件，把图像的 缩小版本的预览效果显示出来，这样用户就不必浪费金钱和时间去下载他们根本 不想看的大图像。 

26 动画与内容应有机结合 

确保动画和内容有关联。它们应和网页浑然一体，而不是干巴巴的。动画并不只是Macromedia Director等制作的东西的简单堆积。 

27 慎用声音 

声音的运用也应得到警惕。内联声音是网页设计者的另一个禁地。因为过多地使用声音会使下载速度很慢，同时并没有带给浏览者多少好处。首次听到鼠标 发出声音可能会很有趣，但是多次以后肯定会很烦人。使用声音前，应该仔细考 虑声音将会给你带来什么。 

28 少用Java 和AxtiveX 

在网页上应尽量少使用Java 和AxtiveX。因为并不是每一种浏览器都需要使 用它，只有那些Netscape 和Explorer的早期版本的使用者才需要它。另外Mac在 处理Java时也存在问题，过分地使用Java，会使Mac崩溃。 

29 慎用插件 

在Web设计中，如果依赖于一些特别的插件，会减少网站的吸引力。如果访问者没有所要求的插件，将不得不到其它站点去下载，这样访问者有可能就不会返 回了。 

30 使用著名的插件 

如果网站上有声音或视频，要保证使用者通过使用某个*的插件，能够听到或看到。许多站点使用QuickTime、RealPlay和 Shockwave插件。因为，许多访 问者并不愿意浪费很多时间和金钱去下载可能仅使用一次的插件。  

31 使用先进技术 

跟上新的技术。Web技术的进步绝不会停止，所以应花一些时间来研究新产品 和开发技术。 

32 自己创建图像和声音 

使用你自己创建的或从某个商业网站上下载的图像和声音。在制作商业网站时，应该花足够的资金来创建图形，以增强公司的宣传。 

33 平台的兼容性 

要为用户着想，必须最少在一台PC 和一台Mac机上测试你的网站，看看兼容 性如何。 

34 用软件分析工具找错 

使用软件分析工具检查HTML。软件分析工具Doctor HTML能够帮助检查HTML中 的任何问题。如果你有许多网页需要检查，可选用软件分析工具。在网址/validation.html中，你能够找到更多有效的HTML工具。 

35 避免错误链接 

网站中可能与其它一些有用的站点作了链接。但是，如果在你的网页上有链接，一定要经常检查它们，保证链接有效。链接的网站可能很多，但不要链接到 与你的内容无关的网站上。 

36 给观众成熟的东西 

如果网站没有完成，就不要发送到Web上。所有好的网站都是在幕后完成之后 再发布的。 

37 在搜索引擎上登记网站 

任何一个人发现你的网站的机会都很少，除非你把你的网站在主要的搜索引擎上进行登记。 

38 设计一个留言板 

浏览者愿意把时间花在好的网站上，所以*有一个留言本，这能激励访问者再次回到你的网站，还有助于扩充网站内容。 

39 测试网站 

在你的网站正式发布之前，必须进行有用的测试。在设计网站时要使用*的软件，但是不要忘了人们并不会使用*的浏览器，所以要照顾到以前的浏览 器。在上载网站时还要测试所有的链接和导航工具条。 

40 演示即将发布的网站 

在网站正式运行之前，让人演示它。演示中人们会告诉你所设计的网站是否容易使用。


41 动画点缀 

网页上的动画最多只用一个。 

42 内容组织 

在开始创建新的网页前，仔细考虑网站内容的组织。决定好想让访问者浏览的内容，然后设计导航系统。 

43 “空白万岁” 

注意留空白。不要用图像、文本和不必要的动画GIFs来充斥网页，即使有足 够的空间，在设计时也应该避免使用。 

44 图像压缩 

为了保持小的图像，可以使用类似GIF向导的程序，它能自动对图像进行压缩 。 

先声明图像的大小 

在图像显示之前*能详细说明图像大小属性，可以在IMG标签中保存这个属 性。这可以使网页显得很流畅，因为浏览器可以在图像被下载之前在屏幕上显示 整个网页。 

45 图像大小属性 

可以在IMG标签中保存这个属性。这可以使网页显得很流 畅，因为浏览器可以在图像被下载之前在屏幕上显示整个网页。 

46 用户注册 

如果能知道谁浏览了网站以及是怎样浏览网站的，那么就能得到大量有用的信息。但是，要求访问者在浏览网站之前进行注册，这样做是要冒风险的，因为 这将赶走一批不愿意注册的人。获得信息的另一种方法是进行有奖竞猜或金钱奖 励，让用户能主动填一些信息反馈表。 

47 使网站具有交互功能 

　 在网站上提供一些回答问题的工具，使得访问者能从网站上获得交互的信息。 

48 图片更新 

尽可能经常更换网站上的图片，人们更愿意点击的是图片而不是文本。 

49 在网站上提供游戏 

游戏是很好的交互工具，它是使访问者能再次光顾网站的好方法。 

50 挑选工具软件 

仔细选择Web设计工具。保证使用自己最想要的、自我感觉*的软件。 

51 使用*版本的软件 

尽量使用Web设计软件的*版本，还应当能被授权进行免费或便宜的升级。