android涟漪
㈠ Android与iOS:两种设计语言的和而不同
整体风格对比
IOS: iOS7的Flat Design——是 Mobile 设计里程碑。原本栩栩如生的拟物化设计被拍扁,去除了冗余、厚重和繁杂的装饰效果,变成了“扁平化设计”,其核心思想就是让“信息”本身凸显出来,在设计元素上则强调了抽象、极简和符号化。自此扁平风格开始在移动端设计中广为盛行。
Android: 自从2014年11月3日,Android5.0 Lollipop 正式面向用户推出,Material Design 焕然一新的设计惊艳了全场,不仅仅是视觉效果,全新的“数字纸墨”的空间概念也赋予了界面全新的UI理念。
那么 Flat Design 与 Material Design,两个同样趋于简约的设计理念,他们具体的区别又在哪呢? 以下将会就这个话题具体分析两者在设计思路、动效和其他细节上的不同。
设计思路的不同——开发与封闭
如果只能用一对词来概括 Android 和 iOS 系统的不同,那应该是开放与封闭,也正是这两个截然不同的系统特性带来了设计思路的不同。
Android 的开放带来了多样化设计的同时(使用自定义控件几乎没有不能实现的设计效果),同时也带来了“杂乱无章”之感和众多因为不统一而造成的用户在使用时无从下手的情况。
iOS的 HIG(《Human Interface Guideline》人机交互规范)则更多“迫使”设计师去更多的使用系统原生的控件,设计师对于控件的修改非常局限,但这样做的好处就是每个 App
的基本操作都是在规范之内,具有一定的统一性,用户使用起来非常的方便,学习成本也相应降低了不少。这两者很难去评判孰优孰劣,可以说“iOS 的下限比 Android 高,但 Android 的上限比 iOS 高”,伴随着大屏时代的脚步,可以看到双方都在努力靠近彼此的一个趋势,相信在不久的将来,就可以达到一种“和而不同”的平衡。
动效展现原理不同——换个角度理解世界
现在动效的运用已经成为了许多 APP的标配,合理的动效不仅仅是为了视觉效果上的“酷炫”,更是帮助用户更好的理解层级、转场关系和关注到重点信息的利器。然而细心的设计师会发现,Android
和 iOS 的动效思路是截然不同的。用一句话概括两边设计语言的物理模型就是: Material Design 运用的是机械物理和电磁物理,而iOS 的动效更多建立在镜头运动和景深变化上。究其设计语言的本质就是让用户可以把客观经验移植到界面的一种思路。
Material Design 的隐喻是纸张,用户的手指就像磁铁一样把电子纸墨吸引过来,点击后就会泛起“涟漪”作为一个交互响应。而其他物体的排列则按照一种“深浅”的层级来排布,离手指越近的元素越亮,阴影越深,而离开远的元素则越暗,直至淹没在黑暗之中。
细观 iOS 的系统动效可以槐桐厅发现,iOS 的桌面就好像一片星空,每个 App 都是其中的一个小星星(点),每当用户去点击,镜头就会切近,而背景则是隐入了一片高斯模糊的景深之中,这应该是每个 iOS 用户最深刻的动铅隐效体验之一了。 高斯模糊也成为了 iOS 特有的一个表达层级关系的利器 (其中不仅是模糊,还存在着镜头晃动时的位移)。
同样类型的动效还体现在打开 APP 的时候由一个点放大成一个面,包括“轮虚日历”App 和“相册”App(皆为系统应用)中年-日-月切换的操作,均是镜头思路的表现形式。
无论是哪种动效,本质上都是帮助用户更好的理解界面信息在时间和空间上的关系。
其他设计形式——和而不同
(1)Tab bar的设计
iOS的Tab放在页面底部,通常通过点击来切换。Android一般放在页面顶端,可以通过滑动页面来切换Tab,当然Tab可以点击切换。Tab多的话,Tab本身也可以滑动。
单条item的操作
iOS单条item的操作有两种,点击和滑动,点击一般进入新的页面,滑动会出现对这条item的一些常用编辑操作,如微信里滑动一条订阅号,会出现取消关注和删除。
Android中,单条item的操作也有两种,点击和长按,点击一般进入新的页面。长按进入一个编辑模式,可以在里面进行批量和其他一个操作,比如删除,顶置等等。
字体
iPhone上的字体英文为:HelveticaNeue 。iOS9之后变为 苹方字体 ,该字体提供了6种字重。分别为:常规体、极细体、细体、纤细体、中黑体、中粗体。使用不同字重,更加界面上不同层级信息的表达。
Android 上的字体为:Droid sans fallback,是谷歌自己的字体,与微软雅黑很像。
规范与用户习惯的平衡
最后谈一谈微信,这个用户量级重达10亿的APP,他们是如何在Android和iOS的设计版本中平衡规范与用户习惯的。
微信的tab导航,iOS和Android端依然是保持一致,都放在底部的。其实在Android4.0时期,微信出过一个严格按照android规范的版本,把导航放在里侧滑里,但是随着用户使用习惯的逐渐被固化,发现很多常用的功能是不适合放在侧滑里的。所以后来的微信android版,还是把主导航放在了底部。只是在单条item的操作、输入框的样式等细节上按照android的规范来做。
总结
做设计,既要借鉴官方、行业主流的设计形式,更要分析和总结别人设计形式背后的逻辑。官方、主流设计已经将用户的认知和使用习惯培养起来了。
正如交互之父Alan Cooper所说:如果你找不到更好的设计方案,就按照目前的标准来做,强打差异化有违用户习惯的,可能这对用户价值是有伤害的。 这就是最后要用微信为载体对比iOS和Android两大系统的差异。设计的目的在于提供适当场景的解决方案,当目前市场的解决方案都满足不了现有的业务需求,我们就要学会创造,但是在创造过程中最好依据现有标准设计来改变与创造。
㈡ Android 和 iOS的设计区别(笔记)
1、 从Flat Design 到Material Design 的转变,总体都是简约扁平化的设计理念了。
2、从设计思路来说,Android 的设计风格应该是开放的,比如自定义的控件可以带来多样化的设计,但是也同时带来了“杂乱无章”的感觉和不统一的用户界面;iOS 的人机交互规范让界面整体会使用系统原生的控件,设计师对于控件的修改非常局限,但是这样可以具有一定的统一性,用户使用起来非常的方便。
3、从动效展现方面来看,我没有了解太多,但是可以拿日历的例子来说一下,比如三星、小米手机的日历操作,当用户点击一个触点后就会泛起“涟漪”或者波纹一样的效果作为一个交互响应;iOS 的话好像有一种镜头感,或者说远景近景的切换,用户去点击,镜头就会切近。 总之他们本质上都是为了帮用户更好的理解界面切换和时间线之间的关系。
4、另外一个很重要的点就是分辨率了, iOS的分辨率相对固定,设计效果更容易被还原。但Android屏幕尺寸很多,虽然做设计稿子只做一套来适配,但同时要考虑是否符合不同分辨率尺寸下的屏幕显示效果。
其他可能就是字体、Tab bar 设计、编辑模式等方面了
㈢ ios和安卓的区别
1. 应用的设备不同:
IOS和安卓最大的区别在于本身所应用的设备不同。IOS系统主要是应用在iPhone、IPad、itouch设备上的操作系统,安卓系统主要是应用在安卓智能手机上的操作系统。
2. 面向人群不同:
IOS系统面向的是中高层收入的人群,有人称它为“高富帅”系统,而安卓系统则是面试中低层的大众人群,有人称它为“屌丝系统”。
3.系统的开放性区别:
安卓拥有自己的开源计划AOSP(Android Open Source Project),只要遵循GPL和Apache Licence 2.0开源协议,那么你就可以使用安卓源代码进行二次开发。而安卓由于源代码开放,自然可玩性也比iOS高。此外,安卓比iOS开放了更多的应用接口API,可以很自然地利用安卓实现很多在iOS上不折腾就没法做的功能。在安卓,可以随心随意地更换输入法,随意用任何浏览器打开链接,随意从任何途经安装程序,随意调用第三方程序分享文件——这些在iOS上不越狱都做不到,即使越狱也未必比安卓做得更好。
4. 系统的安全性区别:
IOS系统是一款比较强大的操作系统,在IOS系统运行的程序不管程序多大都不会造成死机,玩起来非常的流程,而且系统的安全性比较高。
安卓系统是属于代码系统,如果所有的应用程序需要下载下来之后才能玩,系统用久之后会经常出现卡机或者是死机的现象,而且安卓系统还存在恶意的插件在系统上自动运行,系统漏洞多,导致个人资料被盗、系统耗电大,流量消耗大等,系统安全性相对来说比较低。
5. 开发难度不同:
苹果提供完整高效xcode,sdk等开发环境,ios系统一脉相承,ios版本之间的软件通用,即开发一款产品苹果所有设备都能运行。其硬件的强大也让开发变的更加容易。