作者/ODIN ASGARD
随着 2013年苹果的 Worldwide Developers Conference逼近,苹果即将推出的最新作业系统 iOS 7 也备受关注。iOS 7 今年最受注目的议题是:
拟真设计是否会随着苹果前 iOS 主管 Scott Forstall 离职而消逝?被嫌沉闷的 iOS 交给以「极简设计」驰名的设计总监 Jonathan Ive 主导之后,能否焕然一新?
苹果的拟真争议
Skeoumorphism 可译作拟真、拟物,一般定义是:
过去苹果推崇拟真的介面设计哲学,特别注明的是负责软件的 Scott Forstall 和前老闆 Steve Jobs。iPad 上的 iBooks、OS X 的 iCal 都是着名的拟真设计。
美感王者的衰败:苹果的拟真设计过时了?
iBooks 的拟真设计模仿纸本书的翻页。
拟真设计一直是 iPhone 的特色。例如在图标上大量加入阴影、渐变和玻璃反光效果,把一个平面的介面变得立体、真实。
美感王者的衰败:苹果的拟真设计过时了?
iOS 介面充满阴影、玻璃反光。
但是自 2011 年起,不断有人质疑苹果的设计过时,认为苹果应该学习 Google,改用 Windows 8 非立体的、「扁平化」设计:
Odin 不是专业设计师,不想、也不敢评论拟真设计是否已经过时。但 Odin 想讨论的是当坚持拟真的 Scott Forstall 和 Steve Jobs 相继离去,由极简路线的 Jonathan Ive 主政后,苹果的软件设计将会如何?
苹果的坚持与改变
注明苹果网站 9 to 5 Mac 宣称 Jonathan Ive 上台后,会大改苹果的介面:
. . . . iOS 7 将会在 Ive 的领导下 . . . 变成更新鲜、拥抱扁平化款式的介面。为了让大家看到我们所见到的 iOS,我们一起看看苹果在 Jony Ive 接手后的美学设计:
美感王者的衰败:苹果的拟真设计过时了?
旧的Podcast App for iOS 模拟卡带,新的没有。
美感王者的衰败:苹果的拟真设计过时了?
旧的和新的OS iTunes。
上述的介面改变出现在 Jonathan Ive 上台之后,因此 9 to 5 Mac 的结论是 Jonathan Ive 欲将 iTunes 改变成「扁平化」的介面。但对不起,请让我吐嘈一下。当我越挖掘,就发现愈多有趣的事情。例如,其实上图的设计改变早就出现了:
美感王者的衰败:苹果的拟真设计过时了?
iOS 4 和 iOS 5 的音乐播放介面。
从上图可见,新介面其实在一年前的 iOS 5 上就出现过了。也就是说早在 Jonathan Ive 上台前、Scott Forstall 还在职时,这个新的介面就已经出现了。
对,其实苹果在坚持拟真介面的背后,暗地里一直尝试着一些不同的设计。另一个例子是苹果官网。下图是2010年11月13日的苹果网站。留意下方横条的「iPhone 4 or iPhone 3GS」及「4.1」的横幅,还保有明显的的反光效果:
美感王者的衰败:苹果的拟真设计过时了?
2010年11月13日的苹果网页快照。
但是到了2012年时,苹果官网上的 iPhone 5 表格里,大部份的反光效果都砍掉了,此时 Forstall 也还未离开。对,其实在 Jonathan Ive 上台之前,苹果已经一路在砍网页上的反光元素。
美感王者的衰败:苹果的拟真设计过时了?
2012年10月25日之苹果网页。
iOS 更早採用卡片式与活动流设计
许多人很欣赏新的 Google+,觉得加入了卡片式与瀑布流设计,介面变得很简洁、好看。但其实2012年初 Scott Forstall 设计的 App「iPhoto for iOS」以及照片日誌,都比 Google+ 更早使用了这些具有 Pinterest 风格的设计。
美感王者的衰败:苹果的拟真设计过时了?
Google+,iPhoto 日誌都仿 Pinterest 设计。在 Scott Forstall 主理下,2011年推出的 iOS 5 也大量採用卡片式设计,当时 Android 4.0 和它的新式卡片介面都还没出现哩。
美感王者的衰败:苹果的拟真设计过时了?
iOS 5 的卡片式设计。
呀,还有 Scott Forstall 主导的 App Store,也有卡片式设计:
美感王者的衰败:苹果的拟真设计过时了?
App Store 的卡片式设计。
App Store 的搜寻介面和早前被苹果收购的 Chomp 一样,也有 Pinterest 的影子…
美感王者的衰败:苹果的拟真设计过时了?
App Store 里的卡片式设计
注意,Scott Forstall 也有用过扁平化设计耶!下图左边是过去的对话泡泡,而右边是由 Scott Forstall 领军设计的 Siri 介面。对话泡泡不但扁平了,也没有水滴状的反光效果:
美感王者的衰败:苹果的拟真设计过时了?
Message对话泡泡仍然有苹果着名的高光效果,但 Siri 的对话泡泡就变成扁平了。
而被批评为过度使用拟真设计的 Passbook 呢?出乎意料地,在极度的拟真化之外,它居然也有扁平化、卡片化的一面:
美感王者的衰败:苹果的拟真设计过时了?
拟真化的 Passbook,也有扁平化、卡片化的一面
其实苹果在一路坚持拟真的同时,暗地里一路尝试不同的新设计。但改变很缓慢、很轻微,结果很多人都忽略了。Scott Forstall 根本就不是只吃拟真这一套。苹果在测试另一种「改革」,而且,这些改变甚至比 Google 的「改革」还要早。
因此,其实更深入的问题是,既然在 Scott Forstall 时期苹果已在改变风格,为甚幺苹果仍然要坚守「拟真」?以及,为甚幺苹果的介面变革这幺慢?
不是拟真设计过时,而是被模拟的事物过时
大家先看看历年来拟真设计这个字在 Google 上的搜寻热度:
美感王者的衰败:苹果的拟真设计过时了?
关键字「Skeuomorph」由2004年开始的关注度变化。
从图中可见,2008年以前,根本就没有几个人听过拟真设计。这个词正式进入大众词彙乃 2008年年尾。iPhone 在 2007年出现而且大量採用许多拟真元素,但当时也没有人说拟真设计有任何问题。
要知道 iPhone 在 2007 年诞生之后,其介面一直惹来竞争同业的「学习」,一直到现在。坊间一堆手机、App,都在用苹果风格的拟真,使拟真带来的惊艳效果变得司空见惯。
美感王者的衰败:苹果的拟真设计过时了?
三星把 iPhone 的拟真设计元素忠实地「移植」了。
从2011年到 2012年,拟真设计进入高峰。为甚幺 2011年关注拟真设计的人忽然急遽增加呢?因为苹果推出了 iPad 2,以及採用强烈拟真设计风格的 iBooks。
但是,当时其实评论仍然很温和,也没有明显的批评成份。例如维基百科的拟真设计条目到此时都没有与苹果扣上任何关係。
直到 2011年年中,苹果推出了 Mac OS X Lion 和 iOS 5。其中的 iCal、联络簿和新加入的提醒事项都大量採用了假皮革、假木板的设计,媒体才开始略有微言。而在 2012年推出的 Find my friends、Game Center 里大量採用拟真设计,更惹来劣评如潮。
维基百科的拟真设计条目,也在 Scott Forstall 离开苹果后不久,把苹果的介面加进「反面教材」的位置,此时 Google 上搜寻 Skeuomorphism 次数也升上最高峰。
换言之,拟真设计没有问题,而是「过度使用」有问题。
美感王者的衰败:苹果的拟真设计过时了?
OS X Lion 的「假皮革」iCal和 Snow Leopard 的「假铝质」iCal。图片来源:OSX Daily
Mac OS X Lion 和 iOS 5 象微了苹果的「假铝质」过渡到「假皮革」和「假木板」的阶段。
最初的 OS X 和 iOS 用上大量的「假铝质」时,倒是没有人嫌弃;但改成「假皮革」,就惹来不满。当年 OS X 初推出时,网路上就有一堆扩充元件可以把假皮革 iCal 换回假铝质 iCal。Firefox 官方网站的 25个最受欢迎的布景主题里,永远找得到金属质感主题,但假木头、假皮革就不待见。
同样是拟真,为甚幺模拟铝合金就没问题,但模拟木头、皮革就有问题?关键是假皮革、假木头并不是拟真。设计师 Sacha Greif 解释:
因此 Odin 相信苹果设计师是故意的。在网上冲浪根本就与铝合金质感无关,Find my friend 也与手缝线扯不上关係。要向使用者指出那是日曆,也用不着透过皮革。那些设计是苹果设计师刻意藉着这种「混杂暗示」带出一些「画面之外」的意识。
如果说假铝质背后的是 MacBook Pro 上那一种冰冷、高科技的包浩斯风格;那假皮革、假木板背后其实是新古典主义的风格。换言之,模仿酷的现代的事物就会有前卫感觉,但如果模仿过去的事物就变得很「古朴」。
所以 iOS 的「过时」,不是「拟真」过时,而是它「所模仿的事物过时」。
活在 Aqua 时代的苹果设计
那 iOS 的介面真的过时了吗?是的,因为还有一个更严重、与拟真无关的问题 – iOS 的设计继承了苹果的设计语言:Aqua。
美感王者的衰败:苹果的拟真设计过时了?
被视为 Aqua 介面里的果冻、高光和条纹等设计灵感的来源:iMac G3。
这个被 Steve Jobs 宣称「我们要把按钮造到好看得让你想在萤幕上舔一口」的介面,在 2000年刚推出时的惊艳程度,绝不下于 iPhone 初出的程度。苹果的维基百科说:
Aqua 原来主要是配合 iMac G3 和 Power Macintosh G3/G4 的桌面版本,但苹果把其工业设计类型改成拉丝金属. . . Aqua 主要由两大类视窗所构成:标準条纹及拉丝金属。标準条纹视窗包含了依附在视窗上旳玻璃质感按钮。而拉丝金属就会有多种的灰色渐变,而且按钮会沉向视窗。
下图是 Aqua 的「标準条纹」风格,包括了大量蓝色条纹和俗称「果冻」的玻璃质感。
美感王者的衰败:苹果的拟真设计过时了?
Mac OS X 的 标準条纹 Aqua 介面元素。
随着 2007年苹果推出 iMac Aluminium,苹果也给当时的 OS X Leopard 及后来的 OS X Snow Leopard 重新设计了 Aqua。根据维基百科:
标题列比以前更黑、更灰的阴暗,工具列也统一用了更黑的风格,拉丝金属被换成白色的「塑胶感」阴影 . . . 视窗的条纹背景被完全移除。
美感王者的衰败:苹果的拟真设计过时了?
OS X Lion 的全新介面元素。
2007年推出的 iPhone 基本上是沿用标準条纹版本的介面,使用大量的玻璃质感反光按钮:
美感王者的衰败:苹果的拟真设计过时了?
iOS 的立体化、光面化的介面设计组件。
以及 iOS 的设定画面背后的经典「标準条纹」:
美感王者的衰败:苹果的拟真设计过时了?
iOS 设定页与 iMac G3 都用「标準条纹」 Aqua 设计语言。
在 2010年推出的 iPad,介面比较接近新的 OS X,但仍然有不少「果冻」式按钮:
美感王者的衰败:苹果的拟真设计过时了?
iPad 的设定页已脱离「标準条纹」风格。
与其说 iOS 的拟真过时,不如说是 iOS 继承了过时的介面设计语言。大家看看歴代底座设计的演变就更清楚:
美感王者的衰败:苹果的拟真设计过时了?
苹果作业系统底座的演进。上:iOS 6.0,中:OS X Leopard,下:OS X Mountain Lion
大家有注意到在 iOS 6 底座还是一块玻璃,而 OS X Mountain Lion的底座已经变成一块貌似铝片的东西吗?
iOS 介面的问题根本就不是拟真设计本身,而是:
1. 过度使用拟真;
2. 不当使用拟真;
3. 介面本身就是用了旧的「标準条纹」Aqua理念 。
故此,无论 Jonathan Ive 也好、Scott Forstall 也好,其实都在慢慢的找一个新的介面概念。