网页导航设计注意事项

抓住能传达主要讯息的字眼当做超连结的锚点，可有效地控制住超连结的字串长度，避免字串过长或过短。下面介绍网页导航设计注意事项，希望可以帮助到大家。

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

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

倘若您急欲告诉读者，您即将提供一页超级精彩、超级诱人的Webpage在此站台，只是目前仍在努力赶制中，您大可直接摆一段告示在即将是“超连结”的文字旁(但目前仍不具超连结的功能)，明白昭示世人，以节省读者徒然点取、徒然往返的时间;也免得读者满怀希望，却又落得失望而归。

不要在一篇短文里提供太多的超连结

适当、有效率地使用超连结，是一个优良的导览系统不可或缺的条件之一。但过份滥用超连结，造成短短的一篇文章里却处处是links，反而损害了Webpage行文的流畅与可亲性。在充斥着超连结的短文里，很可能其中不少是无意义、没必要的links。例如∶连结到一页只有两三行注解的link、连结到一页只放了“施工中”的招牌的link。在一篇长短适中的Webpage里(三、四个荧幕页面)，文章里提供的文字式超连结最好不要超过10个以上，以使全页行文能够顺畅，而读者也不至于眼见一大堆超连结，反而不知从何点取才好。况且，连续、肩并肩地出现两三个文字式超连结，很容易被误认为只是一个长度较长的超连结，于是被读者忽略掉，便也失去了这些超连结的原本功能。

一个网站的导航页面，可以说是整个网站的中心，作为一个陌生的浏览用户进入到一个网站之内，对于整个网站的结构以及内容都不是很了解，所以网站的导航页面，可以说是一个指引服务，可以在陌生用户进入之后，也能根据导航的指引来进行各方面自己需求的信息给浏览。

做一个网站很容易，要把网站做好不容易，因为网站建设涉及到设计、技术、内容，细节非常多。所以合肥网络公司建议在制作网站导航页面的时候，一定要注意以下的这些内容：

1、要符合整个网站的内容布局。

作为一个独立的导航页面，是针对整个网站的内容布局进行引导划分，那么这个单独的页面也要符合整个网站的整体设计风格，而且要符合内容布局的整体走向，网站的同一性就能得到提高，所以对于导航页面，最好能够将内容尽量的精简，简洁易懂才才是最需要突出的内容。

2、要简单易懂。

有一些没有经验的设计师，在进行网站制作设计导航页面的时候，总是想突出自己的个性和风格，希望彰显自己的设计情能力，然而一味追求特色和风格，发现导航页面失去了它本来该有的功能，最重要的功能就是简单易懂一看就知道该如何进行操作，所以不管在多么复杂的设计流程之前，要确保它的真实作用得到了保障，这样才能吸引更多的浏览用户到网站参观浏览。

3、要注意增强实用性。

同时实用性也是设计导航页面最重要的一个因素，因为导航的主要目的，就是能够让陌生的浏览者进入一个网站之后，虽然是全新的内容和版面，但是却能够独立自主的通过导航页面来进行整个网站的浏览和信息的收集，这才是一个导航页面真正具有的功能和意义，所以如果实用性得不到保障，那么外形设计再美观也没有意义。

4、要注重用户的浏览体验。

导航页面虽然是网站制作当中比较简单到一个程序，那么在导航页面设计的时候，却需要更加的注意些细节问题，最重要的就是要注意用户的浏览体验，因为导航页面对于用户浏览来说是非常关键的，做一个引导性的页面，必须要让内容以及布局设计风格符合用户需求。能够让浏览用户一看就懂，知道该如何在这个网站进行收集对自己有帮助的信息和内容。

网站导航系统要简洁而明晰

在网站上，导航系统通常都是作为主要栏目的链接而存在，通常表现为一级目录，也就是网站上的一级栏目。通过网站导航系统上的链接，用户可以直接进入各个相关栏目内去浏览，而搜索引擎蜘蛛也可以由此进入栏目目录内去抓取其他的网页。因此网站导航系统有必要在网页上较为靠上的位置展现。商道通为方便搜索引擎的抓取，网站导航系统上通常选用文字链接，而不宜采取图像链接。由于网站导航系统所占用的版面很狭小，所以在网站导航系统上的链接文字通常都很简短，一般一个链接文字不会超过6个字，一般4个字即可表达链接的含义了。

网站导航系统应根据页面所在位置来改变导航系统中的链接

一般来说，每一层级的网页都应该有着不同的网站导航系统。主页面的导航包括各个栏目的导航，每一个栏目页都应该包含主页的链接导航，还应该包含下级栏目的导航。而内容页的导航系统则应该包含上级页面的导航链接和主页面的导航链接，必要时，还可以包含其他相关栏目的导航链接。这种网站导航系统一方面可以方便 用户操作，让用户很快地找到所需要的内容，还可以在各个页面之间传递权重，对提升各页面的等级(PageRank)和权重都有很大帮助，也是保持上级页面 的权重始终高于下级页面的手段之一。

在内容较多的网页上设置网页下方的导航系统

如果某些网页的内容多，造成网页比较长的话，这时候我们就可以在网页的下方部分设置一个次要的导航系统，次导航系统可以与上方的主导航系统里的链接相同或者大部分相同，但导航样式不需要一样。次要的导航系统的设置可以方便浏览者直接进入感兴趣的网页，而不需要点击网页上部的主导航里的链接。很多网站都设置有网页下方的导航系统，但与网页上方的主导航系统相比，下方的导航系统更简洁，也更朴素，一般没有经过过多的修饰，只是具有导航的功能而已。

网站导航条里的导航数量问题

网站导航条里的导航数量具体应该设置多少个，这要由网站所建设的规模大小而定。一般小规模网站主导航条的导航数量最好不要超过七个，中等规模的网站导航数量不要超过十个，大型网站的导航数量最好不要超过15个，超大型综合性网站导航数量一般不超过20个。导航数量越多，说明网站越复杂。如果导航数量超过10个，这时候我们可以把导航条设置成两行。导航数量越多，越容易 使得用户无法记得导航条里的文字，导航数量过多也会分散浏览者的注意力，一次无法浏览所有的导航链接文字。所以，无论什么类型的网站，在保证网站结构合理的情况下，导航条里的导航数量越少越好。

合理运用网站地图导航

网站地图(SiteMap)是一种特殊的导航系统，其目的是为了更好地展现整个网站上的网页结构，通过网站地图导航可以进入全站中的绝大部分网页。网站地图导航系统大多采用文本连接的方式，也不需要复杂的修饰，不需要许多的图片，不是为了美观，而是为了实用，为了更快地显示页面，并明确地指明进入其他网页的链接，如果网站上的网页数量过多，那么我们就可以设置多个网站地图，并将这些网站地图通过级联的方式链接在一起，这样通过网站地图导航里的链接，可以进入到网站上的每一个网页。网站地图在SEO中有着重要的意义，通过网站地图中的文本链接，可以让搜索引擎蜘蛛程序去抓取那些不宜到达的网页。

什么是网站的导航?

其实就是用户在访问网站的时候，帮助用户快速找到想要的内容的捷径。所以网页制作的时候设计的导航应该可以清楚地表现出网站所有的结构，导航设计得好，用户在浏览网站的时候，对网站的内容一眼就可以清楚地看大。而且导航的设计也是用户体验一个重要的元素，网站导航设计得好的话，网站的跳出率也会降低。

靠前、网站导航内容的设计。

在设计导航的时候，内容编辑较大的一个作用就是帮助搜索引擎更好地爬行网站，从而提升对网站的友好性。导航在设计内容的时候，一定要使用文字，而不是图片或者是flash，因为这些元素在网站建设中所占的空间是非常大的。导航如果采用文字的形式，不仅减轻了负担，制作的网站加载速度也有保障。

第二、导航的文字要包含网站的主要关键字。

网站建设不仅要重视首页的设计，同时要对子页面进行关注。而导航的设计就是将网站的首页与子页面有机地连接起来，如果子页面比较多，我们就可以将子页面的锚文本全部都链接到网站的首页，这样网站首页的权重就比较高。因此，在网页制作的过程要对网站的关键字进行分类，要在每一个栏目中设置好相对应的关键字。

第三、底部不要出现关键字堆积的现象。

网站的导航作用就是帮助用户知道自己所在的位置，同时也告诉用户怎样去想要的地方。而底部导航的设计，无论是对用户还是搜索引擎，关键字堆积的现象都不好。特别是搜索引擎，一旦被搜索引擎发现这一现象，将会对网站呕出惩罚。