设计经验分享 · 不定时更新

-------------------------------------------

胡桃子

深圳 | UI/UX设计师

唧唧歪歪：设计师在做 app 的时候很少考虑两个平台的差异，之前我也觉得两者越来越趋同，在设计上可以用一套设计稿去做。其实有很多不一样的地方，了解这些差异和区别，能节省UI设计和研发成本，设计更符合两个平台用户的操作习惯。

iOS与安卓设计上的差异主要从系统差异、成本考虑、用户习惯3个方面来阐述。

一. 系统差异

1. 物理按键对返回的影响

安卓的物理按键以及屏幕导航按键的差异是安卓的返回键更加方便，

iOS只有home键，随着全屏的出现，可能会打破这种差异。

因此在设计返回操作的时候需要考虑平台的差异性。

?安卓比iOS增加了物理返回键、底部导航，有些设备可以隐藏底部导航。

全面屏的普及会慢慢打破这种因为物理按键造成的交互及设计差别，全面屏设计适配是要考虑底部按键的差异。

华为全面屏的几种手势：

安卓全面屏出现后，并没有完全舍弃内置导航按键，还有纯手势、悬浮按钮、内置导航条3种方式。随着硬件的发展，安卓和iOS的交互操作会更加趋同，改变这种差异。

返回浮窗的UI表现：

iOS 手机只有一个“Home ”键，为方便用户退出浮层需要增加了“取消”入口。

而 Android 手机本来就有“返回”虚拟键，所以多做一个“取消”的意义性不大。

2. 屏幕分辨率造成的色调选择

Material Design作为谷歌推出的全新的设计语言，和iOS对比，Material Design更加沉稳，iOS更加鲜艳。原因是因为iOS的屏幕分辨率更高，对鲜艳颜色的还原度更好，安卓适应的机型比较多，颜色还原度没有那么好。

深色模式下考虑到用户长期使用的体验，因iOS的还原度高，背景使用#000000，安卓分辨率的限制，文字颜色较浅，谷歌推荐背景色为#121212。有些平台护眼模式和深色模式用两套，比如网易云音乐。

3. 状态栏交互的不同

iOS ：用户在 Y 轴滚动了很长内容时，点击状态栏可以快速回到初始位置。

Android ：部分安卓手机无论滚动了多长内容，都是点击无任何效果，不过两种交互也逐渐趋同。

4. 软件更新方式的不同

Android ：由于安卓的开源特性，当有新版本时都会提示用户更新，且每个产品内部都带有“版本更新”入口。

更新的方式可分2种：

引导更新：弹出提示让用户更新 APP ，用户点击「更新」按钮前往应用商店更新、或者在当前页面更新并显示下载进度。

强制更新：也是先提示用户更新，只不过用户点击「更新」按钮，即调起软件安装页面。

iOS ：而 iOS 端出于对用户体验的考虑，是禁止向用户提示版本更新信息的。这也是为什么绝大部分的 iOS 产品，都是没有“版本更新”入口的原因，即使有，点击了也直接跳转到 App Store 查看版本情况。

5. 切图标注

XHDPI对应的是安卓2倍图，XXHDPI对应的是安卓3倍图，iOS的3倍图和安卓的XXHDPI是一样的。

iOS用375*667px做设计，有些也用750*1334px，原因有3点：

①开发同学不用换算，直接采用1倍图就可以

②sketch切图时导出更加方便

③极大提高了视觉还原和其他机型的适配

安卓用1080*1920px做设计，原因有3点：

①从中间尺寸向上和向下适配的时，调整幅度最小，最方便适配

②大屏幕时代依然以小尺寸作为设计尺寸，会限制设计师的设计视角

③用主流尺寸做设计，极大提高视觉还原和机型适配

4. 键盘差异引发的搜索框样式

安卓键盘有些是系统自带的，也有第三方的，例如搜狗输入法，iOS更多是系统自带的键盘。

很多输入法在键盘的右侧加入了更加明显的搜索按键，但为了照顾一些用户的操作习惯，安卓还是把搜索放在了搜索框后面。

二. 成本考虑

1. 开发成本

loading

iOS的loading自定义更加常见、个性化强，安卓很多都是用系统自带的(转圈的那种)，主要是考虑开发成本。

TAB样式

2个平台会有特有的控件样式。

安卓系统本身全局actionbar，若去实现其他的样式，会破坏整体的封装，开发成本更高。

iOS系统有自定义的tab切换样式，开发人员只需要更改颜色、圆角，更加方便。

高斯模糊

毛玻璃在iOS比较常见，安卓开发成本高，建议不做这种效果。

2. 商业成本

一般iOS会让用户承担30%的抽成，例如优酷、腾讯的VIP会员价格。

三. 用户习惯

1. 长按侧滑删除

信息列表的侧滑，在iOS中是很常见的操作，但是在安卓更习惯长按，如果改成侧滑删除，会增加用户的理解成本。

2. 图标设计

返回按钮：一般iOS返回不带横线“

分享按钮：一把iOS会采用苹果自带的向上的形式，安卓喜欢用三个圈圈(看下图)。

弹窗按钮：有些安卓弹窗上的按钮会遵循系统规则，在右侧这种形式，iOS更喜欢居中。

bar标题位置：安卓上的标题跟随着“返回”，在bar的左侧，iOS会喜欢放在中间。

总结

两个平台新版本发布的时候也会更新新的设计规范，我们应该实时关注两者的优劣势，取其优势，结合项目本身，设计出更加符合用户习惯或者节约成本的设计。

希望上述内容能对大家在数据可视化设计有所帮助～～

---

感谢你的阅读支持 · 欢迎留言互动

-------------------------------------------

多一点行动  ·  多一种可能

—

你点的「在看」是最好的肯定与鼓励