爱奇艺App中的三道杠图标是一个常见的网站或应用程序中的“hamburger”菜单，它通常表示应用程序的导航菜单或侧边栏在爱奇艺中，当用户点击三道杠图标时，会弹出一个侧边栏，其中包括主页VIP电影电视剧综艺动漫；另一个好处是您可以将其他元素置于折叠上方，并使用此侧栏进行导航，广告，号召性用语，类似清单等您应将8栏用作某些站点具有持久的导航功能，该导航功能通常会粘在屏幕边缘，通常在屏幕的顶部和左侧这些粘性导航菜单可帮助用户感觉；2 顶 部选项卡导航 #160 顶部菜单和底部意义差不多，把菜单放在顶部，可以遵循上至下的阅读习惯但是顶部导航比较难进行单手操作，毕竟我们的手指没有那么长3 固定选项卡 #160 固定选项卡，顾名思义；我们知道APP菜单设计导航栏设计，就是把所有的功能整合贯穿在一起，让用户能够顺利的在产品中畅行，让他们自己时刻清楚自己在应用中所处的位置，以及如何前往目的页面在移动端产品导航的设计中没有最好之说，只有最合适。

手机分辨率比桌面平台小很多，所以设计手机网站或是移动应用的时候，导航菜单都需要考虑周全，尽量保持简约和易用性高，这里我们整理了5种实用的移动手机App导航菜单设计方案，你可以尝试这些菜单设计模式用在你的新设计项目上；由于这个行业发展速度很快，还出现了一些书中没有列出，但是在现在也很常见的导航模式，例如，出现于Android的侧边抽屉式设计，现在在ios中也得到了广泛的应用下拉式菜单也会作为主导航出现 下图是书中列出的一些只适合；从表现形态来看，抽屉导航很符合产品的二八法则，即产品中只有20%的功能常用，所以要突显，剩下的80%不常用，因此隐藏它不像标签导航一样强调平级关系的切换，而是突出重要且核心的功能抽屉导航的另一些优点是，侧边导航收纳的导航标签可以。

1打开文档2点击菜单栏“视图”3在“视图”菜单下点击“导航窗格”4在下拉选择框中点击“靠左”5此时在文档左侧就可以看到导航窗格了；这时候就可以进入侧边栏应用图标的编辑界面，已有的侧边栏应用图标右上角都会有一个“”号，点击它就可以把这个应用移除出侧边栏，而右侧有一个界面里面就是所有可以拖进侧边栏的app，点击图标就可以把app加入侧边栏了；以微博和下厨房为例，这两个APP都采用了Tab页导航#160 #160 #160 #160 抽屉导航是将菜单隐藏在当前页面后，点击导航入口即可像拉抽屉一样拉出菜单抽屉导航一般用来放置对用户而言不太常用或者对于产品而言；xueuicn 学ui网发布高质量ui设计教程和设计分享，希望打造一个最好的ui学习教程平台APP截图站海量APP截图，让你灵感爆发转载请注明学UI网#18730个APP导航菜单设计欣赏。

导航设计在产品或者页面中担任重要的角色，能在不同的场景下帮助用户快速找到自己想要的东西我们如何区分在什么样的场景中使用那种导航设计是我们作为设计师必须要了解的，接下来我们会讲到我们经常用的 Tab 导航栏抽屉式侧边导航栏宫；当侧边栏打开时，我们可以让状态栏背景更暗注意14侧边栏 让我们看看如何添加侧栏我们的 APP 可能包含两种侧栏，一个在左边，另一个在右边我们应该在 body 的开始处添加侧栏的 html body。

3抽屉式导航 抽屉式导航又称 侧边栏抽屉导航左滑菜单导航汉堡导航， #160起源于andriod， 后来ios也有一些app使用这种模式， 抽屉式导航追求核心内容突出， 有主次之分 优点#1601 可容纳很多分支类目， 隐藏多余；2顶部分类滚动导航 点此查看原型实例 3侧边分类滚动导航 点此查看原型实例 四抽屉导航 1简介 抽屉导航也叫汉堡菜单，是将一个导航页菜单隐藏在当前页面，点击汉堡按钮，导航页会像抽屉一样从页面左侧或右侧拉出我们可以通过现。