了解并适当结合平台规范与优势，才能做到最佳的用户体验。在《最新Android & iOS设计尺寸规范》一文中介绍 APP 设计规范，同时本文也是一些补充。

为了创建最佳的原生APP，就需要你牢记iOS和Android平台之间的差异。这些平台差异不仅在视觉层面有所不同，在结构和流程上也有区别。牢记这些差异，才能给原生

应用以最佳的用户体验。

本文将聚焦于iOS和Android上的交互设计模式之间的区别，阐明iOS和Android上的应用看起来不同的原因，以及它们为什么应该这样做。

另外，本文还将提供原生应用设计示例，以帮助你更好的理解本文所写的内容。

导航模式的差异

在界面之间切换是移动应用中的常见操作。考虑ios和Android原生应用控件规范的差异，对于导航模式的设计很关键。 Android设备底部有一个全局导航栏， 使用导航栏中的后退按钮是返回上一个界面或步骤的简便方法，它适用于所有Android应用。

对比Apple，设计方法却截然不同。 iOS没有全局导航栏，因此我们不能指望像Android原生控件那样能支持全局返回。 这个特性就会影响到iOS应用的设计，应用中需要设计一个导航栏，并在左上角加上一个返回按钮。

严格来说，iOS也有一个返回的全局操作，直接在界面上右滑即可返回上一级页面。

在这种情况下，iOS和Android之间的区别在于，在iOS设备上页面的右滑是返回上一级，而在Android上则是切换标签。

为了保持与其他移动应用的一致性，一定要记住平台之间的差异。

应用内部的导航模式在IOS和Android上是不同的

在Material Design设计规范中有一些不同的导航模式。在Android应用中被大家熟知的导航模式是抽屉和标签形式的组合。

抽屉导航其实是一个菜单，通过点击汉堡图标，然后从左侧或右侧滑出。标签栏一般位于标题栏的下方，使得内容能够很好地被管理，通过标签栏，用户可以对应用的视图，数据集和功能进行切换。

在Material Design中还有一个组件叫做底部导航。这个组件对于安卓原生应用来说也非常重要。底部的菜单项很容易点击和操作。但是安卓规范其实不建议同时使用底部导航和标签，因为它可能会在导航时引起混乱。

在Apple的人机交互规范中，没有类似抽屉菜单的标准导航控件。相反，Apple则建议将全局导航放在标签栏中。标签栏放在应用的底部，让应用的核心功能能够快速切换。

通常，底部栏标签不会超过5个。正如你看到的那样，这个组件非常像安卓端的底部导航，只是在iOS中这种形式的导航更加常用。

虽然在两个操作系统中都有类似的功能（切换标签和分段控制，底部导航和标签栏），但导航形式仍然是iOS和Android之间的主要区别之一。 两者之间存在一些客观差异，例如Android中有全局导航栏而在iOS中却没有，以及两者在视觉上的差异。

Apple认为，常用导航入口应该尽可能的外置�%le="font-family:"font-size:16px;color:#4F4F4F;background-color:#FFFFFF;">

IOS

iOS用户习惯于iOS中的微动画，像平滑过渡，横竖屏转向以及模拟物理规律等等。当应用出现无意义的或者违反物理常识的动画时，用户就会感到困惑。

例如，用户希望通过下拉来刷新界面，希望通过右滑来返回。iOS设计规范强烈建议，除非正在创建诸如游戏之类的沉浸式体验，否则还是尽可能的按照官方给出的动画规范来设计。

Android

依照Material Design规范，一个元素在转换过程中分为传出，传入或常驻，不同的元素也会有不同的转换方式。

动画能够引导用户的注意力。当界面发生变化时，动画建立了过渡前后的连续性。导航的切换是界面中非常重要的元素。它们通过清晰的结构来帮助用户找准自己的方向。例如，当一个UI元素展开以填充整个屏幕时，展开后的新界面是点开元素的子级，返回可以回到父级。

在父级界面上，嵌入的子元素会在点击时抬起并在适当的位置展开。将过渡的重点放在子界面上，明确子父级之间的关系。

共享相同的父级界面（例如标签切换时的内容）一致性的移动能够强化他们的关系。

标签选项卡固定在一个位置不变，内容界面在水平方向上进行移动

在应用的最上层，切换目标通常被分在主要任务(这些任务可能彼此不相关)上。这些界面通过改变不透明度和缩放值来进行适当的转换。

总结

当然也有例外：一些iOS应用遵循Android设计规范（比如Gmail）而一些Android应用则遵循iOS设计规范（比如Instagram）。

但其实显而易见——使用两个平台系统自身的组件设计应用，流程要快很多。因此，最好是花些时间了解下两个平台不同的设计规范，而不是混合iOS和Android的组件模型，然后还得花很多力气在开发上。

设计规范系统网址：https://ds.mockplus.cn