iOS和安卓的UI设计有什么区别
2个回答
展开全部
iOS与安卓设计上的差异主要从系统差异、成本考虑、用户习惯3个方面来阐述。
一. 系统差异
1. 物理按键对返回的影响
安卓的物理按键以及屏幕导航按键的差异是安卓的返回键更加方便,
iOS只有home键,随着全屏的出现,可能会打破这种差异。
因此在设计返回操作的时候需要考虑平台的差异性。
安卓比iOS增加了物理返回键、底部导航,有些设备可以隐藏底部导航。
全面屏的普及会慢慢打破这种因为物理按键造成的交互及设计差别,全面屏设计适配是要考虑底部按键的差异。
华为全面屏的几种手势:
安卓全面屏出现后,并没有完全舍弃内置导航按键,还有纯手势、悬浮按钮、内置导航条3种方式。随着硬件的发展,安卓和iOS的交互操作会更加趋同,改变这种差异。
返回浮窗的UI表现:
iOS 手机只有一个“Home ”键,为方便用户退出浮层需要增加了“取消”入口。
而 Android 手机本来就有“返回”虚拟键,所以多做一个“取消”的意义性不大。
2. 屏幕分辨率造成的色调选择
Material Design作为谷歌推出的全新的设计语言,和iOS对比,Material Design更加沉稳,iOS更加鲜艳。原因是因为iOS的屏幕分辨率更高,对鲜艳颜色的还原度更好,安卓适应的机型比较多,颜色还原度没有那么好。
深色模式下考虑到用户长期使用的体验,因iOS的还原度高,背景使用#000000,安卓分辨率的限制,文字颜色较浅,谷歌推荐背景色为#121212。有些平台护眼模式和深色模式用两套,比如网易云音乐。
. 软件更新方式的不同
Android :由于安卓的开源特性,当有新版本时都会提示用户更新,且每个产品内部都带有“版本更新”入口。
更新的方式可分2种:
引导更新:弹出提示让用户更新 APP ,用户点击「更新」按钮前往应用商店更新、或者在当前页面更新并显示下载进度。
强制更新:也是先提示用户更新,只不过用户点击「更新」按钮,即调起软件安装页面。
iOS :而 iOS 端出于对用户体验的考虑,UI设计中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会喜欢放在中间。
一. 系统差异
1. 物理按键对返回的影响
安卓的物理按键以及屏幕导航按键的差异是安卓的返回键更加方便,
iOS只有home键,随着全屏的出现,可能会打破这种差异。
因此在设计返回操作的时候需要考虑平台的差异性。
安卓比iOS增加了物理返回键、底部导航,有些设备可以隐藏底部导航。
全面屏的普及会慢慢打破这种因为物理按键造成的交互及设计差别,全面屏设计适配是要考虑底部按键的差异。
华为全面屏的几种手势:
安卓全面屏出现后,并没有完全舍弃内置导航按键,还有纯手势、悬浮按钮、内置导航条3种方式。随着硬件的发展,安卓和iOS的交互操作会更加趋同,改变这种差异。
返回浮窗的UI表现:
iOS 手机只有一个“Home ”键,为方便用户退出浮层需要增加了“取消”入口。
而 Android 手机本来就有“返回”虚拟键,所以多做一个“取消”的意义性不大。
2. 屏幕分辨率造成的色调选择
Material Design作为谷歌推出的全新的设计语言,和iOS对比,Material Design更加沉稳,iOS更加鲜艳。原因是因为iOS的屏幕分辨率更高,对鲜艳颜色的还原度更好,安卓适应的机型比较多,颜色还原度没有那么好。
深色模式下考虑到用户长期使用的体验,因iOS的还原度高,背景使用#000000,安卓分辨率的限制,文字颜色较浅,谷歌推荐背景色为#121212。有些平台护眼模式和深色模式用两套,比如网易云音乐。
. 软件更新方式的不同
Android :由于安卓的开源特性,当有新版本时都会提示用户更新,且每个产品内部都带有“版本更新”入口。
更新的方式可分2种:
引导更新:弹出提示让用户更新 APP ,用户点击「更新」按钮前往应用商店更新、或者在当前页面更新并显示下载进度。
强制更新:也是先提示用户更新,只不过用户点击「更新」按钮,即调起软件安装页面。
iOS :而 iOS 端出于对用户体验的考虑,UI设计中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会喜欢放在中间。
展开全部
设计上来说这两个系统有些东西越来越通用了,目前很多Android的应用偏苹果风格,也就是说基本都是采用一套iOS设计模板来适配Android系统。
1、术语解读和系统平台对比
android是Google公司开发的操作系统。
iOS是苹果公司的移动操作系统。
2、导航方式不一样
iOS的Tab放在页面底部,不能通过滑动来切换,只能点击。也有放在上面的,也不能滑动,但有些Tab本身可以滑动,比如天猫的。还有新闻类的应用。
Android一般放在页面顶端,可以通过滑动页面来切换Tab,当然Tab可以点击切换,Tab多的话,Tab本身也可以滑动。比如豌豆荚,百度贴吧,QQ。总之,Android啥都可以有。
3、UI设计规范不一样
比如现在通常设计的尺寸对比如下:
iOS: 750*1334 或者 1242*2208
android:720*1280 或者 1080*1920
4、单条item的操作
iOS单条item的操作有两种,点击和滑动,点击一般进入一个新的页面,滑动会出现对这条item的一些常用操作,如微信里滑动一条对话,会出现标记未读和删除。
Android中,单条item的操作也有两种,点击和长按,点击一般进入一个新的页面。长按进入一个编辑模式,可以在里面进行批量和其他一个操作,比如删除,顶置等等。比如小米的短信页面;长按也可以弹出情境操作栏dialog,进行操作,比如Android版的微信。
例外的是,Android里面也可以有单条item的滑动,如新版QQ,这种比较少见。AndroidL的短信,可以滑动进行归档。大Android啥都可以有。
5、实体键
iOS只有一个实体键(音量,电源不算哈),home键,这个键有这么几个功能:
1、按一次,回到桌面。
2 、双击,出现多任务界面
3、iOS8里面,轻触两下Home键,调出单手模式
4 、指纹解锁
Android有四个实体键(现在很多被屏幕上的虚拟键代替,但功效是一样的)4.4一下的分别是back键,home键,menu键,和搜索键。4.4及以上,是back键,home键,多任务键。Android原生是这样,经过优化的Android就不一定了,比如魅族的smart bar,根据当前页面情景变化,不过蛮好用。
Android的back键,在大部分情况下,和页面上的返回功效一样。不过,Android的back键可以在应用件切换,还可以返回主屏幕。这个iOS里面的键不能在应用间直接切换。
6、浮窗设计元素不一样
Android里可以看到各种浮窗,流量,清理内存等等。iOS暂时还不支持这样的浮窗。越狱的貌似可以。
iOS和Android的UI区别七:图标尺寸和命名规范不一样
1、iOS和Android手机的APP图标尺寸规范和图标命名规范
2、对比PC、iOS、Android等终端APP的交互设计的差异化
1、术语解读和系统平台对比
android是Google公司开发的操作系统。
iOS是苹果公司的移动操作系统。
2、导航方式不一样
iOS的Tab放在页面底部,不能通过滑动来切换,只能点击。也有放在上面的,也不能滑动,但有些Tab本身可以滑动,比如天猫的。还有新闻类的应用。
Android一般放在页面顶端,可以通过滑动页面来切换Tab,当然Tab可以点击切换,Tab多的话,Tab本身也可以滑动。比如豌豆荚,百度贴吧,QQ。总之,Android啥都可以有。
3、UI设计规范不一样
比如现在通常设计的尺寸对比如下:
iOS: 750*1334 或者 1242*2208
android:720*1280 或者 1080*1920
4、单条item的操作
iOS单条item的操作有两种,点击和滑动,点击一般进入一个新的页面,滑动会出现对这条item的一些常用操作,如微信里滑动一条对话,会出现标记未读和删除。
Android中,单条item的操作也有两种,点击和长按,点击一般进入一个新的页面。长按进入一个编辑模式,可以在里面进行批量和其他一个操作,比如删除,顶置等等。比如小米的短信页面;长按也可以弹出情境操作栏dialog,进行操作,比如Android版的微信。
例外的是,Android里面也可以有单条item的滑动,如新版QQ,这种比较少见。AndroidL的短信,可以滑动进行归档。大Android啥都可以有。
5、实体键
iOS只有一个实体键(音量,电源不算哈),home键,这个键有这么几个功能:
1、按一次,回到桌面。
2 、双击,出现多任务界面
3、iOS8里面,轻触两下Home键,调出单手模式
4 、指纹解锁
Android有四个实体键(现在很多被屏幕上的虚拟键代替,但功效是一样的)4.4一下的分别是back键,home键,menu键,和搜索键。4.4及以上,是back键,home键,多任务键。Android原生是这样,经过优化的Android就不一定了,比如魅族的smart bar,根据当前页面情景变化,不过蛮好用。
Android的back键,在大部分情况下,和页面上的返回功效一样。不过,Android的back键可以在应用件切换,还可以返回主屏幕。这个iOS里面的键不能在应用间直接切换。
6、浮窗设计元素不一样
Android里可以看到各种浮窗,流量,清理内存等等。iOS暂时还不支持这样的浮窗。越狱的貌似可以。
iOS和Android的UI区别七:图标尺寸和命名规范不一样
1、iOS和Android手机的APP图标尺寸规范和图标命名规范
2、对比PC、iOS、Android等终端APP的交互设计的差异化
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询