导航设计概述
导航设计是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.容易产生疲劳感。
总结
导航样式是在进行信息架构原型绘制时的参考的依据，具体我们的应用适合哪种导航，需要我们结合我们应用的实际需求来判断的。
网友评论