Navicon，也就是漢堡圖標，已經成為越來越多網頁設計導航模塊時的首選了。相比于傳統的導航欄，隱藏式菜單導航在設計和用戶體驗上有著它獨到的地方。作為一個隨著移動端設計發展而崛起的網頁設計元素，Navicon并沒有減弱它引導用戶的功能性，也沒有喪失它作為基礎網頁組件的重要性，還為設計師和開發者提供了更大的創作空間。
如何正確使用Navicon取決于項目的實際狀況，相對保守的站點可能不會考慮這個選擇，而不少追求時尚簡約、多平臺體驗統一的新興網站可能會更加青睞Navicon，因為作為導航接口的它小巧而討喜，輕松配合大圖和時尚的網頁設計，并且隱藏起復雜的、零碎的導航內容菜單。
Navicon很單調么？并非如此。借助額外的打開過程動效和抓人眼球的細節效果，Navicon擁有非常大的提升空間和設計可能性以及良好的用戶體驗。更重要的是，它適用于各類導航：不僅可以清楚的傳達信息，而且有助于解決響應速度方面的問題，并且能夠促進網頁在多平臺設計上的統一。
如何設計一個靠譜的Navicon：《數據告訴你真相！漢堡圖標并非最佳菜單方案》
深入了解不同的導航模式：《交互基礎知識科普！帶你認識最熱門的12種導航模式》
接下來，我們通過一系列的網頁設計，來深入了解Navicon和隱藏式菜單導航的魅力。
eWebDesign
大圖背景和視差強化了網站視覺，Navicon菜單按鈕在右上角，點擊打開你會看到一個設計非常細致的導航菜單。
Sampedro
時尚的照片放置與網頁的頁頭，配合著時髦的Slogan吸引著用戶全部的吸引力。隱藏的導航欄是個理想的解決方案，它讓用戶將注意力從復雜的導航轉移到內容上。
