導(dǎo)航菜單是網(wǎng)站重要的組成部分,導(dǎo)航菜單的設(shè)計關(guān)系著網(wǎng)站的可用性和用戶體驗,有吸引力的導(dǎo)航能夠吸引用戶去瀏覽更多的網(wǎng)站內(nèi)容。因此作為網(wǎng)站的主導(dǎo)航菜單,應(yīng)該要和網(wǎng)站主內(nèi)容一樣用心設(shè)計制作,尤其是分辨率比PC小得多的手機網(wǎng)站。設(shè)計手機網(wǎng)站或是移動應(yīng)用的時候,導(dǎo)航菜單需要考慮周全,盡量保持簡約和易用性高,還要盡可能多的給用戶帶來新鮮感。
對于手機網(wǎng)站導(dǎo)航菜單設(shè)計沒有靈感的朋友,以下幾種導(dǎo)航設(shè)計可供與參考,希望可以你帶來靈感,把你的菜單設(shè)計得更棒。
一、列表式菜單
列表式菜單設(shè)計遵循由上至下的閱讀習(xí)慣方式,是手機網(wǎng)站常用的菜單樣式。這種菜單的優(yōu)點是讓用戶便于使用和瀏覽,另外漂亮的配色、圖標組合也使得菜單更加美觀。參考如下:
列表式菜單
二、矩陣式菜單
矩陣式菜單又稱網(wǎng)格式菜單,這種菜單樣式就類似于元素堆砌,其優(yōu)點是頁面設(shè)計簡約大氣,導(dǎo)航清晰。但使用矩陣式菜單設(shè)計時切忌胡亂堆砌元素,因為這可能會讓用戶產(chǎn)生審美疲倦感。參考如下:
矩陣式菜單
三、底部菜單
底部菜單也是一種常見的手機菜單樣式,其優(yōu)點是可以方便用戶在使用過程中隨意切換菜單(也是目前更流行的)。參考如下:
底部
菜單
四、側(cè)邊菜單
側(cè)邊菜單設(shè)計是手機網(wǎng)站設(shè)計中一種常見的菜單樣式,其按鈕位置多位于頁面的左或右上角,需要的時候可以點開菜單內(nèi)容(左或右滑出),不需要的時候可以收起來。參考如下:
側(cè)邊導(dǎo)航
這四種手機網(wǎng)站菜單設(shè)計方案也許有很多設(shè)計師已經(jīng)在使用,但不能否認它是目前實用的,而且能提高用戶體驗的菜單設(shè)計方案。從上面四種菜單設(shè)計方案中可以看出都有自己的優(yōu)缺點,所以我們應(yīng)該選擇對你項目更為有效的方案,并能提高用戶體驗。