时间:2022-07-26 10:15:01 | 来源:建站知识
时间:2022-07-26 10:15:01 来源:建站知识
尽管目前大多数网站仍然采用传统的横向(水平)菜单,将菜单放在页面的上方,但不可否认的是垂直导航菜单正逐渐流行起来,将菜单放在网站的侧面(左边或右边都可以)。因此很多人在做网站时面临着一个选择:是使用传统的水平菜单还是选用新颖有趣的垂直导航菜单?
小飞可以负责任的说,对于某些网站(并不是所有哦),垂直导航菜单有不少好处,比如能给网站带来不一样的视觉效果,可以提高用户的浏览体验,可以让网站导航更加清晰明了等。听到这里,你是不是已经跃跃欲试了?如果你想要将这种方式应用在自己的网站上,那不妨先和小飞一起看看垂直导航菜单究竟有哪些优缺点,了解一下什么样的网站才比较适合垂直导航菜单。
垂直导航菜单的优点:
1. 可以容纳超多的菜单项
使用传统的横向(水平)菜单,如果菜单项很多,我们就需要仔细规划一下页面上方的空间布局,怎样可以让多个菜单项友好的展示而不觉得突兀。但是在使用垂直导航菜单时,我们完全就没有空间不够用的担心或顾虑了。垂直导航菜单可以容纳多个菜单项,这对那些列出许多菜单项的站长们来说真是一个福音。
2. 适合不同长度的菜单项
在浏览传统的横向(水平)菜单时,我们会发现几乎菜单项长度都差不多,这是因为长度相等的菜单项可以给用户带来较好的浏览体验,网站的主页面布局也会看上去比较整齐、简洁。而在垂直导航菜单中,菜单项的长短就没有那么重要了,我们没必要给所有菜单项的长度定一个标准。不过,在这小飞只是想说长度不等的菜单项可能更适合垂直导航菜单,通过垂直导航菜单展现会给访客们更好的视觉体验,并不意味着我们可以完全不考虑菜单项的长度,因为太长的菜单项放在主页面侧边也会有问题,这点我们会在垂直导航菜单的缺点中讨论。
3. 方便设计更改
在使用垂直导航菜单时,如果我们需要临时添加一个新的页面,不用担心这页面是否适合或影响网站的整体框架设计,直接添加就好了。不过如果水平菜单,就像在第一点时我们提到的,添加一个新的页面就意味着菜单上要多一个选项,这样我们页面上方的布局就要重新设计。如果你的网站需要经常添加新页面或者改变菜单项的名称,小飞建议选择垂直导航菜单。
4. 所有内容可见
使用垂直导航菜单,我们可以在主页的一侧列出网站的所有菜单项,各个页面显而易见,而在使用横向(水平)菜单时,因为空间位置不够,很多项都隐藏在下拉菜单中。因此,对于许多长的,单页的网站(特别是长滚动条一页式网站)来说,垂直导航菜单更易于浏览。
5. 适应不同屏幕尺寸
不管用户是通过什么设备进行浏览,垂直导航菜单都是以同样的宽度和高度打开的。它可以适应不同的屏幕尺寸,不管屏幕分辨率是多少,整个网站看起来都会很清晰。
垂直导航菜单的缺点:
人无完人,金无赤足。尽管垂直导航菜单栏有上面那些优点,它也存在一些弊端。垂直导航菜单并不是无条件适合所有网站的,下面就是垂直导航菜单的缺点:
1. 用户习惯从左至右浏览
研究表明:大部分用户习惯于从左向右浏览网站。基于用户是以这种方式阅读和加工信息的,他们可能天生就更加倾向于浏览横向(水平)菜单。
由于用户是从左向右阅读的,他们更有可能点击右侧的链接。这是因为大部分的用户是右撇子,使用右手鼠标。与横向(水平)菜单相比,如果你的垂直导航菜单放在屏幕的左边,你的点击率可能会比较低。
2. 菜单项可能会只显示一部分
虽然我们在谈垂直菜单项的优点时,有说过垂直导航菜单适合不同长度的菜单选项。但是如果菜单项名称太长,导航菜单只占页面的一部分空间,因此一些文字可能无法出现在全屏上,出现断开的尴尬情况。而在使用水平菜单时,由于大部分屏幕都比较宽,水平的菜单栏在全屏上总是可见的,不会有类似情况的发生。
3. 入侵中心地带
如果你的菜单项比较长,而且是没法缩减的,这个时候你还是乖乖使用水平菜单吧。因为在菜单项较长的情况下使用垂直导航菜单,就意味着导航菜单有可能会"入侵"占据网站的中心位置。主页面的中心位置很宝贵,那里是用来展示公司产品图片或放置一些文本的。
4. 令人疑惑
我们都知道习惯一时半会改不掉,我们已经习惯了看横向(水平)菜单,在看到垂直导航菜单的时候可能会觉得别扭,觉得疑惑。如果网站的目标人群是老年人,最好还是不要使用这种不寻常的设计风格。
总体而言,垂直导航菜单比较适合创意类的设计工作室、企业网站或个人博客网站,如果要用于大型的门户网站、商务网站还是考虑一下利弊再说。尽管对不同网站来说,垂直导航菜单栏并不总是最好的设计方案,它还是很有趣的。既然已经了解过垂直导航菜单的优缺点,你觉得自己的网站适合这种风格吗?如果你认为在自己的网站应用这种风格优大于劣,尝试一下也是可以的。
起飞页自助建站平台(www.qifeiye.com)采取真正的响应式引擎,提供众多精美的艺术品级模板,将传统的编码工作转化为直观的拖拽操作和文字录入,让您只需花上几分钟就可以搭建好属于自己的网站。强大的可视化编辑器可以实现所见即所得,修改起来十分方便。一次编辑,网站即可在多个设备上智能显示出最佳效果。这么好用的建站平台,赶紧来试试吧!
关键词:导航,垂直,使用