站酷一位UI设计师的整理：
https://www.zcool.com.cn/u/14320093
客户端产品汪必看：13个app导航设计：
https://www.jianshu.com/p/278dfc8596e9
-
底部tab导航
规范注意：不超过5个
适用：常用于工具类APP，用于一级导航
优势：清楚
劣势：占据高度，icon+文字——字可能看不清，阅读体验较差 -
顶部标签导航
规范注意：3-5个，5个以上可采用滚动
适用：常用于二级导航
优势：可以不限个数，左右滚动
劣势：占据高度，易分散注意力，不利于沉浸式体验
- 底部+顶部
内容维度较多时
-
底部驼式导航
底部tab导航中间加了一个“+”导航，像轮船上用来指挥的船驼。
适用：把生产内容的主功能按钮放在中间，常见于要用户生产UGC内容的内容型社区型app；例如微博
优势：需要突出重要且频繁操作的入口
劣势：能放的功能入口有限制 -
抽屉导航
将菜单隐藏在当前页面左右侧，点击入口即可像抽屉一样从侧边滑出菜单
适用：将一些不常用的功能隐藏在侧边；多见于影音视听类app、工具类频道比较多的app；个人中心、设置等层级
优势：节省页面展示空间；让用户注意力聚焦到当前页面；扩展性好
劣势：不适合频繁切换的应用。次功能入口比较隐藏，用户不容易发现；同时次功能需要二次点击，增加用户使用成本 -
宫格导航
将主要入口全部聚合在页面，让用户整体了解app的服务
规范：各个入口之间相互独立，没有太多的交集，无法跳转互通；常用的布局是3*n网格，分页突出优先级；多用于功能类
适用：用于一级页 -
陈列馆式导航
又称跳板（图标卡片式）、磁贴式
规范：宫格导航的变式，通过在平面上显示各个内容项来实现导航，主要用来显示一些文章、菜谱、照片、产品等，可以布局成轮盘、网格或用幻灯片演示；以及如携程首页呈现的是不规则的跳板式的导航、快手视频流
陈列馆式设计模式最适合呈现经常更新的、视觉效果直观、彼此独立的内容
优势：直接展现各项内容；方便浏览经常更新的内容
劣势：无法入口间的跳转；不能直接展现入口内容；不能显示太多入口次级内容
-
入口式导航（组合导航）
快捷入口
常用于电商app常用，淘宝，支付宝，美团外卖，大众点评
优点：布局灵活，能适应架构的快速调整
缺点：不规则容易有杂乱感 -
列表导航
规范：多适用于级别不多，标题内容较长的入口；列表导航通常用于二级页，不会默认展示任何实质内容，所以通常不会在首页使用；列表项目可以通过间距、标题等进行分组，形成扩展列表；比如微信发现页，脉脉的人脉办事，ios中的设置
优势：
结构清晰，易于理解，冷静高效，能够帮助用户快速的定位去到对应的页面；
可展现内容较长的标题；
可展示标题的次级内容。
缺点：
同级过多时，容易产生疲劳；
排版灵活性不高；
只能通过排列顺序、颜色来区分各入口重要程度；
一屏承载不下时，用户需要下拉才能操作，这时不如宫格导航的用户体验好 -
轮播导航 / 旋转木马导航
规范：应用信息足够扁平，可以尝试轮播导航，比如天气app；其实一些app里的轮播banner图用到也是轮播导航。
优点：简洁，整体性强；线性的浏览方式有顺畅感、方向感
缺点：不适合展示过多页面；不能快速定位到对应的分页内容，视觉容易疲劳 -
点聚导航
主操作选项或导航合并成一个按钮，浮动在页面上
规范：当需要更多展示内容和功能，需要极端简化其入口，可以使用。点聚式导航将核心功能聚合到主界面展示，方便用户呼出使用，由于点聚式导航占用空间小，一般融入一些动态的效果，让导航更具有趣味性，一般视频拍摄、编辑类app会采用这种导航形式；例如NAVER
优点：灵活；展示方式有趣；页面更开阔
缺点：隐藏了功能不能太多，不能展开后用户较难反应 -
瀑布导航
瀑布式布局适用于图片为主的内容，下拉自动加载
优点：浏览时产生流畅体验；排版布局多变；沉浸式体验
缺点：不适合层级架构复杂的产品，容易发生空间位置迷失 ；容易产生疲劳感 -
仪表式导航
仪表式导航提供了一种度量关键绩效指标（KPI）是否达到要求的方法。经过设计以后，每一项量度都可以显示出额外的信息
对于数据分析，统计非常有用；提取关键项，但不过多使用 -
超级菜单式导航，下拉式导航
导航的菜单以浮层的形式位于界面上层，通过点击导航菜单以外的区域使其收起，下拉式导航的面积一般较小，所以采用列表的形式展现菜单内容居多
规范：在app设计中比较少见，在网站中比较常见，菜单分一级菜单，二级菜单；一般用作筛选内容 -
隐喻式导航
用页面模仿隐喻的应用对象，常见于游戏，日记，书籍类app
例如地图式
扫一扫
983
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
