網站設計導航中有一個很熱門的話題：側邊欄導航。就目前來看，在實際的設計工作中，更多的設計師正在使用垂直的側邊導航為它們的設計增添一些吸引眼球以及不同于傳統設計的亮點元素。很明顯，大多數的網頁設計在頁面的左側，你可以更多的考慮在特定位置添加這一元素。

雖然它看起來不錯，可以有效的幫助簡化整體設計的混亂情況，不過，它真的有效嗎？用戶是否會響應側邊導航？這是你應該考慮使用的設計趨勢嗎？今天，我們將嘗試用一些實用和可用的答案來解決這個問題的核心。

1.側邊導航優點
側邊導航具有很多關于美學方面的價值。雖然這個概念在網絡的早期經常被使用過，但今天的垂直導航菜單是在時尚的基礎上演化出來的另一種更貼近現代感的時尚。
使用垂直側導航的優點包括：
· 左側垂直導航其實更符合現代用戶的瀏覽體驗，因為左側垂直導航正好位于f型“瀏覽路徑”上，用戶首先從頂部看到左下方，左側作為內容瀏覽的起始點為最自然的閱讀模式。
· 菜單項在最初不會作為隱藏項被隱藏，這就區別于其他的時尚風格，如漢堡包菜單。
· 所有元素在面板上方可以保持相等的重量。
· 當元素之間有足夠的間距時，自上而下的閱讀更有助于瀏覽。
· 為其他部分的設計區留下整潔的畫布。
· 提供不同的形狀畫布，可以增加視覺感興趣，或使用戶更容易使用某些圖像或視頻內容。
· 可以通過更干凈的方式包含更多的鏈接。
2.側導航缺點
這里仍然有一部分人不喜歡垂直導航。而且在可用性方面的抱怨經常和側邊導航掛鉤，一些設計師認為，垂直導航的方式為用戶的瀏覽和開發人員增加了一定程度的復雜性。
使用垂直方向導航的原因包括：
· 垂直導航在響應框架中可能很難正常工作。
· 導航中的單詞必須足夠短，以適應窄列的同時不至于使文字不可讀。
· 為垂直導航使用的空間可能對其他內容更有價值。
· 對于更寬的屏幕來說，需要滾動更遠的距離，這樣可能導致一些導航元素“丟失”。
· 來自垂直導航的額外“空間”可能會鼓勵一些設計師跳過導航菜單，與頂部，水平導航一樣，只貼站點內的前四或五個鏈接。
· 許多鼠標用戶（右撇子）必須跨屏幕點擊導航元素。這可能是一個麻煩的用戶模式。
· 垂直導航需要滾動并粘貼到屏幕上，以便用戶不會在瀏覽過程中失去它。通常垂直導航在單頁設計上工作良好，但是隨著更廣泛的使用而變得有些尷尬。
3.側邊導航無處不在
側邊導航其實是隱藏式導航和其他一些有趣的菜單風格所融合、演變的一部分產物。響應式網站設計幾乎迫使設計師考慮其他的方案來替代傳統的導航模式，使得整體的設計在小屏幕上面的瀏覽變得更容易。漢堡包導航菜單圖標就這樣誕生了（很神奇對嗎？）。
從漢堡包圖標開始，這種風格演變成更多的彈出式樣。其中一些導航菜單完全開放，而其他導航菜單則可以提供一個完整的用戶選項通過設置一個可以下拉或展開的面板來承載欄目。不過，它們都有一個共同的主題，那就是漢堡包導航的圖標進入了垂直滑動導航中。
全邊欄導航似乎是這個想法的延伸。
不過就目前來看，這種迭代的趨勢主要是左側的側邊欄導航。它們往往很簡單，通過使用單一的純色（或覆蓋），包括少量的欄目或按鈕可供用戶點擊和選擇。同時，導航欄同樣包括logo或其他可代表品牌的標記，文本鏈接和社交媒體等其他圖標和搜索的組合。
使這一趨勢發揮作用的關鍵是確保側邊欄和周圍的其他元素有足夠的對比度，以便雖然置于屏幕的其余部分之上，它仍然能夠清晰可見。同時，它必須適用于移動設備（這可能相當棘手），并且足夠寬泛以保證字體仍具有可讀性。
在考慮垂直側邊導航的同時，還有一個建議是：不要為了填滿標準分辨率屏幕的深度來而填補這些元素。空白的空間是完全可以接受的——我們甚至強烈推薦使用空白作為這種導航格式的輔助工具。看這篇文章中的例子，你可以看到，在空間之中留出其他的空間，或者將元素對齊到頂部，底部或中心與周圍的空間都可以很有吸引力。導航欄中的額外空間將有助于吸引眼球，有助于增加整體的可用性。
4.它真的有效嗎？
垂直側導航是否可以正常工作？
現在還不能蓋棺定論。
這個趨勢可以讓你的網站設計看起來引人注目。所以在這一方面還是有一些價值的，因為用戶畢竟會會看到它。如果你的導航是點擊模式和用戶流程的重要組成部分，則可以考慮此選項。
總的來說，這種導航風格似乎對于只有少數導航選項和有限內容的小型網站最有效。這篇文章中的許多例子似乎是針對房地產相關的網頁設計（完全是偶然的），但是它同樣也可以用于創意或代理型網站。任何具有大量內容的設計都可能使側邊導航在設計和內容層次結構方面受到很大的限制。
5.其他導航怎么樣？
非傳統的導航風格是打破傳統舊導航設計模式的有趣方式。垂直側邊導航只是幾種想法之一。
任何非標準用戶模式的導航縮帶來的問題是你可能需要冒著混淆用戶感官的風險，這甚至可能導致他們完全放棄網站。所以，任何這樣的實驗最好是在那些具有簡單的整體視覺流程的較小的站點來測試。
還有另外兩種導航方式，其中包括aurora（上圖）和andculture使用的90度傾斜文本導航（下圖）所使用的水平漢堡包彈出式菜單。
這兩種風格都提供了一些有點讓人意想不到的功能，并且在各自的環境中都能很好地工作，盡管他們可能是難以理解的不同于傳統的設計。與任何設計技術一樣，如果你在正常用戶模式之外執行某些操作，請務必經常分析和測試你的設計對于用戶來說實際的操作和體驗是否合理。如果有奇怪的點擊模式，或者如果用戶停止瀏覽導航，你可能會遇到所有非傳統設計的共同問題，這樣，你就需要盡早重新思考如何調整了。
總結
有一件事是肯定的，在臺式機和移動設備上類似的格式，當談到導航趨勢，用戶和設計師似乎厭倦了完全隱藏的風格和需求選項。這可能是垂直導航模式成為流行趨勢的原因之一。

網站標題：網站設計中側邊欄導航要還不要,這是個問題
文章出自：http://www.js-pz168.com/news22/106622.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有網站設計等

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯