网页中导航系统的设计

-精选财经经济类资料- -最新财经经济资料-感谢阅读- 1 网页中导航系统的设计 【摘 要】随着网络迅猛发展， 我们日常生活、工作、学习越来越离不 开计算机网络，我们通过网络来获取所 需信息，如何能从网页中快速的找到我 们所需的信息呢？这就需要网页中的导 航系统。导航系统是网页中的重要组成 部分，导航的设计有时决定网页的成败， 同时导航系统也提高了站点的易用性。 在设计导航系统时我们不仅要注重导航 在页面中的艺术性还要注重它的易用性。 中国论文网 /5/view-5432020.htm 【关键词】网页；导航；设计 导航系统是网页中不可缺少的一 部分，它是指通过一定的技术手段，为 -精选财经经济类资料- -最新财经经济资料-感谢阅读- 2 网站的访问者提供一定的途径，使其可 以方便地访问到所需的信息，网站的浏 览者通过导航系统了解站点内容分类， 并使用导航系统上的链接浏览站点的相 关内容。导航系统主要包括：全局导航、 局部导航、站点地图、搜索引擎、面包 屑等。随着网站设计发展网页中导航系 统的表现形式也多种多样，包括文字、 图片、图标及 Flash 动画。导航系统的 发展也是经历了一定的过程，从最开始 的纯文本导航系统到标签化导航系统， 然后又发展到了可以切换的导航系统， 到现在我们使用的 Flash 导航，现在的 导航系统不仅仅体现在了技术的发展也 体现了网页中艺术性及易用性设计。 一、网页中导航系统的作用 通常在浏览网页时，网页中需要 有一个清晰的导航系统很重要。导航系 统就像指南针，指引浏览者去浏览他们 想要获知的信息。通过导航系统的层次 结构可以展现网站的内容，告诉浏览者 浏览的起点及浏览的方向，通过导航系 -精选财经经济类资料- -最新财经经济资料-感谢阅读- 3 统明确引导功能，浏览者才能更有效率 地进行网页浏览。导航系统是网页设计 的重要目标，导航系统的清晰度设计对 网页中的信息架构、用户使用影响重大。 网站导航的主要功能是引导用户方便地 访问网页内容，同时导航系统的设计也 是评价网站专业度、可用度及可信度的 重要指标。同时对搜索引擎优化也有重 要作用。网站导航的重要作用是便于用 户快速找到所需要的内容，导航系统首 先引导用户查找信息，通过主导航，次 导航以及分类便于用户快速找到所需的 信息；其次清晰整个网站的目录结构和 链接间的关系，层次结构分明，便于访 问者理解；再次导航容易形成地图，特 别是面包屑导航，让用户了解所在网站 中的位置。 二、网页中导航系统设计 随着网络的普及，网页的设计越 来越普及，导航系统是网页中的关键要 素，在如今的一个好的网站在现在的激 烈竞争中求生存及发展，首先要有一个 -精选财经经济类资料- -最新财经经济资料-感谢阅读- 4 优秀的导航系统，如何能有一个优秀的 导航系统呢？这就需要设计者在设计网 页的同时要注意网页导航系统易用性、 艺术性设计。 1.网页中导航系统的艺术性 在浏览网页时，我们打开页面首 页给我们的第一印象是网页美不美观， 如果美观才能留住浏览者的视线，如果 不美观那浏览者就不会花很多时间来浏 览本网页。网页中的导航系统的设计包 括了色彩、文字及图标等元素。 网页导航系统中色彩的表现主要 是通过网页色彩对人心理的影响。网页 色彩总是在不知不觉中发挥心里作用， 左右用户的情绪和心态。针对不同的网 页进行不同的情感创意，部署适合主题 的色彩是值得我们重视的。网页中所使 用的色彩，会使用户产生联想，诱发各 种情感，使心理发生变化。如果使用色 彩激发人的情感，应该遵循一定的规律。 色彩的冷凝感觉，不仅表现在固定的色 相上，而且在比较中还会显示其相对的 -精选财经经济类资料- -最新财经经济资料-感谢阅读- 5 倾向性。 在网页设计中除了可以用网页中 的色彩表现网页的主题及个人情感，而 且还可以使用文字，所以说导航系统中 不仅色彩设计重要而且文字还很重要。 字体选择是一种感性、直观的行为。但 是，无论选择什么字体，都要依据网页 的总体设想和浏览者的需要粗体字强壮 有力；细体字高雅细致。在同一页面中， 字体种类少，版面雅致，有稳定感；字 体种类多，则版面活跃，丰富多彩。关 键是如何根据页面内容来掌握这个比例 关系。最适合网页正文显示的字体是 12 磅。如果字体。如果字体较大，通常会 影响整个页面的美感；如果字体较小， 虽然容易产生整体感和精致感，但可读 性较差。页面里的正文部分是由许多单 个文字经过编排组成的群体，要充分发 挥这个群体形状在版面整体布局中的作 用。它的排列方式有四种：两端对齐、 居中对齐、左对齐及右对齐。一般制作 网页时使用左对齐方式，这是根据浏览 -精选财经经济类资料- -最新财经经济资料-感谢阅读- 6 者的浏览习惯有关。 导航系统中图标的设计不仅要有 艺术性还要符合网页的主题。导航系统 中图标赋予了它的实际意义。它不仅仅 是用来装饰，图标和文字结合起来提高 了导航系统的整体效果。使得网页增添 了艺术效果。 2.网页中导航系统的易用性 清晰明确的导航系统首要是以人 为本， 以易用性的、便捷的操作为基 本设计原则。一个优秀的网页不仅要美 观使人赏心悦目，而且浏览者在使用导 航系统的时候可以轻松自然，明确清楚。 以最少的点击次数获得最多的结果是网 页导航系统设计的一个基本原则。制作 网页导航系统要层次清晰、简明易懂、 使用简捷便利。 如今的网页中设计导航系统存在 如下的问题：第一在网页中导航系统层 次不明确，使得浏览者对站点中的内容 不明确，不能及时找到所需的信息。第 二在网页导航系统中添加了与本网站内 -精选财经经济类资料- -最新财经经济资料-感谢阅读- 7 容不相关的内容，这就降低了网页导航 系统的指引性。第三有些页面为了别出 心裁没有按照人常规的思维来做页面的 导航系统，使得浏览者在打开页面时， 首先去固定思维的位置找导航系统，但 是没有找到，这就使得浏览者识别受阻， 感觉其易用性不强。第四这也是页面中 致命的弱点就是当找到导航系统，但是 点击浏览以后与导航系统中的内容不匹 配，这就降低了网页的可信度。第五网 页的导航系统不醒目，尤其在设计导航 系统是一定要注意色彩的搭配及与主题 的协调。以上问题都阻碍了网页中导航 系统的功能的充分发挥，所以在设计者 设计导航系统时一定要注意导航系统的 易用性。 三、导航系统遵守的原则 通过上面所讲的关于导航系统设 计时不仅要注意导航系统的艺术性设计 还要注意它在页面中的易用性，所以我 们设计页面中的导航系统一定要注意如 下原则： -精选财经经济类资料- -最新财经经济资料-感谢阅读- 8 导航结构清晰，突出重点，包 含关键词； 导航目录采用文字来链接的方 式，通俗的说尽量使用文字，如果需要 使用图标或者图片其中要有文字性的内 容，不能只使用图标，这就使得浏览者 不能了解其功能； 每个页面的超链接尽量不要超 过 140 个； 目录采用静态化或伪静态， URL 和目录名字产生关联，提高分词匹 配； 每个导航下的内容布局要有相 关性和原创性； 每个目录的导入链接