android和ios ui 规范,iOS和安卓设计规范的10个不同点

iOS设计规范围绕一个核心，就是“模态”

安卓设计规范如果总结成一句话，就是“任何地方均可点击”

区别iOS和Android设计的10个不同点：

1. 如何全局导航

iOS导航tab bar放在底部(顶部手短摸不着)

安卓导航tab个数少用固定tab，个数多用滚动tab，都在顶部(安卓的硬按键在底部，防止误操作)(如果种类太多，都可以使用左侧抽屉设计)

2. 二级页页头导航条是什么顺序

iOS导航

1.向上箭头+上级页面标题

2.当下页面标题(居中，可以没有)

3.操作(一般就一个)

iOS不需要给出logo

安卓导航

1.向上箭头+logo+当下页面标题

2.Spinner(optional)

3.重要操作(可能多个)

4.更多操作 (省略号竖向)

安卓不需要指出上一级页面标题

3. 搜索框设计

安卓搜索点击放大镜进入搜索

搜索框=非模态窗口+左箭头+LOGO+输入框(占位符)

iOS7搜索下拉滑出搜索框进入搜索

搜索框=模态窗口，没有左箭头，没有搜索按钮

4. 管理列表条目

iOS左滑能删掉条目

安卓长按操作条目(展现contextual menu或者contextual action bar)

ps：安卓4.0已经逐步接受手势操作，不那么严格

5. 批量管理条目

iOS右上角有编辑按钮，点击进入批量管理

安卓长按条目进入批量管理模态

6. 选择分类

iOS使用scope bar或者左上角抽屉设计(汉堡包)

安卓使用下拉菜单spinner(但是很少设计师喜欢)

7. 操作工具栏

iOS一律放在底部，叫split action bar

安卓一律放在顶部右端，叫contextual action bar

8. 产品LOGO

iOS不在导航中显示logo

安卓每一个页面左侧顶部都应该显示logo

9. 列表样式

iOS在条目上提供右箭头，提醒更多内容(optional)

安卓不放右箭头，一切区域皆可点击，不需要额外提醒

10. 按钮

安卓使用扁平方型按钮设计

iOS7建议borderless按钮设计

两者圆角尺寸也不同

以上是安卓与iOS设计的10处不同，但只属于一般范畴，目前的设计趋势与交互习惯已慢慢改变，做设计时不用刻意区别开来，为用户着想，自然就好用了。

转载时请注明出处及相应链接，本文永久地址：https://blog.yayuanzi.com/5112.html

微信打赏

支付宝打赏

感谢您对作者yaosuisui的打赏，我们会更加努力！如果您想成为作者，请点我

android和ios ui 规范,iOS和安卓设计规范的10个不同点相关推荐

【iOS UI】iOS 9 GUI 资源分享
分享的内容包括一个[DesignCode-iOS-9-GUI]Sketch 文件, 和苹果官方释出的[SF-UI.SF-Compact]两种字体的安装包. 以上内容是正版.免费的 <a href ...
android 使用ios字体大小,iOS和Android 界面设计尺寸规范
来源:UI 刚开始接触UI的时候,碰到的最多的就是尺寸问题,什么画布要建多大,文字该用多大才合适,我要做几套界面才可以?什么七七八八的也着实让人有些头疼. 废话不多说,希望大家耐心看完后,不要再纠结于 ...
IOS图标 HTML规范,IOS用户界面（UI）设计规范图表——APP设计师必看！
遇到APP设计问题相信很多人都在开发设计APP时会遇到很多界面上的问题,要以多大尺寸来设计?分辨率是多少?该怎么切图给开发-- 下面的就分享一点点技巧,但也要给合团队在开发时的习惯. 苹果手机设备 ...
android 布局可大可小,UI设计教程之：ios与android ui适配（将IOS UI转换成Android经验畅谈）...
内容提要:这是UI设计系列教程之ios与android ui适配经验畅谈.文章作者介绍了自己将IOS UI转换成Android经验,包括:不要直接转换.了解单位和组件缩放格式.屏幕尺寸DP和像素的换算 ...
android与ios ui切图关系,iOS、Android 开发单位换算及 UI 切图要求
在移动端 UI 设计中,经常会用到的单位有 4 种:px.pt.dp 和 sp,很多人分辨不清这几种单位及其换算关系,以及 iOS 和 Android 的切图要求,我在这里做下简单的介绍,希望大家读完 ...
安卓UI图分离器(支持ios@2x3x图转成安卓xhdpi,xxhdpi图,最新支持拖入并自动解压.zip图片压缩包)
如果UI是个ios粉的话,可能给的切图可能只会给ios分类,而不会给安卓分类,这样安卓用图片资源的话就苦逼了,,,如下图... 人生苦啊... 思来想去,这种搬砖的活应该交给程序来做,于是花了点时间写 ...
转移到ios下载安卓_转移到iOS app-转移到iOS(从Android转到iOS)苹果官方版_5577安卓网...
转移到iOS是苹果官方推出的第一款安卓应用,方便安卓用户转投iOS阵营,通过这款软件大家可以将原本存储在安卓手机中的包括联系人.信息.歌曲等数据无缝迁移到iPhone上,想要购买iPhone用户的朋友 ...
android+metro风格,Metro、iOS、Android之三大UI风格对比
三种移动平台,三种风格迥异的UI界面.先有iOS,后有Android,但是Metro UI的风格,早在许久之前就深入现代设计殿堂. 图:Metro UI(左).iOS UI(中).Android UI ...
安卓Android测试工具和苹果IOS集成调试测试环境工具（GT）
安卓Android测试工具和苹果IOS集成调试测试环境工具(GT) 什么是GT? GT(随身调)是APP的随身调试平台,它是直接运行在手机上的"集成调试环境"(IDTE, In ...

android和ios ui 规范,iOS和安卓设计规范的10个不同点

android和ios ui 规范,iOS和安卓设计规范的10个不同点相关推荐

最新文章

热门文章