网页中导航系统的设计

开篇：润墨网以专业的文秘视角，为您筛选了一篇网页中导航系统的设计范文，如需获取更多写作素材，在线客服老师一对一协助。欢迎您的阅读与分享！

【摘 要】随着网络迅猛发展，我们日常生活、工作、学习越来越离不开计算机网络，我们通过网络来获取所需信息，如何能从网页中快速的找到我们所需的信息呢？这就需要网页中的导航系统。导航系统是网页中的重要组成部分，导航的设计有时决定网页的成败，同时导航系统也提高了站点的易用性。在设计导航系统时我们不仅要注重导航在页面中的艺术性还要注重它的易用性。

【关键词】网页；导航；设计

导航系统是网页中不可缺少的一部分，它是指通过一定的技术手段，为网站的访问者提供一定的途径，使其可以方便地访问到所需的信息，网站的浏览者通过导航系统了解站点内容分类，并使用导航系统上的链接浏览站点的相关内容。导航系统主要包括：全局导航、局部导航、站点地图、搜索引擎、面包屑等。随着网站设计发展网页中导航系统的表现形式也多种多样，包括文字、图片、图标及Flas。导航系统的发展也是经历了一定的过程，从最开始的纯文本导航系统到标签化导航系统，然后又发展到了可以切换的导航系统，到现在我们使用的Flash导航，现在的导航系统不仅仅体现在了技术的发展也体现了网页中艺术性及易用性设计。

一、网页中导航系统的作用

通常在浏览网页时，网页中需要有一个清晰的导航系统很重要。导航系统就像指南针，指引浏览者去浏览他们想要获知的信息。通过导航系统的层次结构可以展现网站的内容，告诉浏览者浏览的起点及浏览的方向，通过导航系统明确引导功能，浏览者才能更有效率地进行网页浏览。导航系统是网页设计的重要目标，导航系统的清晰度设计对网页中的信息架构、用户使用影响重大。网站导航的主要功能是引导用户方便地访问网页内容，同时导航系统的设计也是评价网站专业度、可用度及可信度的重要指标。同时对搜索引擎优化也有重要作用。网站导航的重要作用是便于用户快速找到所需要的内容，导航系统首先引导用户查找信息，通过主导航，次导航以及分类便于用户快速找到所需的信息；其次清晰整个网站的目录结构和链接间的关系，层次结构分明，便于访问者理解；再次导航容易形成地图，特别是面包屑导航，让用户了解所在网站中的位置。

二、网页中导航系统设计

随着网络的普及，网页的设计越来越普及，导航系统是网页中的关键要素，在如今的一个好的网站在现在的激烈竞争中求生存及发展，首先要有一个优秀的导航系统，如何能有一个优秀的导航系统呢？这就需要设计者在设计网页的同时要注意网页导航系统易用性、艺术性设计。

1.网页中导航系统的艺术性

在浏览网页时，我们打开页面首页给我们的第一印象是网页美不美观，如果美观才能留住浏览者的视线，如果不美观那浏览者就不会花很多时间来浏览本网页。网页中的导航系统的设计包括了色彩、文字及图标等元素。

网页导航系统中色彩的表现主要是通过网页色彩对人心理的影响。网页色彩总是在不知不觉中发挥心里作用，左右用户的情绪和心态。针对不同的网页进行不同的情感创意，部署适合主题的色彩是值得我们重视的。网页中所使用的色彩，会使用户产生联想，诱发各种情感，使心理发生变化。如果使用色彩激发人的情感，应该遵循一定的规律。色彩的冷凝感觉，不仅表现在固定的色相上，而且在比较中还会显示其相对的倾向性。

在网页设计中除了可以用网页中的色彩表现网页的主题及个人情感，而且还可以使用文字，所以说导航系统中不仅色彩设计重要而且文字还很重要。字体选择是一种感性、直观的行为。但是，无论选择什么字体，都要依据网页的总体设想和浏览者的需要粗体字强壮有力；细体字高雅细致。在同一页面中，字体种类少，版面雅致，有稳定感；字体种类多，则版面活跃，丰富多彩。关键是如何根据页面内容来掌握这个比例关系。最适合网页正文显示的字体是12磅。如果字体。如果字体较大，通常会影响整个页面的美感；如果字体较小，虽然容易产生整体感和精致感，但可读性较差。页面里的正文部分是由许多单个文字经过编排组成的群体，要充分发挥这个群体形状在版面整体布局中的作用。它的排列方式有四种：两端对齐、居中对齐、左对齐及右对齐。一般制作网页时使用左对齐方式，这是根据浏览者的浏览习惯有关。

导航系统中图标的设计不仅要有艺术性还要符合网页的主题。导航系统中图标赋予了它的实际意义。它不仅仅是用来装饰，图标和文字结合起来提高了导航系统的整体效果。使得网页增添了艺术效果。

2.网页中导航系统的易用性

清晰明确的导航系统首要是以人为本， 以易用性的、便捷的操作为基本设计原则。一个优秀的网页不仅要美观使人赏心悦目，而且浏览者在使用导航系统的时候可以轻松自然，明确清楚。以最少的点击次数获得最多的结果是网页导航系统设计的一个基本原则。制作网页导航系统要层次清晰、简明易懂、使用简捷便利。

如今的网页中设计导航系统存在如下的问题：第一在网页中导航系统层次不明确，使得浏览者对站点中的内容不明确，不能及时找到所需的信息。第二在网页导航系统中添加了与本网站内容不相关的内容，这就降低了网页导航系统的指引性。第三有些页面为了别出心裁没有按照人常规的思维来做页面的导航系统，使得浏览者在打开页面时，首先去固定思维的位置找导航系统，但是没有找到，这就使得浏览者识别受阻，感觉其易用性不强。第四这也是页面中致命的弱点就是当找到导航系统，但是点击浏览以后与导航系统中的内容不匹配，这就降低了网页的可信度。第五网页的导航系统不醒目，尤其在设计导航系统是一定要注意色彩的搭配及与主题的协调。以上问题都阻碍了网页中导航系统的功能的充分发挥，所以在设计者设计导航系统时一定要注意导航系统的易用性。

三、导航系统遵守的原则

通过上面所讲的关于导航系统设计时不仅要注意导航系统的艺术性设计还要注意它在页面中的易用性，所以我们设计页面中的导航系统一定要注意如下原则：

> 导航结构清晰，突出重点，包含关键词；

> 导航目录采用文字来链接的方式，通俗的说尽量使用文字，如果需要使用图标或者图片其中要有文字性的内容，不能只使用图标，这就使得浏览者不能了解其功能；

> 每个页面的超链接尽量不要超过140个；

> 目录采用静态化或伪静态，URL和目录名字产生关联，提高分词匹配；

> 每个导航下的内容布局要有相关性和原创性；

> 每个目录的导入链接和导出链接需要做好协调，提升目录权重，有利于收录和抓取。

四、结束语

随着现在网站设计师对网页设计中导航系统的越来越重视，导航系统在页面中的功能被强化，导航系统在页面中不仅体现了它的艺术性还体现了它的易用性，使得在设计更加的人性化。

【参考文献】

[1]谭岚丹.网站设计中导航系统的艺术性[J].大众文艺，2011（12）.

[2]杨亦艺.对人性化网站设计的探讨[J].中南林业科技大学学报（社会科学版），2012（06）

[3]吴俊.网页中导航系统的人性化设计[J].艺海，2012（07）.

[4]谭岚丹.导航系统在网站设计中的应用与研究[D].湖南工业大学，2012.