大家在上网和使用智能手机的时候经常会遇到汉堡菜单（Hamburger Menus）

Left Nav Flyouts 菜单设计，又称 slide-out navigation、left-hand navigation、left navigation，中文语境里面还会唤作抽屜式菜單或抽拉式菜單。是 iOS 平台今年新出現的一種交互方式，用於取代日益凸顯局限性的下端 Tab Bar. 較為著名的代表 apps 有 Facebook 和 Path 等。Left Nav Flyouts 是一種手勢操作，所以一般在 Nav bar 會有一個「漢堡」圖表予以指示

可以说这个设计细节是一种对于UX设计理解的很好的切入点

具体在手机上可以看到汉堡菜单的应用范围：

1.有超过3个顶层界面

Navigation drawer 非常适合同时显示多个导航目标，如果有3个以上的顶层界面就比较适合用它，否则的话，使用固定标签切换顶层界面会更方便。

2.子界面间的交叉导航

如果app需要子界面间进行交叉导航，可以考虑用Navigation drawer，因为在app的任何地方都可以打开它，这样从子界面到其它主要界面都会很方便。

3.深层的导航分支

如果app某个子界面分支有很深的层级，那么回到顶层界面就会成为重复点按返回键的枯燥活动，而Navigation drawer会让这个过程高效得多。

4.导航中枢

Navigation drawer反映了app的结构，也可以展示app的导航重点，可以把app中用户最常访问的部分放在里面以便快速跳转，一般来说，这个导航中枢里可以只有顶层的几个界面。以上情景不仅适用于Android，在其他平台也具有参考价值

作者：Tata Zhu

链接：https://www.zhihu.com/question/20671604/answer/27565183

常见的汉堡菜单的样式：

第一个是我们今天的作品演示效果

请各位原谅我最后使用图片进行展示，不知道是因为我的电脑原因还是UI中国编辑器的问题，写文字十分卡顿，顺便吐槽一下，编辑器插入图片永远会插在最开始，需要一点点往下挪，不过还好可以写，看来决定社区质量的保证还是要看编辑器啊。