BeFor Web
为网而生 - 关注移动互联网及AR/VR产品的用户体验设计

别再说iOS7是扁平化设计了,好吗?

别再说iOS7是扁平化设计了,好吗?

好短暂的周末,在一天当中压缩了很多事情。学车、照料喵、做博客、看书,还睡了个很久没那么舒服了的午觉。眼下已经快到晚上11点,发好这篇早点躺倒了。

仍然有很多朋友在关注关心着小喵推推的健康情况,我在这里再次向各位表示真心的谢意了;目前情况仍算稳定,看上去每天6、7个小时的照料还是有些正面反馈的;明天带去医院复查一下。想到上周有天下午实在困的不行,在桌前趴了会,很快就开始做梦了,梦到自己中午回到家里照顾推推,累了便睡会,突然想到下午要上班,要赶紧回公司;然后便惊醒了,发现自己就在公司;各种穿越和失真的感觉。

说正经的,来看本周更新吧。又是议论文一篇,简短而明了;正好前几天和老同事聊到这方面的事情,很共鸣,拿来分享给大家。

这里进入译文。苹果发布iOS7之后,我们听到最多的流行用语就是“扁平化设计”了。显然有不少人认定,iOS7特定的视觉美学使其看上去比iOS6要更平,因此,人们也应该以这种方式来设计应用。

问题在于,iOS7从本质上讲并不扁平。实际上,它是非常细腻且具有层次的;那些使用”扁平化“一词来描述iOS7的人,他们无非是在重复那些从一开始就这样误解iOS7的科技名人的话。道理何在?我们一起来看看。

不必要的标签

这一切开始于拟物化的概念被乔布斯时代的苹果发扬光大。我(英文原文作者)回忆不起这个词是从什么时候开始变得如此流行的,只是记得这个概念从OS X Lion以及iPad开始变得越来越像回事。对于iPad来说,这个概念意味着把应用的外观和感觉设计的像现实当中的物体一样。因此,备忘录应用看上去就像真实的记事本,日历应用看着就像真实的日历,等等。媒体将此称为“拟物化”,然后这个说法就被人们一年一年的重复着;即使我自己也这样说过很多次。

这种设计习俗逐渐开始招来一些反对的声音。例如OX X Lion当中,日历应用顶部的纸张撕扯效果(在Moutain Lion当中也是如此)显得相当怪异;而iOS的Game Center那绿绿的整体感觉就像苹果并不真正了解人们是怎样进行游戏的一样。这些都很差劲。

因此,人们开始寻找一些替代品。Windows带来了Metro UI,那些科技媒体们看上去相当喜欢它,虽然他们当中没有多少人能够宣称自己真正拥有这样一台设备。几乎所有人都喜欢安卓的UI,不过这也仅仅取决于设备上运行的究竟是哪个版本的系统,以及各厂商预装了哪些臃肿的应用。

解决方案及问题所在

解决方案便是iOS7,这个自从iOS问世以来最最彻底的重新构思版本。看过第一眼之后,人们彻底惊讶于它所表现出来的“扁平化”程度。突然间,流行语产生了变化——现在的iOS7变成了“扁平化UI”,多极端的分化——几乎所有人都开始这样讲了;看上去就没人能够真正把情况搞清楚,无论是谁。

01-ios7-not-flat-design-ui-accessibility.jpg

如果iOS7是扁平的,那么你是不会看到毛玻璃底下的层面的。

我个人并不是设计师,也不是UI专家。但事实就是,iOS7并不扁平,丝毫不是。要弄清楚这一点其实很简单,只需拿起装有iOS7的iPhone进行使用,你立刻就会明白。

微妙的细节

观察任何一款iOS7应用,从内置的联系人到Facebook,你会发现它们的精粹在于不同层面的内容以及这些层面之间的互动。举个例子,如果你打开了视察效果,那么就会在前后倾斜iPhone或iPad的时候看到界面中不同层面之间的移动效果。当你在Facebook的feed界面中滚屏时,可以看到一篇内容当中的文字会进入另一篇的底部。而Siri、控制中心和通知中心则位于毛玻璃效果的层面上,其底部的内容可以透过毛玻璃模糊的呈现出来。即使在锁屏界面上,如果你足够注意,也会发现视差效果带来的层面效应。

但关于“扁平化”的争议可能会产生于图标的设计上。系统内置的“设置”就是个很好的例子。你可以在iOS6及之前版本的“设置”当中看到带有质感和高光效果的图标,而在iOS7当中,图标的外观完全没有了深度。看来,这就是大家所指的扁平化设计了,恩?

02-ios7-not-flat-design-ui-overview_features.jpg

再次强调,“扁平化”可能是苹果在这些地方所采用的设计方式,但这并没有成为其他应用的设计准则。MLB At Bat仍然在背景中使用了渐变效果,而iOS7内置的音乐应用也是如此。Safari本身呈现出扁平的效果,但它的应用图标仍然具有深度。这些非扁平的效果虽然都很细微,但却是实实在在的。

所以,人们之所以用“扁平化”一词来描述iOS7,更多的只是基于一些原生图标的设计样式而产生的宽泛概论。鉴于整个新系统当中有太多微妙的变化,“扁平化”一词完全无法精确的概括iOS7的UI。再次强调,iOS7是具有丰富层次的,它并不扁平。

值得注意

这里还有另一个因素。虽然iOS7在如今是这样的,但事情总是在变化的。第三方应用的设计师们会逐渐将它们的产品设计的越来越像苹果官方的风格,另外他们还会在iOS7风格的普遍适用性方面进行更多的尝试。在iOS7之前,人们花了很长时间来学习系统当中的设计特性与原则;如今,iOS7已经正式发布,人们同样需要时间来继续探索。

总结下来,这一切就是关于极端的版本更迭。在iOS7之前,拟物化设计风格曾经疯狂生长,几乎所有的图标、界面和布局都倾向于呈现出真实物体的外观样式。如今我们有了iOS7,它强烈的倾向于另一个极端,这使它更容易给人们带来一种扁平的感受。与iOS6及之前的版本比较起来,它确实很扁平;至于将其称为“扁平化设计”?还是算了吧,事情不是那样的

译文代表原作者观点。欢迎发表评论,或到译者微博进一步交流探讨。

本站原创编译文章。如需转载,请注明:本文来自Be For Web
译者信息: C7210 - 交互设计师、UX热爱者、译者、猫奴、音乐玩家,现就职于大众点评网用户体验设计部(DPUX)
评论 (13)
同意观点. 但想到另一个问题: 文中说 "扁平化" 即然不足以概括 iOS7 的设计理念, 但这个词汇却以匹敌 "拟物化" 的速度迅速为搞不懂 "层次" 概念的大众所接受. 专业概念 vs 大众接受, 这更有趣.
类似的感觉,有时我会想,who cares?
我觉得,它当然不能做成扁平啊,保留一些阴影啊、透明度的变化,那只是它必须与真正的win 8扁平有所区别,不然就是明显抄袭。它是在往win8扁平化靠拢,这一点必须承认。
"人们之所以用“扁平化”一词来描述iOS7,更多的只是基于一些原生图标的设计样式而产生的宽泛概论。" 非常同意,赞一个
我也觉得iOS 7不扁平…证据是动效都是缩放,反而是在制造一种有纵深的空间感嘛。 相比之下,Metro UI的动效是翻页和平移,那才是真·扁平。 有个错别字,「微妙的细节」一节第一段最后一句话,视【差】效果。 最后祝推推早日康复:)
已更正;多谢多谢的:)
其实,个人觉得扁平不扁平都不重要,重要的是能否高效的展示信息。
"form follows function"
支持!!
很赞同。iOS7重新梳理了系统的空间逻辑,而这个虚拟空间很显然是多层化的,为用户营造了细微的空间感觉。icon和控件也并非全部平面化,而是带有着轻微的渐变、投影、模糊和透明度,可见苹果并没有完全彻底地执行所谓的“扁平化”,只是将拟物化的概念(动效、层次、色彩)抽象出来,从认知和潜意识层面着手,重新设计了自己的界面。
抽象出来,是的
你的周末最高产了 虽然不熟,还是希望喵喵早点好
多谢的:)
发表评论