原型设计中的导航分类

导航设计概述

导航设计是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.容易产生疲劳感。

作者:Brose

文章标签: , ,

0 条评论 192 次阅读

  1. 既来之,则言之。

发表评论

Top