2023年Android和iOS差异有哪些工作中该如何处理

Android和iOS差异有哪些，工作中该如何处理？class="size-fullwp-image-5775278aligncenter"src="/wp-files/2023/03/8UBPSMoWeW01UKcFEBQo.jpg"alt=""width="900"height="420"/>

在2023年的今日，争论Android和iOS双端差异性的声音越来越小（基本已消逝），国内的流行趋势是两端渐渐一端化，一个App一套设计稿，以此降低设计成本和维护成本。

大部分设计团队好像不再进行双端差异性设计，但是实际工作中是这样吗？本篇文章通过Google、iOS原生以及目前国内主流App双端，来看看Android和iOS的双端差异设计实际状况。

一、Google和Apple官方产品差异

通过Google旗下的Gmail和iOS旗下的原生邮箱来看两端的差异性。

下图为Gmail主界面截图。

从上图可以看出，Gmail设计整体风格：注意材料质感。通过设计将功能元素强化，整体特别风格化。整体页面呈现剧烈对比颜色，通过水波设计更加强化其材料质感。

Gmail很好地遵循了MaterialDesign设计指南风格。Material推崇的抽屉导航也很好的沿用在Gmail中。而在国内，许多产品只有底部标签页不够用时，才考虑抽屉导航，其缘由是抽屉导航整体曝光点击率不如底部标签栏。

Gmail水波动画效果让人深刻。Material的动效是描述空间关系、功能以及供应优雅流畅的交互效果。

下图为iOS原生邮箱的主界面截图。

iOS原生邮箱很好地遵循了iOS设计指南设计原则的以下两点。

遵从：UI应当有助于用户更好地理解内容并与之交互，并且不分散用户对内容本身的留意力。清楚：去掉多余的修饰，突出重点，以功能驱动设计。而在动效方面，iOS的动效相比于Material来说更克制。

而在组件使用方面，Android端更多操作，常用菜单。iOS端常用底部操作列表。

二、国内主流产品双端差异性

依据QuestMobileTRUTH中国移动互联网数据库2022年9月份数据。目前国内头部互联网公司月活跃用户数top3分别为微信、淘宝和抖音。

接下来我们主要以微信、淘宝和抖音三款产品来看Android和iOS两端的差异性。

分别从以下7个点进行说明：

1.视觉风格和理念

iOS通过使用留白、简化UI、使用无边框按钮等方式使得呈现的功能更加清楚。削减使用边框、渐变和阴影，使界面尽可能轻量化，从而突显内容。以功能驱动设计，突出重点内容并传达交互性。

在两端日趋统一的今日，微信、抖音和淘宝两端没有较大的差异性。

在微信首页，两端的列表设计使用的是同一套。唯一的差异点是搜寻功能。

iOS通过点击输入框触发搜寻流程。android通过点击搜寻图标触发搜寻，这也是android设计指南所提倡的，但是这种设计会弱化搜寻功能。

目前整体设计趋势是将搜寻输入框外显以强化搜寻功能。当然也有一些应用的搜寻场景优先级低，采纳通过搜寻图标触发搜寻。

在发觉页面，列表设计维持一套。没有差异化。唯一的不同是，右上角的Android端多了搜寻和下拉菜单操作。

整体看来，微信的设计风格和理念基本保持一套，仅搜寻有些差异。右上角功能展现入口未做统一。

抖音两端主界面设计风格基本保持一套，即使消失两端功能有部分差异，也许率是两端开发进度和灰色发版等导致的。

淘宝两端的设计风格也只有一套设计。但涉及到两端系统设置差异性的时候，会对应的差异性对待。

如下图，Android端的开启系统通知的图例使用更贴合Android定制系统的图。iOS端的开启系统通知使用的是iOS系统通知的图。

唯一有点缺憾的时候，两端图例状态栏用反了。

从上面三个app中，可以看出均采纳一套设计稿，只是某些地方有少许的差异。

网易云音乐，两端差异性比前面说到的三款App会大许多。点击效果采纳material典型的水波效果。导航栏也是根据传统的Android设计规范。

但是网易云音乐也是一套设计稿，只是有些地方会有肯定的差异性。

2.支付规章

由于iOS内购规章限制，虚拟商品只能通过苹果支付平台购买，并抽取30%作为服务费。而android端不用走平台，使用支付宝、微信支付等第三方支付平台即可。

如下图所示，网易云音乐android版，支付时可以选择支付宝、微信和京东等支付方式。iOS端只能走苹果应用商店支付。

3.推送规章

iOS系统的消息推送必需依靠苹果的APNS（ApplePushNotificationService）服务器来完成，信息与app之间的交互是通过苹果的服务器完成的。

Android的消息推送相比之下更加开源，在不选择使用GCM的状况下，app的消息推送就需要在自己或者是第三方服务器与设备之间建立一条长连接，通过长连接进行推送。

4.文件选取规章

iOS系统每个app之间没有文件夹管理概念，导致无法找到对应app的文件夹。

假如iOS版app想要发送文件时，则无法选择对应的文件夹里面的文件。但由于有了iCloud的存在，可以通过iCloud选择文件。

如下图微信，由于微信文件本地都存储过，所以还可以直接调用微信谈天记录的文件。

通过iCloud云盘，可以调用发送iCloud的文件。

而Android端则可以调取文件夹，选择对应的文件发送。如下图所示。

5.手势区分

android和iOS的手势区分比较大。对于列表隐蔽的操作，安卓长按较多，iOS左右滑动较多。

如下图所示，微信android端对于列表更多操作，通过长按，唤起菜单。微信iOS端通过左滑唤起操作。

6.组件风格

iOS和material整体上视觉差异很明显。android是一种注意卡片式设计、纸张的模拟、水波动效比较突出。使用了剧烈对比颜色的设计风格。通过水波动效，强化其材料质感，如下图所示。

iOS则通过简洁的视觉层级、单纯的分割线区分层级关系。如下图的界面组件样式。

7.组件用法

Android和iOS在一些组件使用上面有明显区分。这也是两端产品比较大的区分。为什么会有这么明显的差别？

设计师基本都是iOS设计稿为主。组件都是偏iOS规范，iOS开发调用会便利许多，但对于Android开发来说成本比较高。所以涉及到某些组件时，Android开发为了省事会替换成对应的android系统组件。

假如强制android开发使用iOS设计稿。那么遇到特别场景状态没有设计时，为了省事就直接调用安卓自带组件，导致整个产品在视觉风格上面既有产品风格的组件又有安卓系统的组件，统一性差。

所以在一些特定组件上差异化是比较合适的。以下是常见的组件差异性用法。

1）toast

android的toast一般在界面底部，文案左对齐（非居中对齐）。android除了toast还有snackbar，android端提示设计趋势，snackbar有取代toast趋势，主要缘由是snackbar视觉提示更明显，同时多了操作按钮，使用场景更加广泛。

如下图同一个操作提示，Android使用snackbar，iOS使用toast。

iOS一般在界面居中位置，为了强化反馈状态，一般会有图标搭配对应的文案。

2）警示对话框

android对话框文案左对齐，按钮文案右对齐。iOS对话框文案居中对齐，按钮也都居中对齐。几年前微信Android端警示对话框遵循android规范。现在改成和iOS端保持全都。

下图抖音照旧保持了android端的规范。

3）发送按钮

Android版微信信息发送的按钮放在了工具栏上，ios版微信的信息发送按钮内嵌在键盘上。

4）更多操作

针对于更多操作时，android长按通常消失菜单，而iOS长按通常消失底部操作列表。

如下图淘宝消息查看图片，Android长按消失菜单。iOS长按消失底部操作列表。

三、双端总结

1）几年前