盡管目前大多數(shù)網(wǎng)站仍然采用傳統(tǒng)的橫向(水平)菜單，將菜單放在頁面的上方，但不可否認(rèn)的是垂直導(dǎo)航菜單正逐漸流行起來，將菜單放在網(wǎng)站的側(cè)面(左邊或右邊都可以)。因此很多人在做網(wǎng)站時(shí)面臨著一個(gè)選擇：是使用傳統(tǒng)的水平菜單還是選用新穎有趣的垂直導(dǎo)航菜單?

小飛可以負(fù)責(zé)任的說，對于某些網(wǎng)站(并不是所有哦)，垂直導(dǎo)航菜單有不少好處，比如能給網(wǎng)站帶來不一樣的視覺效果，可以提高用戶的瀏覽體驗(yàn)，可以讓網(wǎng)站導(dǎo)航更加清晰明了等。聽到這里，你是不是已經(jīng)躍躍欲試了?如果你想要將這種方式應(yīng)用在自己的網(wǎng)站上，那不妨先和小飛一起看看垂直導(dǎo)航菜單究竟有哪些優(yōu)缺點(diǎn)，了解一下什么樣的網(wǎng)站才比較適合垂直導(dǎo)航菜單。

垂直導(dǎo)航菜單的優(yōu)點(diǎn)：

1. 可以容納超多的菜單項(xiàng)

使用傳統(tǒng)的橫向(水平)菜單，如果菜單項(xiàng)很多，我們就需要仔細(xì)規(guī)劃一下頁面上方的空間布局，怎樣可以讓多個(gè)菜單項(xiàng)友好的展示而不覺得突兀。但是在使用垂直導(dǎo)航菜單時(shí)，我們完全就沒有空間不夠用的擔(dān)心或顧慮了。垂直導(dǎo)航菜單可以容納多個(gè)菜單項(xiàng)，這對那些列出許多菜單項(xiàng)的站長們來說真是一個(gè)福音。

2. 適合不同長度的菜單項(xiàng)

在瀏覽傳統(tǒng)的橫向(水平)菜單時(shí)，我們會(huì)發(fā)現(xiàn)幾乎菜單項(xiàng)長度都差不多，這是因?yàn)殚L度相等的菜單項(xiàng)可以給用戶帶來較好的瀏覽體驗(yàn)，網(wǎng)站的主頁面布局也會(huì)看上去比較整齊、簡潔。而在垂直導(dǎo)航菜單中，菜單項(xiàng)的長短就沒有那么重要了，我們沒必要給所有菜單項(xiàng)的長度定一個(gè)標(biāo)準(zhǔn)。不過，在這小飛只是想說長度不等的菜單項(xiàng)可能更適合垂直導(dǎo)航菜單，通過垂直導(dǎo)航菜單展現(xiàn)會(huì)給訪客們更好的視覺體驗(yàn)，并不意味著我們可以完全不考慮菜單項(xiàng)的長度，因?yàn)樘L的菜單項(xiàng)放在主頁面?zhèn)冗呉矔?huì)有問題，這點(diǎn)我們會(huì)在垂直導(dǎo)航菜單的缺點(diǎn)中討論。

3. 方便設(shè)計(jì)更改

在使用垂直導(dǎo)航菜單時(shí)，如果我們需要臨時(shí)添加一個(gè)新的頁面，不用擔(dān)心這頁面是否適合或影響網(wǎng)站的整體框架設(shè)計(jì)，直接添加就好了。不過如果水平菜單，就像在第一點(diǎn)時(shí)我們提到的，添加一個(gè)新的頁面就意味著菜單上要多一個(gè)選項(xiàng)，這樣我們頁面上方的布局就要重新設(shè)計(jì)。如果你的網(wǎng)站需要經(jīng)常添加新頁面或者改變菜單項(xiàng)的名稱，小飛建議選擇垂直導(dǎo)航菜單。

4. 所有內(nèi)容可見

使用垂直導(dǎo)航菜單，我們可以在主頁的一側(cè)列出網(wǎng)站的所有菜單項(xiàng)，各個(gè)頁面顯而易見，而在使用橫向(水平)菜單時(shí)，因?yàn)榭臻g位置不夠，很多項(xiàng)都隱藏在下拉菜單中。因此，對于許多長的，單頁的網(wǎng)站(特別是長滾動(dòng)條一頁式網(wǎng)站)來說，垂直導(dǎo)航菜單更易于瀏覽。

5. 適應(yīng)不同屏幕尺寸

不管用戶是通過什么設(shè)備進(jìn)行瀏覽，垂直導(dǎo)航菜單都是以同樣的寬度和高度打開的。它可以適應(yīng)不同的屏幕尺寸，不管屏幕分辨率是多少，整個(gè)網(wǎng)站看起來都會(huì)很清晰。

垂直導(dǎo)航菜單的缺點(diǎn)：

人無完人，金無赤足。盡管垂直導(dǎo)航菜單欄有上面那些優(yōu)點(diǎn)，它也存在一些弊端。垂直導(dǎo)航菜單并不是無條件適合所有網(wǎng)站的，下面就是垂直導(dǎo)航菜單的缺點(diǎn)：

1. 用戶習(xí)慣從左至右瀏覽

研究表明：大部分用戶習(xí)慣于從左向右瀏覽網(wǎng)站。基于用戶是以這種方式閱讀和加工信息的，他們可能天生就更加傾向于瀏覽橫向(水平)菜單。

由于用戶是從左向右閱讀的，他們更有可能點(diǎn)擊右側(cè)的鏈接。這是因?yàn)榇蟛糠值挠脩羰怯移沧樱褂糜沂质髽?biāo)。與橫向(水平)菜單相比，如果你的垂直導(dǎo)航菜單放在屏幕的左邊，你的點(diǎn)擊率可能會(huì)比較低。

2. 菜單項(xiàng)可能會(huì)只顯示一部分

雖然我們在談垂直菜單項(xiàng)的優(yōu)點(diǎn)時(shí)，有說過垂直導(dǎo)航菜單適合不同長度的菜單選項(xiàng)。但是如果菜單項(xiàng)名稱太長，導(dǎo)航菜單只占頁面的一部分空間，因此一些文字可能無法出現(xiàn)在全屏上，出現(xiàn)斷開的尷尬情況。而在使用水平菜單時(shí)，由于大部分屏幕都比較寬，水平的菜單欄在全屏上總是可見的，不會(huì)有類似情況的發(fā)生。

3. 入侵中心地帶

如果你的菜單項(xiàng)比較長，而且是沒法縮減的，這個(gè)時(shí)候你還是乖乖使用水平菜單吧。因?yàn)樵诓藛雾?xiàng)較長的情況下使用垂直導(dǎo)航菜單，就意味著導(dǎo)航菜單有可能會(huì)"入侵"占據(jù)網(wǎng)站的中心位置。主頁面的中心位置很寶貴，那里是用來展示公司產(chǎn)品圖片或放置一些文本的。

4. 令人疑惑

我們都知道習(xí)慣一時(shí)半會(huì)改不掉，我們已經(jīng)習(xí)慣了看橫向(水平)菜單，在看到垂直導(dǎo)航菜單的時(shí)候可能會(huì)覺得別扭，覺得疑惑。如果網(wǎng)站的目標(biāo)人群是老年人，最好還是不要使用這種不尋常的設(shè)計(jì)風(fēng)格。

總體而言，垂直導(dǎo)航菜單比較適合創(chuàng)意類的設(shè)計(jì)工作室、企業(yè)網(wǎng)站或個(gè)人博客網(wǎng)站，如果要用于大型的門戶網(wǎng)站、商務(wù)網(wǎng)站還是考慮一下利弊再說。盡管對不同網(wǎng)站來說，垂直導(dǎo)航菜單欄并不總是最好的設(shè)計(jì)方案，它還是很有趣的。既然已經(jīng)了解過垂直導(dǎo)航菜單的優(yōu)缺點(diǎn)，你覺得自己的網(wǎng)站適合這種風(fēng)格嗎?如果你認(rèn)為在自己的網(wǎng)站應(yīng)用這種風(fēng)格優(yōu)大于劣，嘗試一下也是可以的。

起飛頁自助建站平臺(tái)(www.qifeiye.com)采取真正的響應(yīng)式引擎，提供眾多精美的藝術(shù)品級模板，將傳統(tǒng)的編碼工作轉(zhuǎn)化為直觀的拖拽操作和文字錄入，讓您只需花上幾分鐘就可以搭建好屬于自己的網(wǎng)站。強(qiáng)大的可視化編輯器可以實(shí)現(xiàn)所見即所得，修改起來十分方便。一次編輯，網(wǎng)站即可在多個(gè)設(shè)備上智能顯示出最佳效果。這么好用的建站平臺(tái)，趕緊來試試吧!