对于一个用户数量庞大的购物类应用来说，商品信息类别繁多，信息的整合对用户体验尤为关键导航是直接表现出信息架构和购物流程的部分，下面就先从导航说起，分析苏宁易购iOS端的应用设计#160环境手机型号 #160 #160 #160iPhone SE 64G #；2同时，由于实在底部，操作性也非常好，用户很方便就能触及到这个区域缺点1容纳导航的类别有限，iOS建议最多五个，超过五个之后，底部有人就容纳不下了2占据空间大，一般都是文字+图标的形式，占据空间略大当然，这种导航还存在一种变形的形式某些app会尝试在这里加入重要的操作，形成。

app导航栏及其分类

1、uniapp项目实践总结中，自定义底部导航栏是提升设计灵活性和用户体验的关键步骤默认样式可能无法满足所有设计需求，因此对其进行自定义是必要的首先，为了实现个性化导航，你需要从iconfont平台选取合适的图标，将其保存为图片，存放在项目的图片文件夹内，如下面展示的图标资源在配置阶段，需在。

2、3舵式导航 如果一个APP中有一个非常需要突出的功能，是该APP的核心功能或操作，一般会使用舵式导航经常以颜色或者是大小的区别来展示这个核心常见的有文字或照片发布类型的APP软件，比如微博Evernote等也有包括产品本身功能不多，但有一个最需要突出的核心，以共享单车ofo为例总结这种导航。

3、1 底部选项卡导航 底部导航是最常见的主导航模式，且这是符合拇指热区操作的一种导航模式当在这个APP中有几个模块信息对用户来说是 功能性和使用频率相似， 并且支持使用者第一时间获取重要性最高频率最大的信息或任务 ，同时用户可以在不同模块信息或者任务之间进行快速的切换在使用这种。

4、美团App的首页布局采用了典型的“九宫格”设计，将各个功能模块以图标的形式展示在首页，用户一目了然首页上方为搜索框，方便用户快速搜索所需服务下方则分为两大部分，上部为轮播图区域，展示热门活动和优惠信息下部则为功能模块区域，包括美食外卖酒店旅游等各个板块分类导航 美团App在首页。

5、App导航是指应用程序中的导航功能，帮助用户更快速准确地找到自己需要的功能和信息常见的App导航包括底部导航栏抽屉式导航栏标签式导航等这些导航栏在设计时需要考虑到用户习惯和界面的整体可用性，以提高用户使用体验App导航的设计需要考虑到用户的使用场景和使用目的例如，购物类App可以通过。

6、桌面式导航，是一种类似于手机桌面各个应用入口的导航方式一般是将全应用信息进行独立分类，做到信息互斥，类别各自有独立入口，内容间基本并列用户进入到一个入口之后，只处理与此入口相关的内容，如果要跳转至其他入口，必须回到入口汇总界面这种导航方式在工具类app中比较适用，每个工具都有一套独立的。

四种常见的app导航类型

导航是APP设计时要着重考虑的，常见的APP框架有列表网格屏幕轮显标签导航tab导航抽屉导航卡片泳道堆叠组合网格就是把应用图标缩略图功能图标等内容根据水平方向和垂直方向划分所构成的辅助线进行布局在界面设计中，九宫格这种类型的构图更为规范和常用，用户在使用过程中非常的方便。

缺点不适合频繁切换的应用4舵式导航目前流行一种标签导航的形式，常被称做为“舵式导航”，因为它的样式很像轮船上用来指挥的船舵，两侧是其他操作按钮当页面有处于同一层级的几大部分内容，同时又需要一个非常重要且频繁操作的入口，就可以采用这种APP导航模式利用Mockplus实现的舵式导航效果。

#160 #160 #160 #160将标签放到界面的上方，就会形成tab标签导航，这种导航适用于类目较多的APP作为二级导航梳理页面逻辑，布局清晰作为一个二级导航，顶部标签导航应用于多种情境下，可以固定数量，展示有限的几个标签也可以扩大一定的数量，变成向左滑动展现更多标签，十分灵活，但是因为在。

还有下图中的样式1和样式2，也是这种形式的不同展现他们的共同点是，使用同一个导航入口，进行多个同级功能的不同操作，大部分都是25个不同的操作选项，当然也会有更多，比如下图中的新浪微博，点击“加号”入口，出现了更多的功能选项，且这些功能的优先级相若 其实，在Android 50中，这种点聚式更常用的表现形式。

1标签导航 标签导航位于页面底部 ，标签的分类最好在5个以内，比如微博微信淘宝优点清楚当前所在的入口位置直接展现最重要入口的内容信息缺点功能入口过多时，该模式显得笨重不实用2驼式导航 中间加了一个“+”导航，像轮船上用来指挥的船驼，比如微博空间优点需要突出重。

底部标签式导航是最常用的导航形式，一般存在于页面底端，不超过5个模块如果应用需要用户 频繁的在不同分页切换 ，可以采用这种导航，如上图微信最新版的APP界面设计图这种导航栏符合拇指操作热区舵式导航底部扩展式导航 舵式导航是底部导航的一种扩展形式，是一种变体因为它的样式很像轮船上用来指挥的船舵。

21我们观察到导航栏总共由五个选项卡组成，每个选项卡有两个元素一个图片和一个文本标签但是为了设置屏幕的宽度和高度，均匀调整距离，组合拖动设置点击状态，我们把图片和文字放在一个矩形框里 22拖动一个矩形到界面，拖动一个原始图片和一个文本标签元素如下图，调整大小和样式等。

一级导航，主要包括标签式抽屉式桌面式和宫格式导航标签式导航常用于底部，以文字和图标形式，提供快速切换功能，如微信Facebook抽屉式导航隐藏次要功能，节省空间但增加使用成本，如Gadgets News桌面式导航如Strides，通过均衡布局展现功能，便于用户操作 二级导航用于深入页面，如列表式选。