「问」App导航设计模式

来自用户「球」的问题：常见的集中App导航菜单，都有什么优势和劣势，各自的使用情境是什么？

今天小企要给大家介绍抽屉导航。

抽屉导航将菜单隐藏在当前页面后，在大部分的设计当中，通过点击屏幕左上角的按钮唤出切换项，有些也可以通过向右滑动手指来完成。

优点：

节省空间：节省页面展示空间，让用户将更多的注意力聚焦到当前页面；

释放空间：突破了数量的限制，更大程度上释放了空间；

灵活配置：扩展性强，一些常用的快捷操作和低层级入口也能直接放进抽屉导航中。

最常见的左侧边栏~

这是一个动画效果，每次滑出左侧菜单都会有这样一个弹动的效果，最后完全打开~

缺点：

功能可见性：对入口交互的功能可见性要求高；

记忆成本：大部分操作项目均为隐藏状态，用户需要一定记忆成本；

层级跳转：对排版和设计要求高；如果导航选项多，层级结构深，使用过程中就需要不断在导航选项间进行切换操作，需要频繁的从低层级页面向高层级页面跳转；

操作冲突：容易与应用内的其他交互模式冲突，比如侧滑手势操作。

左侧边栏的折叠和右侧页面的折叠~

右侧边栏的折叠和右侧边栏的百叶窗设计~

适用场景：

>5：如果能将主要功能项组织在4到5项，标签的设计方式可能会更好，否则，就应该优先考虑抽屉式导航；

低频切换：比较适合于不那么需要频繁切换内容的应用，例如对设置、关于等内容的隐藏；

过渡动画：如果希望设计出亮点，就需要注意提供菜单滑出的过渡动画。

立体旋转效果~

飘走的页面，和拉窗帘的设计，动画效果十足~

标签导航—有什么优点和缺点，适用于哪些设计场景？详细内容请点击阅读原文。

↓↓↓↓↓↓↓