旗下产业: A产业/ A实习/ A计划
全国统一咨询热线:010-5367 2995
首页 > 热门文章 > UI设计 > UI设计中IOS和安卓的设计差异

UI设计中IOS和安卓的设计差异

时间:2020-08-21来源:www.aaa-cg.com.cn点击量:作者:Gella
时间:2020-08-21点击量:作者:Gella

  设计师在做app的时候很少考虑两个平台的差异,在设计上用一套设计稿去做,其实有很多不一样的地方。今天AAA教育郭老师就针对UI设计中IOS和安卓的设计差异进行简单的说明。
 

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

 



 

  一. 系统差异
 

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

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

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

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

 



 

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

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

  华为全面屏的几种手势:
 

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

  返回浮窗的UI表现:
 

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

 



 

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

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

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

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

 



 

  3. 软件更新方式的不同
 

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

  更新的方式可分2种:
 

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

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

 



 

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

 



 

  4. 切图标注
 

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

 



 

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

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

  ②sketch切图时导出更加方便
 

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

  安卓用1080*1920px做设计,原因有3点:
 

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

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

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

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

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

 



 

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

 



 

  二. 成本考虑
 

  1. 开发成本
 

  loading
 

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

  TAB样式
 

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

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

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

 



 

  高斯模糊
 

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

  2. 商业成本
 

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

  三. 用户习惯
 

  1. 长按侧滑删除
 

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

 



 

  2. 图标设计
 

  返回按钮:一般iOS返回不带横线“<”,安卓喜欢带有横线,例如下图,不过有些app会统一用一种。
 

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

 



 

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

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

 



 

  总结
 

  两个平台新版本发布的时候也会更新新的设计规范,我们应该实时关注两者的优劣势,取其优势,结合项目本身,设计出更加符合用户习惯或者节约成本的设计。因此,您现在已经了解了与UI设计师的工作相关的主要技能。如果您想了解更多信息,请访问AAA教育,包含有关在该领域工作的更多相关文章。



 

预约申请免费试听课

填写下面表单即可预约申请免费试听!怕钱不够?可先就业挣钱后再付学费! 怕学不会?助教全程陪读,随时解惑!担心就业?一地学习,可推荐就业!

©2007-2021/北京漫动者教育科技有限公司版权所有
备案号:京ICP备12034770号

老师想和你聊一聊

©2007-2021/ www.aaa-cg.com.cn 北京漫动者教育科技有限公司 备案号: 京ICP备12034770号 监督电话:010-53672995 邮箱:bjaaa@aaaedu.cc

京公网安备 11010802035704号

网站地图