原型设计中的导航分类

导航设计概述

导航设计是APP展现信息入口的表达方式，我们在设计原型的时候可以更具当前应用的信息入口的多少、信息入口的主次之分选择适合的导航设计。
在相对复杂的App中，采用多种导航样式嵌套，根据页面的内容选择不同的设计。但是在相同等级的页面上尽量要保证设计的一致性。

十大导航设计优缺点总结

标签导航、舵式导航、抽屉导航、Tab导航、宫格导航、点聚导航、组合导航、列表导航、轮播导航、瀑布导航

导航样式草图

• Tab导航

• 特点：

标签导航位于页面底部，标签的分类最好可以控制在5个以内。

• 优点：

1.清楚当前所在的入口位置。
2.轻松在各个入口间频繁跳转且不会迷失方向。
3.直接展现最重要的内容信息。

• 缺点：

功能入口过多时，给模式显得笨重不实用。

---

• 舵式导航

• 特点：

目前流行的一种导航的变体。突出中间的主要入口的优先级。

• 优点：

需要突出重要且频繁使用的操作入口。

• 缺点：

同标签导航

---

• 抽屉导航

• 特点：

将菜单隐藏在当前页面之后，点击入口可像拉抽屉一样拉出菜单

• 优点：

1.节省页面展示空间。
2.让用户注意力聚焦到当前页面。
3.扩展性较好。

• 缺点：

不适合频繁切换的应用。

---

• 宫格导航

• 特点：

将主要入口全部聚合在页面，让用户做出选择。

• 优点：

1.直观展现各项内容。
2.方便浏览经常更新的内容。

• 缺点：

1.无法入口间跳转。
2.不能直接展示入口的内部内容。
3.不能显示太多入口次级内容。

---

• 点聚导航

• 特点：

主操作选项或导航合并成一个按钮，浮动在页面上。

• 优点：

1.灵活。
2.展示方式有趣。
3.页面更开阔。

• 缺点：

隐藏了更多入口和操作。

---

• 组合导航

• 特点：

当用户需要聚焦内容，同时又需要一些快捷入口能够连接到某些页面时，就可以采用组合导航。

• 优点：

布局灵活，能适应架构的快速调整。

• 缺点：

不规则容易有杂乱感。

---

• 列表导航

• 特点：

在原型设计中常用的一种导航样式，例如微信的发现页面。

• 优点：

1.层次展示清晰。
2.可以展示内容较长的标题。
3.可展示标题的次级内容。

• 缺点：

1.统计过多时，产生疲劳。
2.排版的灵活性低。
3.不同模块区分方式较少，只能借助图标等区分。

---

• 轮播导航

• 特点：

信息较少。在天气的应用中较多使用。

• 优点：

1.单页面简洁内容，整体性强。
2.线性的浏览方式有顺畅感、方向感。

• 缺点：

1.不适合展示过多页面。
2.非主页面不利于展示和查看。

---

• 瀑布导航

• 特点：

图片内容为主，下拉刷新加载。

• 优点：

1.浏览时产生流畅感。
2.排版布局多变。
3.沉浸式体验。

• 缺点：

1.不适合层级架构复杂的产品。
2.容易产生疲劳感。

---

总结

导航样式是在进行信息架构原型绘制时的参考的依据，具体我们的应用适合哪种导航，需要我们结合我们应用的实际需求来判断的。

我们的主入口有几个

我们是否有特别要突出的入口

界面中的次级元素入口多与少

界面是否要展示次级界面的部分元素信息

等等。。。。。。