APP设计时的7种导航栏设计形式

2020-11-04 17:01:19  21 浏览  0 评论   赞

3种标签式导航;简单的分段式导航;舵式导航是底部标签式导航的变种;隐藏不常用功能的的抽屉式导航;宫格导航;3种列表式导航

在APP设计当中,导航是区别APP的最重要方式。但这个世界没有完美的导航,只有合适的导航。怎样才能选择到合适的导航呢?设计师可以根据具体的场景与需求,去选择最合适的导航形式。

标签式导航

标签式导航_APP设计时的7种导航栏设计形式

图1340-1:标签式导航

标签式导航主要分为底部标签导航、顶部标签导航以及滚动式标签导航。无论选择哪种标签式导航,都不要超过5个标签,且里面放置的都是常用且重要的标签,方便用户频繁切换。

分段式导航

分段式导航_APP设计时的7种导航栏设计形式

图1340-2:分段式导航

分段式导航一般并不适用于一级导航,因此往往会作为二级导航与标签导航嵌套使用。

舵式导航

舵式导航_APP设计时的7种导航栏设计形式

图1340-3:舵式导航

舵式导航是底部标签式导航的一种变体,但要把最重要的标签放在中间位置,作为用户频繁操作的入口,一般可以用图形或颜色突显出来。

抽屉式导航

抽屉式导航_APP设计时的7种导航栏设计形式

图1340-4:抽屉式导航

隐藏不重要的功能,当单击入口就能将它拉出来,这样做不仅大大减少了主界面中的导航控件数量,还能让导航的核心功能更加突出。

下拉菜单式导航

下拉菜单式导航_APP设计时的7种导航栏设计形式

图1340-5:下拉菜单式导航

下拉导航的特点是能显示足够多的条目,但有时候切换起来会比较麻烦,可与滚动式导航相结合,互补优势,实现快速切换的效果。

宫格导航

宫格导航_APP设计时的7种导航栏设计形式

图1340-6:宫格导航

宫格导航适用于二级导航,能将功能扁平化,充分利用整个页面,在有限的空间内罗列大量的功能。

列表导航

列表导航,又分为垂直列表导航、网格列表导航和轮播面板导航三种,下面我们来看看三者有何区别:

1. 垂直列表导航:适合二级导航或功能层级较浅且功能键切换不频繁的主导航,偶尔也可以用于有多个平级功能,且入口较浅的一级导航。

2. 网格列表导航:适用于二级导航,能在有限的空间内罗列大量的功能,常见种类:规则的宫格列表、不规则的瀑布流。

3. 轮播面板导航:属于横向列表,能把信息藏在页面,且充分利用界面的空间。使用一些选项较少且跳转不频繁的APP,可分为大图展示型和小图展示型。

在APP设计中,导航是非常重要的模块,因此设计师们也会经常在基础导航模式上,不断升级优化以及组合创新。如果你也想为你的APP设计出合适的导航,不妨从以上的常见APP导航形式,根据具体的场景与需求,加以优化和组合。

 

转载请注明:网创网 www.netcyw.cn/b1340.html

赞 ()
发表评论
  • 昵称
  • 网址
(0) 个小伙伴发表了自己的观点
    暂无评论

Copyright © 2018-2019 小王子工作室 版权所有 滇ICP备14007766号-3 邮箱:yangzy187@126.com