一、导航都有哪些类型？

标签导航，抽屉导航，列表式导航
image.png

1.1 标签导航

一级，一般2-5个以内

1.1.1 舵式导航

1.2 抽屉导航

QQ侧边功能区/网易云侧边功能区

1.3 列表式导航

1.3.1 宫格式导航

优点：
①直观展现各项功能；
②具有一定扩展性；
③各模块耦合度低，可分别开发。
缺点：
①无法入口间跳转
②不能直接展示入口内容
③宫格越多，用户选择越困难

举例
美图秀秀
飞猪-我的

1.3.2 下拉列表式导航

1.4 顶部tab式导航

大多用于二级导航，本质和标签导航相同，当应用层级较多的情况下，可以采用。

优点：
①对多内容多层级产品适应
②顶部标签具有可扩展性
缺点：结构复杂，内容繁多，占用页面空间

举例：
滴滴
淘宝-微淘
头条

1.5 陈列式导航

最适合呈现经常更新的、视觉效果直观、彼此独立的内容。比如新闻、菜谱、文章或照片，可以采用网格布局、轮盘布局、瀑布流布局。

优点：
①浏览时产生流畅体验；
②排版布局多变
③沉浸式体验
缺点：
①不适合层级架构复杂的产品
②内容之间没有层级关系

举例：
小红书
罗盘布局-淘票票
瀑布流-厨房故事、微信朋友圈

1.6 卡片式导航

如：探探

1.7 轮播导航

单页面，如：ios天气

1.8 点聚式导航
百度地图

1.9 图表导航

1.10 多面板/侧边栏导航

电商产品-分类

二、导航设计启示

绝大多数产品都会采用组合式导航，即对不同类型的导航进行混用，根据各个导航的优缺点进行设计。
产品需求 ——> 产品架构 ——> 导航设计
微创新
image.png
image.png