UI设计基础-2017 列表式导航（抽屉式） 列表式导航（抽屉式）.docx

UI设计基础 PAGE 1 目 录 TOC \o 1-3 \h \z \u 一、概述 1 二、步骤 2 列表式导航（抽屉式） 本次课程介绍导航设计。导航是页面结构和界面设计的重要一部分，它可以结构化产品内容和功能、突出核心功能、扁平化用户任务路径，下面举一些案例浅谈一下常见的导航形式和一些导航设计的技巧。 一、概述 当某个产品只有一个核心功能，其他功能相比都相当的低频，这个时候采用标签式导航就会分散用户的注意力，所以产品的结构形态决定了抽屉式导航是最佳形态。 例如，滴滴的导航系统设计。 步骤 抽屉（Drawer）导航是一种弱化导航界面，而更多关注于当前内容的导航方式。用比喻来讲，抽屉里的内容并非优先级最高的，而当前的内容才是。抽屉式导航在形式上一般位于当前界面的后方，通过左上角按钮或者手势滑动呼出。其缺点也是明显的，第一次使用移动应用的用户可能会不知如何呼出导航。 图所示为资讯社交类移动应用“知乎日报” ，交通服务类移动应用“嘀嘀打车” ，音乐播放类移动应用“豆瓣FM ” 。 移动应用“知乎日报”的图形用户界面 移动应用“滴滴打车”的图形用户界面 移动应用“豆瓣FM ”的图形用户界面