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

作者: 沐风与体验设计 | 来源:发表于2017-09-19 17:01 被阅读160次

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

    基本属性

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

    抽屉导航示意

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

    点击示意

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

    划动示意

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

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

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

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

    知乎Live

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

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

    • 场景概念的起源

    • 场景的定义方法

    • 场景的分类

    • 主场景、次要场景

    • 案例分析

    • 思考题和答案

    欢迎大家一起来学习、提问、讨论(收费¥19.9):

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


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

    相关文章

      网友评论

        本文标题:iOS和Android规范解析——抽屉导航

        本文链接:https://www.haomeiwen.com/subject/zjyysxtx.html