一个网站就像一本杂志，人们搜索信息。表一本杂志的内容，就像是一个网站的导航。表的内容提供了贵刊的概述，同时也对你的观众应该会看到您的网站上显示导航。既充当你的观众的途径，他们如何能读你的MAG或探索您的网站。

每当我想到一个网页设计师可以做的最重要的任务是什么，我始终认为它应创造良好的导航。必须精心设计，在一个用户友好的方式，观众看到它的那一刻，他们立即明白它是如何使用，这是什么。一个导航还必须创造性地完成，这是你可以找到一个网站，你可以捕捉观众的注意力的元素之一。

良好的网站导航组件：

1。主导航

主导航主菜单​​或一个网站的类别。这些被视为最重要的是可以看到的那一刻你的网站加载的链接。大部分主导航首页关于我们，联系我们等各个环节，具体取决于您要创建什么样的网站。

请记住，主导航不应该超过七，八环节。选择最重要的环节，并把它作为他们的主菜单，其余的将在子菜单上放置。

2。辅助导航

辅助导航是次要的一个网站的链接或子菜单。通常，这些都可以从下拉菜单或弹出菜单中找到。

当用户鼠标悬停，然后单击菜单上的按钮，然后子菜单将显示一个下拉菜单是。

一个下拉菜单的示例图片

一个弹出菜单到一个菜单按钮时，用户停留，然后会出现子菜单 。在这种情况下，用户没有按一下按钮的子菜单出现。

一个弹出菜单的示例图片

3。菜单位置

重要的是你的位置你的地方，你的观众可以很容易地看到他们的菜单。

通常情况下，横向导航顶部和您的网站的标题下。虽然垂直导航，这就是通常把该网站的左侧。

要添加到此，总是把你的菜单，由左到右，因为大多数观众从左边开始。

即使你把你的链接由右至左，你的观众仍然会读取它们从左边开始。以为例，下面的图片。即使是链接到左侧位置的权利，观众仍然会阅读他们开始从联系我们，博客，关于我们，然后首页。

4。按钮和菜单标签的大小

菜单的大小必须是明显的，但不会太大，他们会占据太多空间。调整它们在那里他们可以看到你的访问者很容易，同时保持一个专业的外观。

当把菜单标签，确保它们是可读的大小。另外，选择字体颜色按钮的颜色对比度。如果你的按钮的颜色是浅，深色菜单标签，反之亦然。

5。菜单按钮的颜色

颜色是您的网站，以吸引游客的一种方式。使用菜单，在您的网站的背景颜色对比度的颜色。这样，您就可以捕捉观众的注意力，你的按钮，将与您网站的其他元素。

以看一下这个例子。即使按钮具有相同的颜色作为背景，但它仍然脱颖而出按钮单击效果和文字的颜色为白色。

6。图标和效果

图标是伟大的方式来区分你的按钮，他们还告知用户哪些观众可以期望链接。此外，悬停效果是一个很好的方式来吸引观众的注意力。这也告诉访问者，他们可以按一下按钮，这看起来不同于他人 。你也可以把一个按钮，点击效果，告知他们点击什么按钮你的观众 。

为了给你更多的这种想法，我这里有一个很好的例子网站导航。设计师PixelResort把每个菜单标签上的图标来表示的链接 。此外，它有一个悬停效果（发光的圆圈）和一个按钮，点击效果（箭头指向链接）。在这种情况下，页面的Goodies“链接把观众的博客链接和鼠标指针 。

而我对你最后一个提示...

7。点击越少，更好。

观众往往会不耐烦的搜索信息时，他们要寻求什么，他们正在寻找非常迅速。确保您的导航尽快回应你的观众“本能。

在这篇文章中，我会突出你的灵感惊人的水平和垂直导航。首先，让我们来看看在横向导航。

横向导航

横向导航是今天广泛使用的导航网页设计师。通常情况下，导航栏是放在头下。

好的特点：

1。它占用更少的空间

横向导航主要用于网页设计师，它占用空间少，因为它是放置在网站的顶端部分。然后，剩下的空间，您可以使用您的内容。

2。较显着

我们的眼睛放在网站上的中心，这是为什么横向菜单更加明显，因为它们的顶部和中心网站的一部分放在第一通知元素。

3。更容易使用

观众发现横向导航更容易使用。比较垂直导航，你仍然有移动您的鼠标指针在屏幕的左（或有时右），点击菜单。如果导航是水平放置的，你只需要向上移动您的指针，点击一个菜单按钮。

4。观众已经习惯了它

因为它是主要用于导航，观众总是期望所有网站都是这种类型的导航。

坏的特点：

1。有限的空间菜单

使用横向导航时，您对您的网站的宽度空间是有限的，这仍然取决于你的网站布局上。

2。如果菜单是已知的，只能用

如果已经是固定的菜单，只能用于横向导航，因为规模和设计取决于放在菜单上。