1、以網(wǎng)易云音樂為例，其采用了非常標(biāo)準(zhǔn)的抽屜式導(dǎo)航，目前更多APP會采用抽屜導(dǎo)航的變式，即點擊導(dǎo)航入口以后，以向右滑動的方式，整個抽屜頁將滑動出現(xiàn)并且占據(jù)整個屏幕，例如小紅書app的抽屜導(dǎo)航#160 #160 #160 #16。

2、在iOS上，導(dǎo)航欄是指顯示在應(yīng)用程序頂部，位于狀態(tài)欄下方的容器區(qū)域，層級應(yīng)高于當(dāng)前頁面內(nèi)容在安卓上，Google公司在MaterialDesign中也賦予了它同樣的定義，但是卻給了它另一個名稱，頂部應(yīng)用欄TopAppBar導(dǎo)航欄是用于。

3、抽屜式導(dǎo)航將部分信息內(nèi)容進(jìn)行隱藏，突出了應(yīng)用的核心功能那么這個時候，抽屜式導(dǎo)航是個不錯的選擇以為例有兩種方式喚出側(cè)邊欄一通過點擊左上角頭像 #160 #160 二手勢左滑 如果應(yīng)用主要的功能和內(nèi)容都。

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

5、標(biāo)題導(dǎo)航欄的容器高度為192px，字體大小通常設(shè)置在56px~68px的范圍內(nèi)網(wǎng)格所需，作者常用的64px，頁面滑動后，將恢復(fù)到88px的常規(guī)高度，標(biāo)題大小也會減小 3圖標(biāo) 主頁導(dǎo)航欄中的圖標(biāo)比較多樣化，比如左邊常見的定位，品牌標(biāo)識抽屜菜。

6、這種方式應(yīng)該說應(yīng)用了web端的元素和使用方式，相當(dāng)于有了二級菜單很不錯的嘗試如果導(dǎo)航菜單很多，除了下面我們說到的抽屜式APP導(dǎo)航設(shè)計以外，這種彈出式的導(dǎo)航菜單何嘗不是一種選擇二抽屜式導(dǎo)航 抽屜式導(dǎo)航追求核心。

7、抽屜導(dǎo)航也叫漢堡菜單，是將一個導(dǎo)航頁菜單隱藏在當(dāng)前頁面，點擊漢堡按鈕，導(dǎo)航頁會像抽屜一樣從頁面左側(cè)或右側(cè)拉出我們可以通過現(xiàn)實意義的抽屜來理解這種導(dǎo)航 1抽屜作為收納物品的容器，通?？梢源娣哦鄠€物品抽屜導(dǎo)航可以放置多個次級。

8、當(dāng)然可以在這種情況下你可以使用抽屜導(dǎo)航但是不建議用抽屜導(dǎo)航至于為什么可以閱讀看完方寸之間之后，對APP導(dǎo)航設(shè)計的讀后感這種導(dǎo)航的優(yōu)點是節(jié)省頁面展示空間，讓用戶將更多的注意力聚焦到當(dāng)前頁面比較適合于不。

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

10、其實，在Android 50中，這種點聚式更常用的表現(xiàn)形式是懸浮響應(yīng)按鈕，它代表的是這個app中最主要的操作只是就目前來講使用場景有限，實際應(yīng)用并不理想 二抽屜式 抽屜式導(dǎo)航的目的是帶給用戶更為沉浸的體驗它的特點是，“閱讀”為。

11、移動端產(chǎn)品導(dǎo)航的設(shè)計沒有最好之說，只有最合適，根據(jù)你的產(chǎn)品采取最合適的導(dǎo)航設(shè)計 縱觀應(yīng)用市場上的APP，導(dǎo)航設(shè)計的模式總是幾種的組合使用下面我們來看一下常見的幾種導(dǎo)航設(shè)計模式 描述 1當(dāng)產(chǎn)品的整個體驗流中是以幾個。

12、缺點功能入口過多時，該模式顯得笨重不實用2駝式導(dǎo)航 中間加了一個“+”導(dǎo)航，像輪船上用來指揮的船駝，比如微博空間優(yōu)點需要突出重要且頻繁操作的入口缺點同標(biāo)簽導(dǎo)航3抽屜導(dǎo)航 將菜單隱藏在當(dāng)前。

13、導(dǎo)航設(shè)計在產(chǎn)品或者頁面中擔(dān)任重要的角色，能在不同的場景下幫助用戶快速找到自己想要的東西我們?nèi)绾螀^(qū)分在什么樣的場景中使用那種導(dǎo)航設(shè)計是我們作為設(shè)計師必須要了解的，接下來我們會講到我們經(jīng)常用的 Tab 導(dǎo)航欄抽屜式側(cè)邊導(dǎo)航欄宮。

14、2底部導(dǎo)航 底部導(dǎo)航是常見的一級導(dǎo)航，如iOS標(biāo)簽欄安卓底部導(dǎo)航標(biāo)簽的數(shù)量建議App為35個，小程序則為25個3側(cè)邊導(dǎo)航 側(cè)欄的代表是安卓的導(dǎo)航抽屜，這里只討論用于切換頁面的抽屜它主要用在目標(biāo)頁多于5個。

15、抽屜式導(dǎo)航存在幾個缺陷 1左上角的導(dǎo)按鈕存在于單手拇指操作熱區(qū)難以到達(dá)的位置，導(dǎo)致導(dǎo)航按鈕難以觸達(dá)2降低了用戶對產(chǎn)品一半的參與度3可見性低 有些人認(rèn)為“現(xiàn)在的APP的發(fā)展不僅僅是從前單一的功能，功能隨產(chǎn)品的發(fā)展變得。

16、最早看到這個方式的是Path，每次點加號會有一個小動畫，關(guān)閉也是，它是一個社交APP，要鼓勵用戶發(fā)言，這樣設(shè)計非常贊哦～二抽屜式導(dǎo)航 在小屏幕時代，這種導(dǎo)航是很經(jīng)典的設(shè)計方式，界面既干凈又能迅速找到菜單但隨著大屏。

17、還有一處細(xì)節(jié)需要注意蘇寧易購首頁左上角“分類”為抽屜導(dǎo)航，點擊后頁面從右邊出，滑動覆蓋這樣做不太合理的原因1 抽屜導(dǎo)航是Android設(shè)計，在iOS端的視覺體驗不是很好2 抽屜導(dǎo)航應(yīng)該如抽屜一樣“打開”，從另。