原创： 小强 交互设计院
「本文阅读时长大致3分钟」
本文基于ios端对常见的几种app导航设计进行简单总结，内容属于基础型知识，但对于设计师成长却有很大帮助。这篇文章是相对基础，所以适用于学生和初级交互设计师。
导航分类：底部导航、舵式导航、滚动式标签导航、分段式tab导航、抽屉式导航、下拉式导航。接下来分别从这几个分类进行简单说明和案例展示。
1.底部导航
原型
特点：入口扁平化；导航控件占据面积大，用户操作成本低；底部导航适合单手操作
案例：微信
2.舵式导航
原型
特点：通过色彩形式的变化突出和强调用户发布功能/其他功能的功能按钮，设计上基于底部导航上对某一功能的突出。
案例：微博
（不过微博最近正在取消其舵式导航，改为底部导航）
3.滚动式标签导航
原型
特点：功能扩展性大；对隐藏内容需要进行隐喻
案例：滴滴
4.分段式tab导航
原型
特点：占用空间小，切换方便。
案例：微博
5.抽屉式导航
原型
特点：产品突出其核心功能，对其他重要级较弱的功能进行隐藏。
案例：滴滴出行
6.下拉式导航
原型
特点：收起-体积小，节省空间；展开-能够现实丰富的导航条；常常与滚动式、下拉式菜单进行结合使用。
案例：微博
关注公众号，获得更多干货
网友评论