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

對(duì)于手機(jī)網(wǎng)站導(dǎo)航菜單設(shè)計(jì)沒有靈感的朋友，以下幾種導(dǎo)航設(shè)計(jì)可供與參考，希望可以你帶來靈感，把你的菜單設(shè)計(jì)得更棒。

一、列表式菜單

列表式菜單設(shè)計(jì)遵循由上至下的閱讀習(xí)慣方式，是手機(jī)網(wǎng)站常用的菜單樣式。這種菜單的優(yōu)點(diǎn)是讓用戶便于使用和瀏覽，另外漂亮的配色、圖標(biāo)組合也使得菜單更加美觀。參考如下：

列表式菜單

二、矩陣式菜單

矩陣式菜單又稱網(wǎng)格式菜單，這種菜單樣式就類似于元素堆砌，其優(yōu)點(diǎn)是頁面設(shè)計(jì)簡(jiǎn)約大氣，導(dǎo)航清晰。但使用矩陣式菜單設(shè)計(jì)時(shí)切忌胡亂堆砌元素，因?yàn)檫@可能會(huì)讓用戶產(chǎn)生審美疲倦感。參考如下：

矩陣式菜單

三、底部菜單

底部菜單也是一種常見的手機(jī)菜單樣式，其優(yōu)點(diǎn)是可以方便用戶在使用過程中隨意切換菜單（也是目前更流行的）。參考如下：

底部

菜單

四、側(cè)邊菜單

側(cè)邊菜單設(shè)計(jì)是手機(jī)網(wǎng)站設(shè)計(jì)中一種常見的菜單樣式，其按鈕位置多位于頁面的左或右上角，需要的時(shí)候可以點(diǎn)開菜單內(nèi)容（左或右滑出），不需要的時(shí)候可以收起來。參考如下：

側(cè)邊導(dǎo)航

這四種手機(jī)網(wǎng)站菜單設(shè)計(jì)方案也許有很多設(shè)計(jì)師已經(jīng)在使用，但不能否認(rèn)它是目前實(shí)用的，而且能提高用戶體驗(yàn)的菜單設(shè)計(jì)方案。從上面四種菜單設(shè)計(jì)方案中可以看出都有自己的優(yōu)缺點(diǎn)，所以我們應(yīng)該選擇對(duì)你項(xiàng)目更為有效的方案，并能提高用戶體驗(yàn)。