- 爱易网页
-
前端技术文档
- 网站设计65条准绳
日期:2014-03-31 浏览次数:20971 次
01 明确内容 如果你想成为一个网站设计者,并正想建一个网站的话,首先应该考虑网站的内容,包括网站功用和你的用户需求什么。你的整个设计都应该围绕这些方面来进行。
02 抓住用户
如果用户不能够迅速地进入你的网站,或操作不便捷,网站设计就是失败的。不要让用户失望而转向你的对手的网站。
03 优化内容
内容是核心。大约在两年以前,企业网站就像一本广告册子,更槽糕的是,网站使用了大量的图片,似乎要几个世纪才能下载完。 Chanels网站(www.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网站(www.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插件
免责声明: 本文仅代表作者个人观点,与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。