導航菜單是網站重要的組成部分，導航菜單的設計關系著網站的可用性和用戶體驗，有吸引力的導航能夠吸引用戶去瀏覽更多的網站內容。因此作為網站的主導航菜單，應該要和網站主內容一樣用心設計制作，尤其是分辨率比PC小得多的手機網站。設計手機網站或是移動應用的時候，導航菜單需要考慮周全，盡量保持簡約和易用性高，還要盡可能多的給用戶帶來新鮮感。

對于手機網站導航菜單設計沒有靈感的朋友，以下幾種導航設計可供與參考，希望可以你帶來靈感，把你的菜單設計得更棒。

一、列表式菜單

列表式菜單設計遵循由上至下的閱讀習慣方式，是手機網站常用的菜單樣式。這種菜單的優點是讓用戶便于使用和瀏覽，另外漂亮的配色、圖標組合也使得菜單更加美觀。參考如下：

列表式菜單

二、矩陣式菜單

矩陣式菜單又稱網格式菜單，這種菜單樣式就類似于元素堆砌，其優點是頁面設計簡約大氣，導航清晰。但使用矩陣式菜單設計時切忌胡亂堆砌元素，因為這可能會讓用戶產生審美疲倦感。參考如下：

矩陣式菜單

三、底部菜單

底部菜單也是一種常見的手機菜單樣式，其優點是可以方便用戶在使用過程中隨意切換菜單（也是目前最流行的）。參考如下：

底部菜單

四、側邊菜單

側邊菜單設計是手機網站設計中一種常見的菜單樣式，其按鈕位置多位于頁面的左或右上角，需要的時候可以點開菜單內容（左或右滑出），不需要的時候可以收起來。參考如下：

側邊導航

這四種手機網站菜單設計方案也許有很多設計師已經在使用，但不能否認它是目前實用的，而且能提高用戶體驗的菜單設計方案。從上面四種菜單設計方案中可以看出都有自己的優缺點，所以我們應該選擇對你項目最為有效的方案，并能提高用戶體驗。