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

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

垂直導航菜單的優(yōu)點：

1. 可以容納超多的菜單項

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

2. 適合不同長度的菜單項

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

3. 方便設計更改

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

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

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

5. 適應不同屏幕尺寸

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

垂直導航菜單的缺點：

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

1. 用戶習慣從左至右瀏覽

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

由于用戶是從左向右閱讀的，他們更有可能點擊右側的鏈接。這是因為大部分的用戶是右撇子，使用右手鼠標。與橫向(水平)菜單相比，如果你的垂直導航菜單放在屏幕的左邊，你的點擊率可能會比較低。

2. 菜單項可能會只顯示一部分

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

3. 入侵中心地帶

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

4. 令人疑惑

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

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

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