网页布局设计理念（二）
2011-09-03 文章来源: 建站学
五、分析、说明您提供的bookmarks或coollinks
常常看到热心的Webpage设计者条列了精心收集的bookmarks或coollinks，以分享读者个人遨游WWW的美好经验。但多数Webpage设计者就只提供一大串links，并不分门别类，也不加以分析、说明为什么这个link好，值得推荐？那个link的主要内容精彩之处？又在哪？提供您的bookmarks或coollinks是一大善举，但未加以分析、说明，却变得功亏一篑。多花几分钟，将您提供的bookmarks或coollinks稍加分类、注解，可提供读者清晰的概念与无限的方便，也使您的站台的导览系统更加周全完善。未加以说明、注解的coollinks，其实一点也不cool。老实说，任何人都可以到Yahoo轻易地找到上百上千的links。您若未对这些推荐的links加以个人独特的评论、介绍，读者又何劳偏得到您的站台去找索引呢？任何一个分类索引或搜寻引擎都绝对比您条列的links还要更完备齐全。
六、在具有前后连续顺序的文件里提供必要的连结
将篇幅过长的文件分隔成数篇较小的Webpages大大地增加了界面的亲和性，但在导览按钮与超连结的配置上，Webpage设计者则要更细心周全地安排，使得读者不论身处您站台的哪一阶层，依然能够快速便捷地通往其他任何一个页面。Webpage设计者应特别注意∶
1.提供“上一页”、“下一页”、“回子目录页”与“回首页”的导览按钮或超链结在一系列具前后连续顺序的文件里，
每篇Webpage都至少应提供“上一页”、“下一页”、“回子目录页”与“回首页”的导览按钮或超连结，可使读者能够立
即得知自己所在的页面，是属于一份较大文件内的一小部分。(考虑、体贴一下某读者不是从您的Home顺序连结至此页，而是依循别的站台的某个link跳跃连结至此)。并且可以借由这些links随时参考连结“上一页”、“下一页”与本页的连贯内容；直接点取“回子目录页”查寻其他相关的标题；或直接跳跃至homepage，浏览其他不同项目的信息。
2.简明扼要地标明此页、上一页与下一页文件的标题或内容梗概。
在一系列具有前后连续顺序的文件里，每篇Webpage都应加上一个具有说明性的标题，使读者一目了然，马上抓住这一页的重点。而完善的导览系统除了提供“上一页”、“下一页”的导览按钮或超连结外，更添加精简达意的上一页与下一页标题、内容提要，使读者即使尚未点取这些Webpages时，亦能先梗概地了解自己将连结至什么样的Webpage。
3.提醒读者某一系列文件已到尽头。
当读者已达某一系列文件的最后一页时，Webpage设计者应提供一小段告示提醒读者，同时不再提供“下一页”的导览按钮或超连结。但基于Webpage界面设计的一致性，或许有些Webpage设计者并不希望在同一系列的最后一篇Webpage里忽然少了一个先前每页都有的“下一页”导览按钮(尤其是精心设计过的图形化导览按钮)。为达此目的，可考虑将最后一页的“下一页”导览按钮颜色暗沉下来，且不赋予超连结的功能，并提供一小段告示提醒读者，此系列文件已到尽头，不再有“下一页”的内容。
七、在较长的Webpage内提供目录表与大标题
理想的Webpage长度以不超过三、四个荧幕页面为佳。但是如果基于某些特殊理由，您的Webpage一定要做得很长，那么不要忘了在此长篇的Webpage最上头，提供一个目录表，Webpage的内容也标上大小标题，以利清楚阅读。尤其重要的是，在这些标题与目录表的HTMLsource里分别设置锚点，并链接到锚点，以使您的Webpage真正发扬WWW的高互动性、高便捷性功能。
八、暂时不提供超连结到尚未完成的Webpage
超连结或导览按钮应该引导读者到一篇真正“有料”的Webpage，而不是以“挂羊头卖狗肉”的方式，事先将某一超连结描述得超级精彩、超级诱人，结果读者兴致勃勃地连结过去，却根本看不到任何精彩、诱人的内容，唯一所见的，只是一张无聊的告示牌“施工中”。
如果您急欲在网络上推出您的站台、展现您Homepage，但仍有少数几页Webpage尚未完成，建议您先暂时别让这些“施工中”的Webpage正式露面。(即先暂时别让这些连往“施工中”的Webpage的“超连结”，拥有真正的超连结功能。)等到您“几乎”完工之后(Webpage永远没有“真正”完工之时，总是需要不断地修改、增添、翻新)，再正式开放连结也不迟。倘若您急欲告诉读者，您即将提供一页超级精彩、超级诱人的Webpage在此站台，只是目前仍在努力赶制中，您大可直接摆
一段告示在即将是“超连结”的文字旁(但目前仍不具超连结的功能)，明白昭示世人，以节省读者徒然点取、徒然往返的时间；也免得读者满怀希望，却又落得失望而归。
九、不要在一篇短文里提供太多的超连结
适当、有效率地使用超连结，是一个优良的导览系统不可或缺的条件之一。但过份滥用超连结，造成短短的一篇文章里却处处是links，反而损害了Webpage行文的流畅与可亲性。在充斥着超连结的短文里，很可能其中不少是无意义、没必要的links。例如∶连结到一页只有两三行注解的link、连结到一页只放了“施工中”的招牌的link。在一篇长短适中的Webpage里(三、四个荧幕页面)，文章里提供的文字式超连结最好不要超过10个以上，以使全页行文能够顺畅，而读者也不至于眼见一大堆超连结，反而不知从何点取才好。况且，连续、肩并肩地出现两三个文字式超连结，很容易被误认为只是一个长度较长的超连结，于是被读者忽略掉，便也失去了这些超连结的原本功能。
网页留白的艺术
国画中有一句话描述这种艺术形式的空间布局比较经典，就是“计白当黑”，表明了白也就是空的地方和着的墨一样都是国 画整体的组成部分，如何利用空间中的留白是非常重要的，也是提升艺术性的途径，有些尽管是画的很不错，但是看起来不舒服，就是没有重视留白，造成了画面的 整体上的失败。对于网页设计来说，有何尝不是如此呢？也许现在我们没有把它提升到一个艺术审美的角度来看待，所以没有人去深究过网页的艺术性，我想这是我 们网页设计者孜孜以求的方向，因为未来的网络技术高度发达，人们对于更高层次的追求也就必然会牵涉到对艺术、对美的追求。既然如此，我们就应该把眼光放远 一点，把网页的设计提到这个层次来考虑。尽量的克服目前技术带来的限制。既然如此，按照艺术审美的观点，网页上的留白也是一个组成部分，同其它的主要的内 容入文本、图片、动画一样，是每个设计者在制作网页时要一起考虑的。 提升到艺术的高度来看待留白是通过视觉上的手段，留白也可以给人带来心理上的轻松与快乐，也可以给人带来紧张与节奏，通过这种手段可以向使用者表达出 设计者的心理感觉，设计者在设计网页的同时也在同自己的使用对象在作一种交流，好的设计者能够达到同自己的使用对象进行心理对话的程度。不光通过页面上的 文字、图片、动画的组合和排列，同时借助留白进行表达。可以达到非常好的效果，例如一个休闲的网站，设计者要传达给使用者的一个信息就是要是让他们轻松随 意，无拘无束，光通过网页上的图片和文字的表达是干巴巴的，没有感情色彩的。如果能通过网页设计反映出这种感情色彩，显然这样的设计是较为高明的设计。能 实现吗？当然可以，借助网页上的留白就可以，让留白更多的显示出自己的特色，在联系图片和文字的中间架起一道桥梁 。
网页设计的八种陋习
一、不要为图像加入太长的交互文本
使用“ALT=”为图像加入交互文本是一个好习惯，因为并不是所 有的人都打开图像载入开关的，这时候这些交互文本给了用户一个有 用的提示，特别是一些连接。但有部分网页制作者为图像加入了很长 的交互文本，当用户载入图像时，这并不影响结果；但如果用户不载 入图像，浏览器就会将所有的文本都显示出来，以致超出了它本来的 宽度、或高度，对网页原来的排版影响很大。
例如广州市某免费个人主页提供商的网页，我开始在关闭图像载 入的情况下访问，结果该网页乱七八糟，而且需要使用滚动条才能全 部浏览，每个文字连接都被前面的图像*得排成两行，很不顺眼！后来我打开图像载入再去访问该站时，发现网页原来很整齐。那些用文 件名和长度作为交互文本的图像只是一些长度、宽度都很小的装饰图 案，但因为交互文本太长了，所以才造成了混乱！
二、不要将连接全部摆在图像中
以往的网页中的连接都是文字，而且用下划线以资识别。但不久人们就讨厌了这些文字连接，于是都采用了图像连接。 后来，更加嫌一个图像一个连接太麻烦了，于是将所有的连接到摆进了一个图像中去。但与上忌情况一样，不是所有的人都打开图像载入，如果你把所有的连接到摆 在图像中去，而没有任何同样功能的文字连接的话，用户也许会很不知所措。
某网上男孩子的网页，可能是考虑到这个情况，于是把包含在图 像中的连接作为交互文本列了出来———呀！足有1000多像素的宽度 。结果我没有用鼠标去“探索”———其实可以用TAB键去寻找这些 连接———而是退了出来。与其怕部分用户望而止步写了那么多的交 互文本，为什么就不可以增加一些同样目的的文字连接呢？
三、不要使用自动滚动
