之前25學(xué)堂也很詳細(xì)分享了APP導(dǎo)航設(shè)計(jì)的方案和方法！今天特地組織一個(gè)關(guān)于APP導(dǎo)航設(shè)計(jì)的微專題來(lái)跟大家講講我們通常的設(shè)計(jì)手法。

1、4種常見(jiàn)的APP導(dǎo)航設(shè)計(jì)方式，讓我們的APP高大上

優(yōu)秀的APP導(dǎo)航設(shè)計(jì)，能夠合理地完美的展示產(chǎn)品的功能，并快速引導(dǎo)用戶使用APP產(chǎn)品功能。同時(shí)也增強(qiáng)了用戶的識(shí)別度。

第一個(gè)APP導(dǎo)航設(shè)計(jì)方案：列表式菜單

列表式菜單設(shè)計(jì)這個(gè)從網(wǎng)站到手機(jī)APP上都很常用的，遵循由上至下的閱讀習(xí)慣方式，所以使用起來(lái)用戶不會(huì)覺(jué)得困難。另外我們可以通過(guò)漂亮的配色、圖標(biāo)組合來(lái)設(shè)計(jì)，使得菜單更多加美觀。

這種也是最容易設(shè)計(jì)的方式和APP布局。

第二個(gè)APP導(dǎo)航設(shè)計(jì)方案：矩陣、網(wǎng)格式菜單設(shè)計(jì)

網(wǎng)格式菜單就類似于metro UI的堆砌色塊，優(yōu)點(diǎn)簡(jiǎn)約而不簡(jiǎn)陋，導(dǎo)航清晰、明顯，并能提高效率。但設(shè)計(jì)時(shí)切記不分青紅皂白的去使用色彩哦，這可能會(huì)讓用戶不知所措和產(chǎn)生疲倦感。

第三個(gè)APP導(dǎo)航設(shè)計(jì)方案：底部菜單

底部菜單主要是列出應(yīng)用程序重要的功能。菜單個(gè)數(shù)不超過(guò)5個(gè)！

第四個(gè)APP導(dǎo)航設(shè)計(jì)方案：頂部菜單

頂部菜單和底部意義差不多，把菜單放在頂部，可以遵循上至下的閱讀習(xí)慣，不過(guò)我認(rèn)為有個(gè)缺點(diǎn)就是不能單手操作。

第五個(gè)APP導(dǎo)航設(shè)計(jì)方案：擴(kuò)展菜單

擴(kuò)展式菜單設(shè)計(jì)現(xiàn)在連網(wǎng)站也很常用，當(dāng)我們覺(jué)得菜單比較點(diǎn)用位置的時(shí)候，可以嘗試用這種方式來(lái)隱藏菜單，需要注意的是設(shè)計(jì)展開(kāi)菜單按鈕大部設(shè)計(jì)在左或右上角這些顯示的位置。包括抽屜式菜單等。

第六個(gè)APP導(dǎo)航設(shè)計(jì)方案：引導(dǎo)頁(yè)菜單

類似于在APP手機(jī)端，只有上下箭頭或者是左右箭頭的這樣的引導(dǎo)菜單，通過(guò)這么簡(jiǎn)單的操作按鈕，即可快速閱讀完所有的信息。使用與APP小型項(xiàng)目或者手機(jī)網(wǎng)站專題等。

我們一些APP導(dǎo)航設(shè)計(jì)總結(jié)：

從上面6個(gè)菜單設(shè)計(jì)方案中可以看出都有自己的優(yōu)缺點(diǎn)，所以我們應(yīng)該選擇對(duì)你項(xiàng)目最為有效的方案，并能提高用戶體驗(yàn)。同時(shí)我們也可以結(jié)合這幾種來(lái)設(shè)計(jì)我們自己的獨(dú)特的APP。讓app整體看起來(lái)高大上。

3種常見(jiàn)的APP導(dǎo)航設(shè)計(jì)方案優(yōu)劣勢(shì)分析

目前25學(xué)堂官方群里很多新加入的APP設(shè)計(jì)師，很多都是第一次進(jìn)行APP設(shè)計(jì)。但是很多老鳥(niǎo)都是潛水狀態(tài)，不愿分享太多APP設(shè)計(jì)之道。