再谈App导航设计

频道：社交专题日期：2025-02-05 07:03:57 浏览：34

应用程序导航是用户界面上信息结构的显示。

出色的应用程序导航设计可以充分利用“组织开yunapp体育官网入口下载手机版，传输，删除”交互式设计的4种策略，完美地组织丰富的信息并在非常有限的屏幕窗口中显示产品，并快速指导用户使用产品功能。同时，导航设计还结合了产品信息架构，交互式设计和视觉设计。为了更好地设计产品，有必要进行系统的理解。

有关各种移动应用导航设计的文章很多。至少有十种不同类型的应用程序导航类型与多种方式结合使用。所以问题是。导航方法，不同的名称和更改有许多类型。我如何快速掌握它？不用担心，看看Blink Jun的一般分数，您可以快速掌握它。

一个，3乘3的感应

导航的基本方法只有三种：标签类型，列表类型，矩阵类型（请参见下图）。这三种类型可以从形状中抽象：点和表面。

paste_image.png

每个导航都可以具有三个状态：静态，动态组合，动力学（请参见下图）。称为3个州。顾名思义，静态导航是由静态文本或图标图片组成的最常见的导航。导航的动态和静态组合是根据静态增加动态变化（例如图标和字符）的内容。或文本生成的导航。

paste_image.png

几乎没有应用程序只有一个级别的导航，通常有各种匹配导航。这些匹配方法总结为三个：组合，层次结构和分布。称为3-英寸（组合，组合）。组合导航是在导航区域收集各种不同的导航类型；层次导航是导航的嵌套，通常具有最高导航和辅助导航的应用；单击相应的操作（例如按钮）以滑动或弹出导航。

paste_image.png

因此，各种导航总结为：三个属性的形状，状态和组合。每个属性3个子类可记录为：点 - 线表面，形态。 -6单词，您已经能够宣传大多数导航形式。让我们谈谈。

其次，据说主流导航分别为01标签

paste_image.png

NetEase Cloud Music，经典的底部4TABB

paste_image.png

iOS原始应用播客，5TAB，顶部是导航栏，然后是3段细分控制（段控件）

paste_image.png

美丽的镜头，简单的底部3TAB占主导地位（最新版本是5tab，眨眼认为此版本是经典的），顶是3TAB辅助导航，中间内容区域是矩阵系统导航

02列表是导航

摘要：最常见的领先导航模式之一可以分为组列表开元棋官方正版下载，个性化列表和排列的扩展列表（通常用作辅助导航）和增强列表（是为了增加对简单列表菜单上的搜索以增加搜索，在浏览或过滤功能后，形成）

优点：从上到下查看习惯，列表菜单非常适合显示标题更长或具有辅助文本内容。每行都可以包含更多信息。

缺点：太多的条目或不合理的分销会导致用户找到困难

paste_image.png

Evernote的iOS版本使用列表-Type Navigation Hybrid Springboard导航的设计，该型组导航使用组列表和扩展名单。

paste_image.png

AppStore，List -Type类别导航，每行的图标都是动态提取的

03矩阵系统导航

摘要：由矩阵组合形成的导航可以在不同的文章中调用：跳板（图标卡类型），磁性贴纸，展览馆...通常用作领先航班，常用的布局模式33（通常提到Jiugongge Grid Leatout）23，22 22和21个网格。但是，没有必要粘在网格上。还可以按不同的优先级顺序扩大或减少它，以突出内容的分层意义。

优点：促进不同类型的信息（操作位置，广告位置，内容块，设置等）的组合；静态和动态组合可以显示丰富的信息，同时保持统一的视觉统一性

缺点：每个部门之间的关系是独立的，视图将完全跳跃。如果您需要经常切换，则不建议使用

paste_image.png

Meitu Xiuxiu使用2*3个跳板（静态图标）导航模式，该模式突出了上下的优先级。

paste_image.png

静态图标和动态字符可以显示丰富的信息（方便预览）

paste_image.png

展览博物馆的设计可以通过在飞机上显示各种内容项目来导航。它主要用于显示一些可以布置车轮磁盘，网格或滑动演示的文章，食谱，照片，产品等。

paste_image.png

淘宝的领先导航使用展览馆导航，辅助导航使用抽屉导航。

04抽屉导航（drop -down）

摘要：它属于Android天然控制的导航方法，通常在iOS中看到。通常将其用作Android中的主要导航，并且通常与iOS中的其他领先导航模式用于辅助导航。可以称为不同的地方：扩展菜单，侧面导航，汉堡导航；