愛奇藝App中的三道杠圖標(biāo)是一個(gè)常見的網(wǎng)站或應(yīng)用程序中的“hamburger”菜單，它通常表示應(yīng)用程序的導(dǎo)航菜單或側(cè)邊欄在愛奇藝中，當(dāng)用戶點(diǎn)擊三道杠圖標(biāo)時(shí)，會(huì)彈出一個(gè)側(cè)邊欄，其中包括主頁(yè)VIP電影電視劇綜藝動(dòng)漫；另一個(gè)好處是您可以將其他元素置于折疊上方，并使用此側(cè)欄進(jìn)行導(dǎo)航，廣告，號(hào)召性用語，類似清單等您應(yīng)將8欄用作某些站點(diǎn)具有持久的導(dǎo)航功能，該導(dǎo)航功能通常會(huì)粘在屏幕邊緣，通常在屏幕的頂部和左側(cè)這些粘性導(dǎo)航菜單可幫助用戶感覺；2 頂 部選項(xiàng)卡導(dǎo)航 #160 頂部菜單和底部意義差不多，把菜單放在頂部，可以遵循上至下的閱讀習(xí)慣但是頂部導(dǎo)航比較難進(jìn)行單手操作，畢竟我們的手指沒有那么長(zhǎng)3 固定選項(xiàng)卡 #160 固定選項(xiàng)卡，顧名思義；我們知道APP菜單設(shè)計(jì)導(dǎo)航欄設(shè)計(jì)，就是把所有的功能整合貫穿在一起，讓用戶能夠順利的在產(chǎn)品中暢行，讓他們自己時(shí)刻清楚自己在應(yīng)用中所處的位置，以及如何前往目的頁(yè)面在移動(dòng)端產(chǎn)品導(dǎo)航的設(shè)計(jì)中沒有最好之說，只有最合適。

手機(jī)分辨率比桌面平臺(tái)小很多，所以設(shè)計(jì)手機(jī)網(wǎng)站或是移動(dòng)應(yīng)用的時(shí)候，導(dǎo)航菜單都需要考慮周全，盡量保持簡(jiǎn)約和易用性高，這里我們整理了5種實(shí)用的移動(dòng)手機(jī)App導(dǎo)航菜單設(shè)計(jì)方案，你可以嘗試這些菜單設(shè)計(jì)模式用在你的新設(shè)計(jì)項(xiàng)目上；由于這個(gè)行業(yè)發(fā)展速度很快，還出現(xiàn)了一些書中沒有列出，但是在現(xiàn)在也很常見的導(dǎo)航模式，例如，出現(xiàn)于Android的側(cè)邊抽屜式設(shè)計(jì)，現(xiàn)在在ios中也得到了廣泛的應(yīng)用下拉式菜單也會(huì)作為主導(dǎo)航出現(xiàn) 下圖是書中列出的一些只適合；從表現(xiàn)形態(tài)來看，抽屜導(dǎo)航很符合產(chǎn)品的二八法則，即產(chǎn)品中只有20%的功能常用，所以要突顯，剩下的80%不常用，因此隱藏它不像標(biāo)簽導(dǎo)航一樣強(qiáng)調(diào)平級(jí)關(guān)系的切換，而是突出重要且核心的功能抽屜導(dǎo)航的另一些優(yōu)點(diǎn)是，側(cè)邊導(dǎo)航收納的導(dǎo)航標(biāo)簽可以。

1打開文檔2點(diǎn)擊菜單欄“視圖”3在“視圖”菜單下點(diǎn)擊“導(dǎo)航窗格”4在下拉選擇框中點(diǎn)擊“靠左”5此時(shí)在文檔左側(cè)就可以看到導(dǎo)航窗格了；這時(shí)候就可以進(jìn)入側(cè)邊欄應(yīng)用圖標(biāo)的編輯界面，已有的側(cè)邊欄應(yīng)用圖標(biāo)右上角都會(huì)有一個(gè)“”號(hào)，點(diǎn)擊它就可以把這個(gè)應(yīng)用移除出側(cè)邊欄，而右側(cè)有一個(gè)界面里面就是所有可以拖進(jìn)側(cè)邊欄的app，點(diǎn)擊圖標(biāo)就可以把a(bǔ)pp加入側(cè)邊欄了；以微博和下廚房為例，這兩個(gè)APP都采用了Tab頁(yè)導(dǎo)航#160 #160 #160 #160 抽屜導(dǎo)航是將菜單隱藏在當(dāng)前頁(yè)面后，點(diǎn)擊導(dǎo)航入口即可像拉抽屜一樣拉出菜單抽屜導(dǎo)航一般用來放置對(duì)用戶而言不太常用或者對(duì)于產(chǎn)品而言；xueuicn 學(xué)ui網(wǎng)發(fā)布高質(zhì)量ui設(shè)計(jì)教程和設(shè)計(jì)分享，希望打造一個(gè)最好的ui學(xué)習(xí)教程平臺(tái)APP截圖站海量APP截圖，讓你靈感爆發(fā)轉(zhuǎn)載請(qǐng)注明學(xué)UI網(wǎng)#18730個(gè)APP導(dǎo)航菜單設(shè)計(jì)欣賞。

導(dǎo)航設(shè)計(jì)在產(chǎn)品或者頁(yè)面中擔(dān)任重要的角色，能在不同的場(chǎng)景下幫助用戶快速找到自己想要的東西我們?nèi)绾螀^(qū)分在什么樣的場(chǎng)景中使用那種導(dǎo)航設(shè)計(jì)是我們作為設(shè)計(jì)師必須要了解的，接下來我們會(huì)講到我們經(jīng)常用的 Tab 導(dǎo)航欄抽屜式側(cè)邊導(dǎo)航欄宮；當(dāng)側(cè)邊欄打開時(shí)，我們可以讓狀態(tài)欄背景更暗注意14側(cè)邊欄 讓我們看看如何添加側(cè)欄我們的 APP 可能包含兩種側(cè)欄，一個(gè)在左邊，另一個(gè)在右邊我們應(yīng)該在 body 的開始處添加側(cè)欄的 html body。

3抽屜式導(dǎo)航 抽屜式導(dǎo)航又稱 側(cè)邊欄抽屜導(dǎo)航左滑菜單導(dǎo)航漢堡導(dǎo)航， #160起源于andriod， 后來ios也有一些app使用這種模式， 抽屜式導(dǎo)航追求核心內(nèi)容突出， 有主次之分 優(yōu)點(diǎn)#1601 可容納很多分支類目， 隱藏多余；2頂部分類滾動(dòng)導(dǎo)航 點(diǎn)此查看原型實(shí)例 3側(cè)邊分類滾動(dòng)導(dǎo)航 點(diǎn)此查看原型實(shí)例 四抽屜導(dǎo)航 1簡(jiǎn)介 抽屜導(dǎo)航也叫漢堡菜單，是將一個(gè)導(dǎo)航頁(yè)菜單隱藏在當(dāng)前頁(yè)面，點(diǎn)擊漢堡按鈕，導(dǎo)航頁(yè)會(huì)像抽屜一樣從頁(yè)面左側(cè)或右側(cè)拉出我們可以通過現(xiàn)。