铿鸟百科网

当前位置:主页 > 百科 > 电脑百科 >

APP导航设计类型有哪些?

APP导航设计类型有哪些?

时间:2025-07-05 来源:铿鸟百科网 收集整理:小编 阅读:
导读:要让用户在使用中获得最好的体验,迅速掌握应用的框架结构,APP导航设计是一个重要的环节。APP导航设计类型:1、顶部菜单就是把菜单放在顶部,可以遵循上至下的阅读习惯。2、列表式菜单无论是网站还是手机APP使用列表式菜单是最常用的,一般都是遵

要让用户在使用中获得最好的体验,迅速掌握应用的框架结构,APP导航设计是一个重要的环节。

APP导航设计类型:

1、顶部菜单

就是把菜单放在顶部,可以遵循上至下的阅读习惯。

2、列表式菜单

无论是网站还是手机APP使用列表式菜单是最常用的,一般都是遵循由上至下的阅读习惯方式,这样用户使用起来没有困难,还可以通过配色搭配、图标组合来进行设计,让菜单更加美观大方。列表导航通常用于二级页,由于它与宫格导航一样,不会默认展示任何实质内容,所以通常app不会在首页使用它。这种导航结构清晰,易于理解,冷静高效,能够帮助用户快速的定位去到对应的页面。列表项目可以通过间距、标题等进行分组。

3、矩阵、网格式菜单设计

这类菜单相当于metro UI的堆砌色块,导航清晰简单明了,还能提高打开效率。设计时不要让用户产生错觉和审美疲倦。

4、底部菜单、标签导航

主要是列出应用程序重要的功能。标签导航位于页面底部,通常包含5个标签是比较合适的数量。这种导航非常常见,应用需要用户频繁的在不同分页切换的网站,可以采用这种导航。当应用层级较多的情况下,可以采用tab导航,典型场景是用于改变的当前的视图,或对当前页面内容进行分类查看。

5、抽屉式导航模式

抽屉导航是讲菜单隐藏在当前页面后,点击入口即可像拉抽屉一样拉出菜单,这种导航的优点是节省页面展示空间,让用户将更多的注意力聚焦到当前页面。比较适合于不那么需要频繁切换内容的应用,例如对设置、关于等内容的隐藏。扩展菜单这种设计很常用,需要注意的是设计展开菜单按钮大部设计在左或右上角这些显示的位置。

6、舵式导航

它的样式很像轮船上用来指挥的船舵,两侧是其他操作按钮。当页面有处于同一层级的几大部分内容,同时又需要一个非常重要且频繁操作的入口,就可以采用这种APP导航模式。

7、宫格导航

将主要入口全部聚合在页面,让用户做出选择,采用这种导航的应用已经越来越少,往往用在二级页作为内容列表的一种图形化形式呈现,或是作为一系列工具入口的聚合。

8、混合组合导航

组合导航上方用宫格的形式展现快捷入口,与标签导航不同的是,这些宫格入口之间不需要是平级的关系,也不必包含整个层级的内容,你可以将它理解为一种图形化的文字链。当用户需要聚焦内容,同时又需要一些快捷入口能够连接到某些页面时,就可以采用组合导航。

9、大图轮播导航

大图上面的导航设计,当你的应用信息足够扁平,可以尝试轮播导航,如果应用得当,能够给人耳目一新的体验。这种导航能够最大程度的保证应用的页面简洁性,操作也是最方便的。缺点是不能够快速的定位对应的分页内容。

APP导航设计步骤:

1、APP框架整理:信息架构or任务分析。

2、框架层级判断:扁平vs树状。

3、导航具体表现形式:控件形式and摆放位置。

相关阅读

  • win10怎么快速关闭屏幕?win10快速关闭屏幕方法

    win10怎么快速关闭屏幕?win10快速关闭屏幕方法

    估计很多用 Win10 的人都会想要快速锁屏来保护个人隐私,但是也有人不知道怎么快速关掉屏幕。其实很简单,你可以直接按 Win + L 快捷键,或者右键点击桌面上的空白地方,然后选择快捷方式就可以啦。下面我们就来详细说一下 Win10 快速

  • 苹果iOS 17.4 Beta版开放侧载功能,但iPad不在列

    苹果iOS 17.4 Beta版开放侧载功能,但iPad不在列

    1月27日消息,苹果公司近日针对欧盟《数字市场法》作出了响应,上线了iOS 17.4 Beta版,向欧盟用户开放了侧载功能。然而,尽管iPadOS与iOS在本质上并无太大差异,但iPad并不支持侧载功能。这意味着,安装第三方应用商店以及从第

  • 极氪20万台新能源汽车里程碑达成

    极氪20万台新能源汽车里程碑达成

    1月8日消息,国内新能源汽车市场再传捷报。极氪汽车今日欣喜公布,经过26个月的不懈努力,其累计交付汽车数量已突破20万台大关。这一成就不仅彰显了极氪在新能源领域的强劲实力,更使其持续刷新着新势力品牌的最快交付纪录,同时保持着全球唯一的新能源

  • Win11系统intel核显控制面板怎么打开-打开intel核显控制面板的方法

    Win11系统intel核显控制面板怎么打开-打开intel核显控制面板的方法

    你晓得吗?有些小伙伴想开自己电脑的intel核显控制面板来看显卡驱动信息。里面可以检查更新驱动。但是,他们不知道怎么开这个面板。如果也想试试看的话,可以看看下面的操作方法哦!打开intel核显控制面板的方法1. 右键桌面空白处,就能打开英特

  • Windows10玩GTA5闪退怎么解决?Windows10玩GTA5闪退解决方法

    Windows10玩GTA5闪退怎么解决?Windows10玩GTA5闪退解决方法

    Windows10玩GTA5闪退怎么解决?GTA5是一款非常知名的游戏,很多的玩家都在畅玩,但是很多的用户们在玩耍这一款游戏的时候,遇到了自己电脑玩GTA5会闪退,这个问题我们怎么解决呢?下面小编为大家带来详细的解决方法介绍,快来看看吧!

  • 极氪第二款MPV车型“CM2E”谍照曝光,或于2024年上半年亮相

    极氪第二款MPV车型“CM2E”谍照曝光,或于2024年上半年亮相

    1月17日消息,近日,知名汽车博主@SugarDesign在社交媒体上发布了极氪品牌旗下第二款MPV车型——内部代号“CM2E”的谍照。据推测,新车可能为小型MPV,有望于2024年上半年与大家正式见面。  从曝光的谍照中可以看出,极氪CM