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

手機(jī)分辨率比桌面平臺小很多，所以設(shè)計手機(jī)網(wǎng)站或是移動應(yīng)用的時候，導(dǎo)航菜單都需要考慮周全，盡量保持簡約和易用性高，這里我們整理了5種實用的移動手機(jī)App導(dǎo)航菜單設(shè)計方案，你可以嘗試這些菜單設(shè)計模式用在你的新設(shè)計項目上；由于這個行業(yè)發(fā)展速度很快，還出現(xiàn)了一些書中沒有列出，但是在現(xiàn)在也很常見的導(dǎo)航模式，例如，出現(xiàn)于Android的側(cè)邊抽屜式設(shè)計，現(xiàn)在在ios中也得到了廣泛的應(yīng)用下拉式菜單也會作為主導(dǎo)航出現(xiàn) 下圖是書中列出的一些只適合；從表現(xiàn)形態(tài)來看，抽屜導(dǎo)航很符合產(chǎn)品的二八法則，即產(chǎn)品中只有20%的功能常用，所以要突顯，剩下的80%不常用，因此隱藏它不像標(biāo)簽導(dǎo)航一樣強(qiáng)調(diào)平級關(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此時在文檔左側(cè)就可以看到導(dǎo)航窗格了；這時候就可以進(jìn)入側(cè)邊欄應(yīng)用圖標(biāo)的編輯界面，已有的側(cè)邊欄應(yīng)用圖標(biāo)右上角都會有一個“”號，點(diǎn)擊它就可以把這個應(yīng)用移除出側(cè)邊欄，而右側(cè)有一個界面里面就是所有可以拖進(jìn)側(cè)邊欄的app，點(diǎn)擊圖標(biāo)就可以把a(bǔ)pp加入側(cè)邊欄了；以微博和下廚房為例，這兩個APP都采用了Tab頁導(dǎo)航#160 #160 #160 #160 抽屜導(dǎo)航是將菜單隱藏在當(dāng)前頁面后，點(diǎn)擊導(dǎo)航入口即可像拉抽屜一樣拉出菜單抽屜導(dǎo)航一般用來放置對用戶而言不太常用或者對于產(chǎn)品而言；xueuicn 學(xué)ui網(wǎng)發(fā)布高質(zhì)量ui設(shè)計教程和設(shè)計分享，希望打造一個最好的ui學(xué)習(xí)教程平臺APP截圖站海量APP截圖，讓你靈感爆發(fā)轉(zhuǎn)載請注明學(xué)UI網(wǎng)#18730個APP導(dǎo)航菜單設(shè)計欣賞。

導(dǎo)航設(shè)計在產(chǎn)品或者頁面中擔(dān)任重要的角色，能在不同的場景下幫助用戶快速找到自己想要的東西我們?nèi)绾螀^(qū)分在什么樣的場景中使用那種導(dǎo)航設(shè)計是我們作為設(shè)計師必須要了解的，接下來我們會講到我們經(jīng)常用的 Tab 導(dǎo)航欄抽屜式側(cè)邊導(dǎo)航欄宮；當(dāng)側(cè)邊欄打開時，我們可以讓狀態(tài)欄背景更暗注意14側(cè)邊欄 讓我們看看如何添加側(cè)欄我們的 APP 可能包含兩種側(cè)欄，一個在左邊，另一個在右邊我們應(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ǎo)航 點(diǎn)此查看原型實例 3側(cè)邊分類滾動導(dǎo)航 點(diǎn)此查看原型實例 四抽屜導(dǎo)航 1簡介 抽屜導(dǎo)航也叫漢堡菜單，是將一個導(dǎo)航頁菜單隱藏在當(dāng)前頁面，點(diǎn)擊漢堡按鈕，導(dǎo)航頁會像抽屜一樣從頁面左側(cè)或右側(cè)拉出我們可以通過現(xiàn)。