1 抽屜式導(dǎo)航的特點(diǎn) 抽屜式導(dǎo)航將部分信息內(nèi)容進(jìn)行隱藏，突出了應(yīng)用的核心功能那么這個(gè)時(shí)候，抽屜式導(dǎo)航是個(gè)不錯(cuò)的選擇以為例有兩種方式喚出側(cè)邊欄一通過(guò)點(diǎn)擊左上角頭像 #160 #160 二手勢(shì)左滑 如果；優(yōu)缺點(diǎn)標(biāo)簽式導(dǎo)航優(yōu)點(diǎn)是入口直接清晰，操作路徑短，便于在不同功能模塊之間直接跳轉(zhuǎn)缺點(diǎn)是擴(kuò)展性差，數(shù)量有限抽屜式導(dǎo)航優(yōu)點(diǎn)是可以收納更多東西，幫助產(chǎn)品經(jīng)理整理內(nèi)容缺點(diǎn)是在大屏幕設(shè)備上使用可能不太方便列表式。

以下歸納幾種比較常見(jiàn)的導(dǎo)航設(shè)計(jì)以及優(yōu)缺點(diǎn)目前，移動(dòng)端界面的一級(jí)導(dǎo)航設(shè)計(jì)主要有幾種1底部布局的標(biāo)簽導(dǎo)航2頂部布局的標(biāo)簽導(dǎo)航3舵式導(dǎo)航4抽屜式導(dǎo)航5宮格式導(dǎo)航等等二級(jí)導(dǎo)航設(shè)計(jì)常見(jiàn)的有1分段；以網(wǎng)易云音樂(lè)為例，其采用了非常標(biāo)準(zhǔn)的抽屜式導(dǎo)航，目前更多APP會(huì)采用抽屜導(dǎo)航的變式，即點(diǎn)擊導(dǎo)航入口以后，以向右滑動(dòng)的方式，整個(gè)抽屜頁(yè)將滑動(dòng)出現(xiàn)并且占據(jù)整個(gè)屏幕，例如小紅書(shū)app的抽屜導(dǎo)航#160 #160 #160 #。

抽屜式導(dǎo)航存在的幾個(gè)缺陷

1、5APP抽屜式導(dǎo)航模式抽屜導(dǎo)航是講菜單隱藏在當(dāng)前頁(yè)面后，點(diǎn)擊入口即可像拉抽屜一樣拉出菜單，這種導(dǎo)航的優(yōu)點(diǎn)是節(jié)省頁(yè)面展示空間，讓用戶將更多的注意力聚焦到當(dāng)前頁(yè)面在馬海祥看來(lái)，此種APP導(dǎo)航模式比較適合于不那么需要頻繁切換內(nèi)容的應(yīng)用。

2、這個(gè)必須包含以下組成部分1標(biāo)題導(dǎo)航欄需要有一個(gè)簡(jiǎn)潔明了的標(biāo)題，以便用戶清楚地知道導(dǎo)航欄的作用2菜單項(xiàng)菜單項(xiàng)是導(dǎo)航欄最基本的組成部分，通過(guò)其中的鏈接或按鈕，用戶可以快速跳轉(zhuǎn)到相關(guān)頁(yè)面或進(jìn)行相關(guān)操作3。

3、2 APP 抽屜式導(dǎo)航適合信息層級(jí)多的界面設(shè)計(jì) 抽屜式導(dǎo)航常常與標(biāo)簽導(dǎo)航結(jié)合使用如果一款產(chǎn)品的信息層級(jí)非常多，一屏無(wú)法將所有內(nèi)容全部展示，這是便可選擇抽屜式導(dǎo)航，將部分菜單隱藏，突出核心功能，節(jié)省頁(yè)面展示空間。

4、五抽屜式導(dǎo)航 抽屜式導(dǎo)航的核心就是“藏”，隱藏不重要的功能，從而讓你的核心功能更加突出菜單隱藏在當(dāng)前頁(yè)面后，只要單擊入口就能將它拉出來(lái)，大大減少了主界面中的導(dǎo)航控件的數(shù)量讓你的主界面更加干凈利落常用于。

5、除了ZAKER使用Tabber經(jīng)典導(dǎo)航設(shè)計(jì)之外，其他三個(gè)都使用的是抽屜式導(dǎo)航設(shè)計(jì)產(chǎn)品導(dǎo)航設(shè)計(jì)今日頭條 抽屜式導(dǎo)航，將功能采取隱藏在側(cè)邊欄左側(cè)的方式，使用手勢(shì)向右滑動(dòng)調(diào)出右上角可以查看動(dòng)態(tài)左右滑動(dòng)切換頻道百度新聞抽。

抽屜導(dǎo)航需要什么組件配合

1、那么移動(dòng)端會(huì)用到胖菜單嗎一般來(lái)說(shuō)移動(dòng)端產(chǎn)品都會(huì)合理刪除巧妙精簡(jiǎn)保持簡(jiǎn)單，將復(fù)雜的功能“轉(zhuǎn)移”到更合適的平臺(tái)或者采用“抽屜式導(dǎo)航”將比較多的操作進(jìn)行“隱藏”所以用到胖菜單的時(shí)候不多但是在一些工具類(lèi)。

2、一般來(lái)說(shuō)移動(dòng)端產(chǎn)品都會(huì)合理刪除巧妙精簡(jiǎn)保持簡(jiǎn)單，將復(fù)雜的功能“轉(zhuǎn)移”到更合適的平臺(tái)或者采用“抽屜式導(dǎo)航”將比較多的操作進(jìn)行“隱藏”所以用到胖菜單的時(shí)候不多但是在一些工具類(lèi)產(chǎn)品，或是行業(yè)規(guī)范要求嚴(yán)格的產(chǎn)。

3、由于這個(gè)行業(yè)發(fā)展速度很快，還出現(xiàn)了一些書(shū)中沒(méi)有列出，但是在現(xiàn)在也很常見(jiàn)的導(dǎo)航模式，例如，出現(xiàn)于Android的側(cè)邊抽屜式設(shè)計(jì)，現(xiàn)在在ios中也得到了廣泛的應(yīng)用下拉式菜單也會(huì)作為主導(dǎo)航出現(xiàn) 下圖是書(shū)中列出的一些只適合。

4、手機(jī)端界面清楚網(wǎng)頁(yè)端也就是我們平時(shí)說(shuō)的tab式導(dǎo)航，是移動(dòng)應(yīng)用中最普遍最常用的導(dǎo)航模式標(biāo)簽式導(dǎo)航還可細(xì)分為底部tab式導(dǎo)航頂部tab式導(dǎo)航底部tab的擴(kuò)展導(dǎo)航這三種抽屜式導(dǎo)航將部分信息內(nèi)容進(jìn)行隱藏，突出了應(yīng)用的。

5、6總結(jié) #x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0我們通過(guò)對(duì)主流的 Tab 導(dǎo)航和抽屜式側(cè)邊欄導(dǎo)航宮格式導(dǎo)航欄以及列表式導(dǎo)航的分析，導(dǎo)航設(shè)計(jì)作為產(chǎn)品或頁(yè)面中重要的組成部分，設(shè)計(jì)工作中我們需要從產(chǎn)品的功能信息架構(gòu)來(lái)。

6、抽屜式導(dǎo)航又稱(chēng) 側(cè)邊欄抽屜導(dǎo)航左滑菜單導(dǎo)航漢堡導(dǎo)航， #160起源于andriod， 后來(lái)ios也有一些app使用這種模式， 抽屜式導(dǎo)航追求核心內(nèi)容突出， 有主次之分 優(yōu)點(diǎn)#1601 可容納很多分支類(lèi)目， 隱藏多余類(lèi)目， 次級(jí)類(lèi)目。