您的位置:首页 > 网页制作 > 心得技巧

网站设计65条原则

日期:2006-06-16 09:34:58 点击: 来自: 作者:

设计网站中有哪些关键技巧?有哪些陷阱?在这里,世界上一流的网
站设计专家,让你共享他们的秘密,告诉你:使网站赋予情趣的诀窍、应
该避免做什么、应使用什么工具软件以及他们喜爱和厌恶的网站。
  01明确内容
  如果你想成为一个网站设计者,并正想建一个网站的话,首先应该考
虑网站的内容,包括网站功能和你的用户需要什么。你的整个设计都应该
围绕这些方面来进行。
  02抓住用户
  如果用户不能够迅速地进入你的网站,或操作不便捷,网站设计就是
失败的。不要让用户失望而转向你的对手的网站。
  03优化内容
  内容是核心。大约在两年以前,企业网站就像一本广告册子,更槽糕
的是,网站使用了大量的图片,似乎要几个世纪才能下载完。
  Chanels网站(channels.co.uk)在设计的某些方面是成功的,但
是内容太贪乏,并且要花很长时间才能找到所要的东西,因此不能算是一
个成功的网站。
  04快速下载
  没有什么比要花很长时间下载页面更槽糕的了。作为一条经验,一个
标准的网页应不大于60K,通过56K调制解调器加载花30秒的时间。有的设
计者说网页加载应在15秒内。
  05网站升级
  时刻注意网站的运行状况。性能很好的主机随着访问人数的增加,可
能会运行缓慢。但是,如果你不想失去访问者的话,一定要仔细计划好你
的升级计划。
  06坚持基本原则
  即使你不懂HTML语言,你只需购买一个有版权的所见即所得的网页设
计工具,如Adobe PageMill或Microsoft FrontPage Express,就可以创建
一个看起来很合理的网站。但是,在设计时,这些软件包虽然不需要HTML,
却使网站速度下降。
  为了成功地设计网站,你必须理解HTML是如何工作的。大多数的网站
设计者建议网络新手应从有关HTML的书中去寻找答案,用Notepad制作网页

  07学习HTML
  用HTML设计网站,可以控制设计的整个过程。但是,如果你仅仅是网
站设计的新手,你应该寻找一个允许修改HTML的软件包。HomeSite4是一个
很好的Web设计工具。在设计过程中,HomeSite4能帮助你学习HTML。它还
允许你切换到所见即所得的模式,以便你在把网站发送到Web之前,预览你
的网站。
  08用笔画一个网站的框架
  圣人云:笔比剑更强大。在用计算机之前,用笔画一个网站的框架,
显示出所有网页的相互关系。计划好你的用户如何以最少的时间浏览你的
网站。
  09“在计算机上永远也找不到好的方案”。——专家忠告
  10网站地图
  许多设计者把他们的网站地图放在网站上,这种做法,却是弊大于利
。绝大部分的访问者上网是寻找一些特别的信息,他们对于你的网站是如
何工作的,并没有兴趣。如果你觉得你的网站需要地图,那很可能是需要
改进你的导航和工具条。
  11“睁大你的眼睛,留意所有的事情。对最不相关的东西的观察可以
得到最好的灵感。观察一个站点的结构和设计。理解站点结构的关键元素,
确保你的设计是围绕站点浏览进行的。”  ——专家忠告
  12点击规则
  听说过3次点击规则吗?对于小型网站,在你的主页上,没有任何一条
信息,需要点击次数超过3次的。对于大型网站,使用导航和工具条来改善
操作。
  13特殊字体的应用
  虽然你可以在你的HTML中使用特殊的字体,但是,你不可能预测你的
访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页
面,在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使
用来定义特性,这虽然允许你使用特殊的字体,但是仍需要一些变通的方
法,以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有
助于解决这些问题,但是只有最新版的浏览器才支持CSS。
  14“使用切合实际的简便的命名规则。”  ——专家忠告
  15检查错别字
  好的拼写是人们一生中重要的技能。但是遗憾的是,许多设计者都缺
少这种技能。确保你拼写正确,并且格外注意平常容易误写的错别字。
  16避免长文本页面
  在一个站点上有许多只有文本的页面,是令人乏味的,且也浪费Web的
潜力。如果你有大量的基于文本的文档,应当以Adobe Acrobat格式的文件
形式来放置,以便你的访问者能离线阅读。
  17不要使用卷滚条
  人们厌恶在网上使用卷滚条。Trouble网站(Trouble.co.uk)是
一个典型的设计很差的网站。它基于一个浮动的架构,为了阅读所有的文
本,浏览者不得不使用卷滚条。
  18专家最喜爱的Web设计工具
  1.Adobe Photoshop
  2.Macromedia Flash
  3.Adobe Illustrator
  4.Adobe ImageRead
  5.Dreamweaver
  6.Macromedia Fireworks
  7. Allaire Homesites
  8.Microsoft Notepad
  9. Macromedia Director
  10. Lightwave
  11. Macromedia Freehand
  12.其它:Adobe Acrobat Exchange,Allaire ColdFusion,BBEdit,HTML
Validator等。
  19网站介绍
  你应当有一个很清晰的网站介绍,告诉访问者你的网站能够提供些什
么,以便访问者能找到想要的东西。但是,许多设计者都没有这样做。有
效的导航条和搜索工具使人们很容易找到有用的信息,这对访问者很重要
。告诉访问者你所提供的正是他们想要的信息。
  20“网站一旦发布,网站设计的优点和缺陷全都公布于世。没有什么
方法使你能够比从自己的错误、倾听其他人的建议和用户反馈意见中学到
更多的东西。”——专家忠告
  21闪烁让人头痛
  通过使用标识可以吸引访问者对你的主页特殊部分的注意,但这也让
你的访问者头痛。如果你想使访问者再次光顾你的网站,就少用此方法。
  22背景颜色
  背景颜色也会产生一些问题,可能会使网页难于阅读。你应当坚持使
用白色的背景和黑色的文本,另外还应当坚持使用通用字体。
  23向前和向后按钮
  应当避免强迫用户使用向前和向后按钮。你的设计应当使用户能够很
快地找到他们所要的东西。绝大多数好的站点在每一页同样的位置上都有
相同的导航条,使浏览者能够从每一页上访问网站的任何部分。
  24“坚持你的信念。严格遵守各种规则。避免想当然。绝不停止学习
。”  ——专家忠告
  25点击记数器
  不要轻易考虑在你的网站上放置一个醒目的点击记数器。你设计网站
是为了给访问者提供服务,而不是推销你自己认为重要的东西。大多数浏
览者认为计数器毫无意义,它们很容易被做假,浏览者也不想看广告。如
果你显示你的网站是多么受欢迎,你最好提供一个链接,显示访问日志。
  26不要用框架
  与记数器一样,框架在网页上越来越流行。在大多数网站上,在屏幕
的左边有一个框架。但是设计者立刻就发现,在使用框架时产生了许多的
问题。使用框架时如果没有17英寸的显示屏几乎不可能显示整个网站。框
架也使得网站内个人主页不能够成为书签。也许更重要的是,搜索引擎常
常被框架混淆,从而不能列出你的网站。
  27去掉图像
  在浏览器中即使去掉了图像功能,也要保证访问者能够在你的网站上
获得满意的效果。对于那些使用ISDN连接并且关掉了图像功能的访问者,
还能获得好的网页加载性能。可以通过在网页底部提供另外的链接和使用
替代文字,而不是图像来满足访问者的需要。
  28重复使用图像
  一些网站由于使用大量不重复的图像而错过了使用更好的技巧的机会
。在创建商标时,在网页上多次使用同样的图像是一个好的方法,并且一
旦它们被装入,以后重新载入就会很快。
  29避免使用过大的图像
  不要使用横跨整个屏幕的图像。避免访问者向右滚动屏幕。占75%的屏
幕宽度是一个好的建议。
  30“避免使用炫耀的技巧。”  ——专家忠告
  31选择使用Flash动画
  许多使用比较慢的计算机的访问者发现动画图标很容易耗尽系统资源,
使网站的操作变得很困难,因此,应该给用户一个跳过使用Flash动画的选
择。
  32尽量少使用Flash插件
  虽然许多Web设计者认为Flash功能很强大,并且Netscape5.0将支持Flash,
在使用时不必再下载任何插件。
  但是,最好还是取消使用Flash做各接口的想法。
  33让用户先预览小图像  如果不得不放置大的图像在网站上,就最
好使用Thumbnails软件,把图像的缩小版本的预览效果显示出来,这样用
户就不必浪费金钱和时间去下载他们根本不想看的大图像。
  34动画与内容应有机结合
  确保动画和内容有关联。它们应和网页浑然一体,而不是干巴巴的。
动画并不只是Macromedia Director等制作的东西的简单堆积。
  35慎用声音
  声音的运用也应得到警惕。内联声音是网页设计者的另一个禁地。因
为过多地使用声音会使下载速度很慢,同时并没有带给浏览者多少好处。
首次听到鼠标发出声音可能会很有趣,但是多次以后肯定会很烦人。使用
声音前,应该仔细考虑声音将会给你带来什么。
  36少用Java和AxtiveX
  在网页上应尽量少使用Java和AxtiveX。因为并不是每一种浏览器都需
要使用它,只有那些Netscape和Explorer的早期版本的使用者才需要它。
另外Mac在处理Java时也存在问题,过分地使用Java,会使Mac崩溃。
  37设计成功的网站
  bmw.co.uk  ——内容和关联性很好
 yugop.com  ——图形下载很快
 comicrelief.org.uk  ——设计简单明了
  dreamcast-europe.com  www.newsunlimited.co.uk
 newbeetle.com
 swoon.com  www.viaduct.co.uk
  38慎用插件
  在Web设计中,如果依赖于一些特别的插件,会减少网站的吸引力。如
果访问者没有所要求的插件,将不得不到其它站点去下载,这样访问者有
可能就不会返回了。
  39使用著名的插件
  如果网站上有声音或视频,要保证使用者通过使用某个知名的插件,
能够听到或看到。许多站点使用QuickTime、RealPlay和Shockwave插件。
因为,许多访问者并不愿意浪费很多时间和金钱去下载可能仅使用一次的
插件。
  40使用先进技术
  跟上新的技术。Web技术的进步绝不会停止,所以应花一些时间来研究
新产品和开发技术。
  41自己创建图像和声音
  使用你自己创建的或从某个商业网站上下载的图像和声音。在制作商
业网站时,应该花足够的资金来创建图形,以增强公司的宣传。
  ——专家忠告  
  43平台的兼容性
  要为用户着想,必须最少在一台PC和一台Mac机上测试你的网站,看看
兼容性如何。
  44用软件分析工具找错
  使用软件分析工具检查HTML。软件分析工具Doctor HTML能够帮助检查HTML
中的任何问题。如果你有许多网页需要检查,可选用软件分析工具。在网
weblint.org/validation.html中,你能够找到更多有效的HTML工具

  45避免错误链接
  网站中可能与其它一些有用的站点作了链接。但是,如果在你的网页
上有链接,一定要经常检查它们,保证链接有效。链接的网站可能很多,
但不要链接到与你的内容无关的网站上。
  46给观众成熟的东西
  如果网站没有完成,就不要发送到Web上。所有好的网站都是在幕后完
成之后再发布的。
  47在搜索引擎上登记网站
  任何一个人发现你的网站的机会都很少,除非你把你的网站在主要的
搜索引擎上进行登记。
  48设计一个留言板
  浏览者愿意把时间花在好的网站上,所以最好有一个留言本,这能激
励访问者再次回到你的网站,还有助于扩充网站内容。
  49测试网站
  在你的网站正式发布之前,必须进行有用的测试。在设计网站时要使
用最新的软件,但是不要忘了人们并不会使用最新的浏览器,所以要照顾
到以前的浏览器。在上载网站时还要测试所有的链接和导航工具条。
  50“尽你所能反复测试所设计的网站,直到你不能发现新的东西为止
。”  ——专家忠告

More..素材图片 Picture Navigation
相关链接 Correlation Link
心得技巧热门 Class Hot
心得技巧推荐 Class Commend
版权所有:中国网站资源 2005- 未经授权禁止复制或建立镜像 This Site Tech:XHTML+DIV+CSS+Javascript
CopyRight ® 2005- www.chinaddv.com online services. all rights reserved. ICP06016627
Optimized to 1024x768 to Firefox,Netscape,Opera,MS-IE6+.