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

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

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

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

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