e.宫格式导航

宫格导航是将主要功能入口的聚合罗列在页面中，让用户能够快速的了解产品所有的业务或者功能，用户可以根据自身的需求快速选择。各个功能入口相对独立，没有交集，无法相互跳转交互，一般适用于二级页面。宫格导航的组合方式灵活多样。例如支付宝、下厨房、微信、哔哩哔哩：

优点：扩展性好；展现直观，重要的功能平铺呈现给用户，促使用户可以快速选择。

缺点：平铺功能入口过多，增加了用户选择的压力；切换繁琐，想要切换其他模块必须返回主页面；无法直接展现内容，对用户缺乏直接的吸引力。

f.下拉式导航

下拉式导航与抽屉导航类似，将非核心功能隐藏。这列导航多用于二级导航；基本都以半浮层的形式展现，点击浮层意外的区域自动收起；对比侧边栏导航，下拉导航能让用户清楚感知当前所在位置。例如赶集、转转、微博、微店：

优点：节省页面控件；交互方便，点击 icon 唤醒，点击其他区域收起隐藏；与界面的连贯性强，用户能够清楚的知道自己所在的位置。

缺点：大部分位于顶部，操作不便，不易频繁操作；入口不明显，容易被忽视。

g.列表式导航

列表导航条目清晰可以实现用户在内容选项中的快速切换，一般有icon+文字组成，右侧有大量留白，符合人们自左到右的阅读习惯。每个列表都是一个功能入口，功能切换必须返回列表主页。例如微信、TIM、京东金融、网易蜗牛读书：

优点：可延展性强，可以不断添加信息；符合人们自左到右、自上而下的阅读习惯；条目清晰，用户可以根据自己的需求快速寻找自己想要的信息。

缺点：切换不方便，必须返回列表页面才能进行切换，交互路径长；信息较多时，需要频繁的滑动界面页面，阅读效率低且容易造成阅读疲劳。

h.分段式导航

分段式导航是 iOS 自带的标准控件，一般应用于二级导航，适合切换频率比较高的页面，导航数量通常在2～ 4 个。例如网易音乐、网易云课堂、app store：

优点：入口清晰，切换方便且不会迷失。

缺点：可扩展性弱，只能应用于2～ 4 个标签；样式守旧，灵活程度不高，不能通过手势滑动。

j.点聚式导航

点聚式导航的特点是悬浮 icon 一直都会浮在页面的顶层，用户可以随时点击选择自己需要的功能入口。当信息层级复杂，并且模块中有用户频繁使用的核心功能，在这些条件的限制下选择点聚式导航是最佳方案。例如ZAKER新闻、好奇心日报：

优点：节省空间，点击弹出其他功能菜单；通常 icon 的视觉效果会比较醒目，容易吸引用户点击。

缺点：由于一直浮在页面的顶层，会遮挡页面内容；点聚式导航仅靠 icon 按钮展示，理解学习成本高。

4.总结

1.导航栏的定义是元素的组合，允许用户在产品的信息架构中穿行。

2.导航栏的最大作用就是引导用户在在产品的信息架构中穿梭，即从哪里来、到哪里去。

3.导航栏的样式汇总，详细的优缺点分析帮助我们在工作如何区分筛选导航栏的设计样式。