有粉丝在DDC后台留言说希望我们能写一篇iOS和Android平台特性对比的文章。两个平台我都做过差异化的设计,所以今天想借这个话题来介绍一下iOS和Android系统的设计差异,让大家更好的理解异同点,并运用到自己的设计中。作为智能手机最火爆的两大阵营,iOS和安卓系统的区别一直是大家津津乐道的话题。内容通常围绕“机器性能好不好,打开软件卡不卡”“摄像头像素高不高”。高,诸如“照片中的你美吗”“你的脸大了吗”等话题。但在设计师眼中,两种系统的区别远不止表面上的简单粗暴。但在移动端风潮如春草般蔓延的今天,大部分企业选择直接将iOS界面套用到Android系统上。我们自然可以理解这样做是为了节约成本,为了更快的迭代,但是抹杀使用系统特性牺牲了很多安卓用户的使用体验。虽然知乎上对两种系统的差异有类似的解答,但今天我想更着重谈谈两种设计语言的异同点。从扁平化设计到MaterialDesign,几乎每个移动端设计师都会熟悉一个移动端设计的里程碑——iOS7的扁平化设计。将原本栩栩如生的拟物化设计扁平化,去除多余、繁复的装饰效果,扁平化为“扁平化设计”。核心思想是让“信息”本身脱颖而出,设计元素强调抽象、极简和符号化。从那时起,扁平化风格在移动设计中开始流行。典型的MaterialDesign自Android5.0Lollipop于2014年11月3日正式向用户推出以来,全新的MaterialDesign设计让观众惊叹不已,不仅是视觉效果,“数字纸和墨水”的全新空间概念也让观众惊叹不已。赋予界面全新的UI概念。iOS7设计,扁平化风格。那么FlatDesign和MaterialDesign这两个同样趋向于简约的设计理念,它们之间的具体区别是什么?下面将具体分析设计思路、动态效果和其他细节的差异。开放式和封闭式,设计思路大不相同。如果只能用一对词来概括Android和iOS系统的区别,我觉得应该是开放和封闭。正是这两种完全不同的系统特性带来了设计思路。不同的。Android的开放性带来了多样化的设计(几乎没有使用自定义控件无法实现的设计效果),但也带来了“杂乱无章”的感觉和很多用户无法开始使用的不一致带来的问题。健康)状况。另一方面,iOS的HIG(《Human Interface Guideline》Human-ComputerInteractionSpecification)“迫使”设计师使用更多的系统原生控件。设计者对控件的修改非常有限,但这样做的好处是每个App的基本操作都在规范之内,具有一定的统一性。用户使用起来非常方便,学习成本也相应降低了很多。很难判断两者哪个更好。可以说“iOS下限高于Android,但Android上限高于iOS”。随着大银幕时代的脚步,可以看出双方都在努力拉近彼此的距离。相信在不久的将来,可以实现“和而不同”的平衡。动态效果展示——换个角度看世界如今,动态效果的应用已经成为很多APP的标配。合理的动效不仅是为了“炫酷”的视觉效果,也是帮助用户更好地理解层次、转折关系、聚焦关键信息的利器。但是,细心的设计师会发现Android和iOS的动画思路是完全不同的。一句话概括了双方设计语言的物理模型:MaterialDesign使用的是机械物理和电磁物理,而iOS的动态效果更多是基于相机运动和景深变化。其设计语言的本质是一种让用户将客观体验移植到界面上的思维方式。MaterialDesign的隐喻是纸。用户的手指就像磁铁一样吸住电子纸墨水。点击后会有“涟漪”作为交互响应。其他物体的排列是根据“暗度”等级排列的。靠近手指的元素更亮,阴影更暗,而远离手指的元素更暗,直到淹没在黑暗中。MaterialDesign中动效的展示细看iOS系统的动效,iOS的桌面就像星空,每个App都是其中的一个小星星(点)。每当用户点击时,相机就会放大。背景隐藏在高斯模糊景深中,这应该是每个iOS用户最深刻的动画体验之一。高斯模糊也成为了iOS特有的表达层次关系的工具(不仅是模糊,还有相机抖动时的位移)。同类型的动态效果还体现在打开应用时点放大为面,包括“日历”应用和“相册”应用(均为系统应用)的中年-日-月切换操作,所有这些都是镜头创意的表现形式。相册的层级,由远到近,由小到大iOS打开app时的动效,由点到面不管是哪种动效,本质上都是为了帮助用户更好的理解界面切换和界面切换之间的关系timeline基于这两个系统的动态效果,设计师还可以设计出适合自己产品的动态效果。解析之痛对于需要同时涉及多个移动平台的设计师来说,解析是一个永远无法回避的痛点。在iPhone6/iPhone6Plus出现之前,iOS更受设计师欢迎,被用作设计的模板。很大一部分原因是iOS的分辨率比较固定,设计效果更容易还原。而安卓一直因为屏幕尺寸的多样化而被设计师们“反感”。因此,在设计过程中,不仅要调整当前页面的最佳设计效果,还要考虑这样的设计是否符合不同分辨率尺寸下的屏幕显示效果。小雪的?(传送门:第一章、第二章、第三章)之前的公众号应该会给你很多改编灵感。对于Android,没有别的,只有调整。尽量将设计元素所占用的空间用百分比表示,并根据开发实施的效果,在一些极端情况下调整具体的间距,以“满足大多数主流屏幕的最佳显示和其他屏幕的可接受显示”“原则。下图是iOS和Android分辨率之间的转换关系。当切图遇到某种多重关系时,可以一键导出同时适配两者的切图。1dp(Android)=1pt(iOS)如果按48dp@160dpi计算,mdpi48px(160dpi,1x)是基本尺寸,hdpi72px(240dpi,1.5x)很少用到。低分辨率xhdpi96px(320dpi,2x)与iOS相同@2xxxdpi144px(480dpi,3x)与iOS相同@3xxxxdpi192px(640dpi,4x)更大更高更强的分辨率其实有很多区别iOS和Android的设计,比如字体、Tab栏设计、物理按键操作方式、编辑方式、App体现个性的方式等等,这里就不一一展开了。希望设计者在设计手机产品的过程中,能够多思考两者的异同点,多关注Android系统独有特性的应用,这样不仅可以节省开发成本,还可以更好的发挥被安卓用户接受。
