首页 >> 读书频道 >> 电脑 >> 网页设计的规则和禁忌
 
· 网站的形象设计与CI策划
· 谈网页制作
· 主页制作的50个秘诀
· 什么是糟糕的网页设计?
· 网站设计的八项原则
· 苹果计算机键盘的巧妙使用
· 网站设计的65条理念
· IBM首页源代码浅析
 
· 仙境传说攻略:一转职业任
· 浪漫满屋[作者:韩·徐尤
· 内地版《天龙八部》剧情介
· 伊索寓言(全本)
· 加油金顺剧情分集介绍完整
· 红楼梦:120回全本[清
· 源氏物语[日本:紫式部]
· 卢泰斌漫画:爱情圆周率
· 青春出轨
· 瓜兵呱呱乐
· 酱牛肉的做法
· 男人的27种类型
 
· (出租)中动商场部分及写
· (出租)中动动漫基地&#
· 喜剧学院
· 《善德女王》剧情介绍
· 魔女18号 剧情
· 丑女无敌剧情介绍
· 魔女幼熙剧情介绍
· 龙游天下剧情介绍
· 震撼世界的七日剧情介绍
· 静静的白桦林剧情介绍
· 心情日记—老公今天我想对
· 旗舰剧情介绍
欢迎来到月影社区!如果您觉得这里不错,请推荐给您的朋友们。月影社区:http://wf66.com/

网页设计的规则和禁忌


查看有无更新版本

关键字:网页设计 2005-8-9

 

  虽然设计的规则是通用的,但实施时应根据实际情况变通。只有极少的规则可以写下来做为绝对的规则。应学习如何比较两个规则,理解不同规则间的细微差别,但你需要花更多的时间来学习何时可以打破这些规则,发挥你自己的创造力。但并不是说初学者不能做出漂亮的页面,而是说初学者要花更多的时间来小心地使用这些规则。与其它媒体不同,为WEB设计页面是一种平衡的艺术。一方面,你想让你的页面漂亮生动,但另一方面,你需要它可以快速地下载否则人们就会去别的站点。你想要你的站点能够发挥它应有的功用,同时也应比较有趣。通常在某些方面的增强某些方面的削弱。此时,你该怎么做呢?

  在此文中,我们将与您共享一些制作和设计页面经验。有些文章教你如何制作页面,我们在此将告诉你要做什么和为什么做。

  仅仅有这些小技巧并不能保证你得到任何WEB页面设计大奖,但这些可以帮助你不犯那些会吓走你的观众的错误。


  规则一 创建你的站点的目的将决定你的设计方案。

  首先,你为什么要创建一个站点?如果你仅仅觉得是为了好玩,那么别往下读了。出去游游泳,打打球什么的会更好。:)

  你可以按你的意愿来设计你的站点,无论是保守的还是疯狂的,而不用关心别人如何评价。如果你的目的仅仅是你自己觉得好玩,那么只有你觉得不好时它才是不好的。

  然而对我们大多数人来说,我们不能仅为了自己的爱好而承受这样的负担。它可能用来向人们介绍你的公司,共享信息,销售产品或服务,进行娱乐。任何对你的工作有帮助的设计元素都是好的,而不论这些元素对别的站点来说是有害的。不论一个元素多么的酷,如果在现阶段做起来非常费劲,那就现不要做它。如对新的浏览器的插件的应用,可能做起来非常费劲,但又没有多少用户可以看它(没有此插件)。


  规则二 用户的要求和需要永远你的要求和需要之前。

  你的观众是你的站点是成功的决定者。你有没有准备地方让用户表达意见?他们在这停留多长时间来浏览信息,了解你的公司并得到娱乐?同只有演员欣赏而没有观众的电影一样,如果你的站点只有你欣赏而没有人来访问,它们都是没有价值的。

  请紧记,弄清你的用户是谁并不断努力工作来吸引他们而不是别的什么人。你的站点可能获得庞大的访问量,但这些访问量仅仅是12岁以下的儿童由于喜欢你的图形而造成的,那么显而易见你的站点想销售空间设备的梦想破灭了。


  全局设计

  有了这两个基本的规则后,下面我们来详细地讨论一下WEB页面的设计。

  下面这些准则应成为你设计页面的指导。但请记住,凡事总有例外。

  1) 每个页面上都应放有价值的东西。设想一下,你正在浏览一个有关设计的节点。第一页是标题的列表。你点了“关于颜色”的链接,然后等待下一个页面的出现。然而当它出现在屏幕上时,又是一个各种颜色的列表:红,橙,黄,绿,蓝,深蓝,灰,黑,白等等。你点了绿,然后接着等。:(最后,另一个选择:绿色是做为页面的前景色还是背景色?接着等。做为主色还是渐进色?最后你费了九牛二虎之力到了最后一页,看完后就永远再也不会回来了。太烦人了。

  每次你访问一个页面,你都希望获得你感兴趣的资料。页面上必须有内容,必须物有所值。不能让你的观众点过三层或更多的页面后才得到他们想要的内容。你最好通过简单明了的目录将你的多层信息组织起来。

  2) 不要让页面过载。是的,你想让你的观众从你的首页或得所有的信息。但你的站点是比较大的,你不可能简单地将所有的内容放到一页中。一大堆得链接和按钮将迷惑你的用户,你的屏幕越长,你的观众需要滚动的次数越多,来访问的观众就越少。

  如果你的站点提供一个可供快速下载的(text-only)文本选项,在此页面上你提供你站点所有信息的索引,那么虽然它可能长些,但用户也将乐于访问。但如果你是一个更大的公司,组织或信息机构想引起观众的注意,滚动一次可能足够了,如果能够不滚动则更好了。

  这意味着你必须在如何组织你的节点上花大心思。如果一个用户要走两层才能到达他想要得页面,你觉得这是用户最先想来的站点吗?

  3) 有一个(text-only)仅用文本选项。尽管有些用户有很快的连接通向互联网,他们也经常选择关掉图形开关,因为他们就想要信息并且要快。大量的用户可能使用较旧的电脑并只有较慢的连接。你应将你的站点做成对这些用户也易于访问。

  有一个低速连接选项将用户引导到另一批只有少量图形的页面是一个非常好的方法。如果你不能做到另做一批页面,你至少提供文本链接让那些选择关掉图形开关的用户也能浏览你的节点。

  4) 用不同的方法检查你的设计。你的页面对不同的用户可能看起来不一样,例如IE与Netscape Navigator。在14英寸的和17英寸的显示器上看起来也不一样。颜色也将由于用户的不同的显示卡而显示有不同的偏移。如果你拥有一个专业站点,那么你一定要用不同的系统来一而再,再而三地检查页面,确保它们对所有平台都很漂亮。


  布局

  你的页面的布局是非常重要的。以下是一些小技巧:

  1) 要保持统一。页面间要保持统一的格式。公司的徽标和导航工具条的图形和位置在整个站点中应保持一致。这样你就将你的节点包装成一个统一的包而且不会使你的用户感到困惑。

  2) 越大越好。当使用图形时,首先尽量修整图形的边界使图形更小,更精致。然后再根据你的需要来调整图形,放大或加工。对文本做同样的工作。不要使你的文本过大,使你的页面看起来乱七八糟,并尽量使它们对齐。

  3) 使用不同大小的材质。一个有一个主要大图配合一些小图的页面在视觉效果上比仅有大量相同小图的页面好。

  4) 使用表格来组织页面。HTML语言的表格(table)让你对你的格式有更多的控制。它能让你指定字串的长度,在你的页面上放置边线和对齐你的元素等。学习如何很好地使用他们。

  5) 使用FRAME时要小心。Frame能使一个站点看起来变得相当复杂,可能使一些用户不愿来。最好在你非常确信使用Frame比不用Frame好的多的情况下才用FRAME,当同时最好有一个非FRAME版本,让那些不喜欢或浏览器不支持FRAME的用户可以来访问。


  图形

  你使用的图形的种类会极大地影响你的页面的效果和下载的速度。

  1) 保持你的图形大小小于30k。大于30k的图片或图像经常会导致用户没有耐心去等待页面的下载。将图做得小一些,或你可以少用些颜色。但如果是用户自己想看大图就没关系。例如:你有一个小图指示点击后有全图,用户将不会介意较长时间的等待下载时间,因为是他们自己决定要的。

  如果你觉得确实需要一个大的下载较慢的图,那么最好将它们打碎再在页面里将它们拼起来。因为你至少让你的用户看见在屏幕有变化,不要是一片空白。

  2) 不要使用渐进图形做为背景。渐进图形是那种很快弹出再慢慢调整,逐渐清晰的图形。当用大量的这样的小图拼起来作背景,它们将使显示速度变慢甚至使你的浏览器停滞。

  3) 在图形中使用尽量少的颜色。在任何图形中使用尽可能少的颜色。图的颜色越少,文件尺寸越小,下载速度越快。


  颜色

  小心挑选你想使用的颜色,没有比在页面上满是俗气的颜色更糟的事了。

  1) 不要错误地使用白色,黑色或红色。在使用不是白色的背景时要注意。白底黑字是最活泼和容易阅读的。红色是最抢眼的颜色。

  2) 检查你的对比度。如果你倾向于使用有颜色的背景,要有足够的对比度来保证页面要容易阅读。用那些你不太熟悉的字来测试一下阅读的容易程度。快速地调出页面来看你是否可以读懂那些字。如果你不能看清楚,那么你可能就要做一些修改了。并且最好在任何地方都要有充分的对比。

  记住,任何人都没有完美的颜色喜好。如果访问者是个红绿色盲的话,他至少能看出明暗对比。

  3) 使用调色板。调色板让你知道哪些颜色可以很好地用在一起。你可以从艺术用品店买或一些关于设计的书中就带有。


  文本

  和其它媒质一样,文字和它们的表达将是表达你的内容的主要工具。

  1) 文字要严密。保持你的文字的简明扼要。抓住主题,用尽可能少的文字表达你的信息并使用令人感兴趣的方式。用户只关心他们想要的信息,而不会对不相关的信息感兴趣。

  2) 保持你的排版格式尽量简单。WEB的排版控制还是非常有限并相当程度上依靠用户机器上可用得字体。如果你使用字体控制,记住不是每个人都会看到你想要得效果。最好仅使用随你的系统来的字体,如Windows95。这样有Windows95的人都会看到这些字体。并最好只用一、二种字体。

  3) 不用闪动的文字。闪动的文字看起来很好玩,但它可能使用户分心。最好避免使用它。

  4) 使用大写和小写。一些人认为将所有文字写成大写的会很醒目。可能有些WEBMASTER仅仅为了不用顾虑到SHIFT键而全部打成大写。这是不对的。全部都是大写的字不易读懂。我们阅读时是由于我们认识这个字的形状,而不是单个字母的形状。你可以读懂它们,但不如小写读的快和容易。将你的页面做成易阅读的,这样人们就会读得更多。反之,读的人就少。


  一些通用的提示

  这些是你设计页面时也应记住的:

  1) 谨慎地使用浏览器插件和JAVA小程序。动画、音乐和其它一些很“酷”的东西会很好玩,但它们需要更长的时间来下载,会使用户感到不耐烦。使用它们作为工具,而不是玩具。如果它们能帮你的站点达到一定的目的,你才使用它们。同时,不要在一页上使用大量的多媒体元素。

  2) 让用户选择。可能有非常好的原因在你的站点上放大动画和声音文件。但请给你的用户机会来选择----不用强迫他们花钱上网而进行长时间的等待。

  3) 不同的用户有不同的需求。我们已经讨论了不同的系统会影响不同用户浏览你的节点的效果。但他们也是有所不同的,象我们提过的色盲。也有那些对图形页面比对文本页面更感兴趣的用户。或那些听力有问题的用户听你那些非常复杂的声音?如果你满足这些用户的需求,那么你可能就违反了WEB设计的原则:让尽可能多的用户可以看到你的内容。

网页设计的规则和禁忌

[ 1 ]
网页设计的规则和禁忌 num

打印本页 关闭

关于我们版权声明本站导航友情连结作品演示 TOP↑