iOS和Android规范解析——抽屉导航

今天我们来介绍一个安卓系统独有的导航方式——抽屉导航。抽屉导航比较适用于那些应用中某些功能比较突出，而其他的功能不太突出的场景（不太突出的功能就都可以塞到抽屉导航栏中）。网易云音乐中就使用了抽屉导航，文末会为大家分析其中使用到的MD控件。下面为大家介绍MD中对抽屉导航的规定。

基本属性

抽屉导航栏从屏幕最左边向右出现，占据屏幕100%的高度（包含系统状态栏的部分）。原有页面被蒙层覆盖，而抽屉导航栏位于蒙层之上，如下图：

抽屉导航示意

当抽屉导航中的一个条目被选择之后，点击处会出现涟漪动效，然后扩展至整条条目；同时，条目主体会变成应用的主体色，如下图所示：

点击示意

抽屉导航栏里的条目可以上下划动：

划动示意

MD建议，将设置、帮助、反馈、帮助和建议这类入口放在抽屉导航栏的底部。

最后，一般在屏幕的边缘向右划动，可以呼出抽屉导航栏，也算是一个快捷操作的方法了。而当呼出抽屉导航栏之后，向左划动，或者点击遮罩，都可以收起抽屉导航。

网易云音乐安卓版首页控件分析

下图中的右图是网易云音乐的首页，其中主要包含的控件有：抽屉导航，标签导航，固定底板。这个页面的布局是相当合理的：主要的页面，放在标签导航里，次要的、不常用的放在抽屉导航里。底部的固定底板，是音乐播控栏，也是作为一个音乐app最常用的操作之一，而固定底板的位置很好的满足了这个高频操作需要。

知乎Live

最近开始了一个知乎Live，跟大家分享交互设计师技巧中最重要的一个思维方法：场景思维。场景，是发掘用户“想完成的操作”，也就是用户的需求——这是产品经理必备的技能，也是一名优秀的交互设计师必须掌握的思维技巧。通过本场Live，你将能够系统得了解如何定义一个场景，场景有哪些分类，以及如何应用场景挖掘需求，做出令人称赞的交互设计方案。

本次 Live 主要包括以下内容：

• 场景概念的起源

• 场景的定义方法

• 场景的分类

• 主场景、次要场景

• 案例分析

• 思考题和答案

欢迎大家一起来学习、提问、讨论（收费￥19.9）：

点击链接参与 → 交互设计进阶——场景思维

---

版权印为您的作品印上版权74065142