在网站中应该使用垂直导航菜单吗？

时间：2022-07-26 10:15:01 | 来源：建站知识

时间：2022-07-26 10:15:01 来源：建站知识

尽管目前大多数网站仍然采用传统的横向(水平)菜单，将菜单放在页面的上方，但不可否认的是垂直导航菜单正逐渐流行起来，将菜单放在网站的侧面(左边或右边都可以)。因此很多人在做网站时面临着一个选择：是使用传统的水平菜单还是选用新颖有趣的垂直导航菜单?

小飞可以负责任的说，对于某些网站(并不是所有哦)，垂直导航菜单有不少好处，比如能给网站带来不一样的视觉效果，可以提高用户的浏览体验，可以让网站导航更加清晰明了等。听到这里，你是不是已经跃跃欲试了?如果你想要将这种方式应用在自己的网站上，那不妨先和小飞一起看看垂直导航菜单究竟有哪些优缺点，了解一下什么样的网站才比较适合垂直导航菜单。

垂直导航菜单的优点：

1. 可以容纳超多的菜单项

使用传统的横向(水平)菜单，如果菜单项很多，我们就需要仔细规划一下页面上方的空间布局，怎样可以让多个菜单项友好的展示而不觉得突兀。但是在使用垂直导航菜单时，我们完全就没有空间不够用的担心或顾虑了。垂直导航菜单可以容纳多个菜单项，这对那些列出许多菜单项的站长们来说真是一个福音。

2. 适合不同长度的菜单项

在浏览传统的横向(水平)菜单时，我们会发现几乎菜单项长度都差不多，这是因为长度相等的菜单项可以给用户带来较好的浏览体验，网站的主页面布局也会看上去比较整齐、简洁。而在垂直导航菜单中，菜单项的长短就没有那么重要了，我们没必要给所有菜单项的长度定一个标准。不过，在这小飞只是想说长度不等的菜单项可能更适合垂直导航菜单，通过垂直导航菜单展现会给访客们更好的视觉体验，并不意味着我们可以完全不考虑菜单项的长度，因为太长的菜单项放在主页面侧边也会有问题，这点我们会在垂直导航菜单的缺点中讨论。

3. 方便设计更改

在使用垂直导航菜单时，如果我们需要临时添加一个新的页面，不用担心这页面是否适合或影响网站的整体框架设计，直接添加就好了。不过如果水平菜单，就像在第一点时我们提到的，添加一个新的页面就意味着菜单上要多一个选项，这样我们页面上方的布局就要重新设计。如果你的网站需要经常添加新页面或者改变菜单项的名称，小飞建议选择垂直导航菜单。

4. 所有内容可见

使用垂直导航菜单，我们可以在主页的一侧列出网站的所有菜单项，各个页面显而易见，而在使用横向(水平)菜单时，因为空间位置不够，很多项都隐藏在下拉菜单中。因此，对于许多长的，单页的网站(特别是长滚动条一页式网站)来说，垂直导航菜单更易于浏览。

5. 适应不同屏幕尺寸

不管用户是通过什么设备进行浏览，垂直导航菜单都是以同样的宽度和高度打开的。它可以适应不同的屏幕尺寸，不管屏幕分辨率是多少，整个网站看起来都会很清晰。

垂直导航菜单的缺点：

人无完人，金无赤足。尽管垂直导航菜单栏有上面那些优点，它也存在一些弊端。垂直导航菜单并不是无条件适合所有网站的，下面就是垂直导航菜单的缺点：

1. 用户习惯从左至右浏览

研究表明：大部分用户习惯于从左向右浏览网站。基于用户是以这种方式阅读和加工信息的，他们可能天生就更加倾向于浏览横向(水平)菜单。

由于用户是从左向右阅读的，他们更有可能点击右侧的链接。这是因为大部分的用户是右撇子，使用右手鼠标。与横向(水平)菜单相比，如果你的垂直导航菜单放在屏幕的左边，你的点击率可能会比较低。

2. 菜单项可能会只显示一部分

虽然我们在谈垂直菜单项的优点时，有说过垂直导航菜单适合不同长度的菜单选项。但是如果菜单项名称太长，导航菜单只占页面的一部分空间，因此一些文字可能无法出现在全屏上，出现断开的尴尬情况。而在使用水平菜单时，由于大部分屏幕都比较宽，水平的菜单栏在全屏上总是可见的，不会有类似情况的发生。

3. 入侵中心地带

如果你的菜单项比较长，而且是没法缩减的，这个时候你还是乖乖使用水平菜单吧。因为在菜单项较长的情况下使用垂直导航菜单，就意味着导航菜单有可能会"入侵"占据网站的中心位置。主页面的中心位置很宝贵，那里是用来展示公司产品图片或放置一些文本的。

4. 令人疑惑

我们都知道习惯一时半会改不掉，我们已经习惯了看横向(水平)菜单，在看到垂直导航菜单的时候可能会觉得别扭，觉得疑惑。如果网站的目标人群是老年人，最好还是不要使用这种不寻常的设计风格。

总体而言，垂直导航菜单比较适合创意类的设计工作室、企业网站或个人博客网站，如果要用于大型的门户网站、商务网站还是考虑一下利弊再说。尽管对不同网站来说，垂直导航菜单栏并不总是最好的设计方案，它还是很有趣的。既然已经了解过垂直导航菜单的优缺点，你觉得自己的网站适合这种风格吗?如果你认为在自己的网站应用这种风格优大于劣，尝试一下也是可以的。

起飞页自助建站平台(www.qifeiye.com)采取真正的响应式引擎，提供众多精美的艺术品级模板，将传统的编码工作转化为直观的拖拽操作和文字录入，让您只需花上几分钟就可以搭建好属于自己的网站。强大的可视化编辑器可以实现所见即所得，修改起来十分方便。一次编辑，网站即可在多个设备上智能显示出最佳效果。这么好用的建站平台，赶紧来试试吧!