常见的APP导航有哪些?如何为APP设计选择合适的导航

Post 20 of 856

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

常见的APP导航有哪些?

1. 标签式导航

常见的APP导航有哪些?如何为APP设计选择合适的导航

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

2. 分段式导航

常见的APP导航有哪些?如何为APP设计选择合适的导航

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

3. 舵式导航

常见的APP导航有哪些?如何为APP设计选择合适的导航

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

4. 抽屉式导航

常见的APP导航有哪些?如何为APP设计选择合适的导航

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

5. 下拉菜单式导航

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

6. 宫格导航

常见的APP导航有哪些?如何为APP设计选择合适的导航

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

7. 列表导航

常见的APP导航有哪些?如何为APP设计选择合适的导航

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

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

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

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

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

This article was written by admin

MENU
網頁設計公司