网页导航设计九大注意事项

　　一、注意超连结颜色和单纯叙述文字的颜色呈现

　　WWW的语言―HTML允许Webpage设计者特别标明单纯叙述文字和超连结的颜色，以便丰富Webpage的色彩呈现。假如您的网站充满知识性的信息，欲传达给访问者，建议您将网页内的文字和超连结颜色，设计成较干净素雅的色调，会较有利于阅读∶纯粹的叙述文字采用较暗、较深的颜色来呈现(如∶黑色、墨绿色、暗褐色)，超连结文字则以较鲜明抢眼的色彩来强调(如∶亮黄色、翠绿色、鲜橘色)，至于探访过的超连结则采用较低于原超连结亮度的颜色做呈现。

　　二、测试任何的超连结和导览按钮的真实可行性

　　Webpage上线之后，第一件该做的事，是逐一测试每一页的每一个超连结和每一个导览按钮的真实可行性。完全检验有没有失败的link无法连结到该连结的Webpage，却反而冒出“FileNotFound”的错误讯号出来。这是个负责任、够水准的Webpage设计者对自己的作品应有的基本品质需要。

　　假如您果真有那么多的超连结必须提供给读者，不如将这些超连结以条列的方式，一笔一笔清楚地列在一选单页或目录页上，既不防碍走文的顺畅，又呈现一目了然的导览连结。

　　三、让超连结的字串长短适中且走文自然

　　抓住能传达主要讯息的字眼当做超连结的锚点(anchor)，可有效地控制住超连结的字串长度，避免字串过长(如∶整行、整句都是锚点字串)或过短(如∶仅一个字当做锚点)，而不利于读者的阅读或点取。

　　四、当导览按钮连结到现在此页时

　　各Webpage若重复使用同一组的导览按钮，无可避免地会产生某一导览按钮连结到现在此页的情形。为达成界面设计的一致性，并没有绝对的必要性拿掉此导览按钮，但Webpage设计者可让此按钮不再具备超连结的功能;或将此按钮的彩度、亮度降低(如∶深绿色变成淡绿色，亮红色变成暗红色)，使读者可清楚地意识到∶这个暗设下来的导览按钮不再具备超连结的功能。

　　五、分析、说明您提供的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永远没有“真正”完工之时，总是需要不断地修改、增添、翻新)，再正式开放连结也不迟。

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有