苹果那些“无关紧要”的设计
2018-03-29 19:06

苹果那些“无关紧要”的设计

虎嗅注:我们可能偶尔会听到一些用户抱怨苹果的某些产品缺乏创新。可事实上,那些看似没变的产品是有作出改进的,只是这种改进一般发生在“看得见”的地方,也有可能发生在“看不见”的地方,它们可能是“无关紧要”的设计。所谓“无关紧要”的设计,往往栖居于那些注意不到的细节,这种改进并非来自功能上的直接需求,乍一看可有可无,但仔细一比较会觉得这些改进朝着“更好”的方向前进,可能还会让一些做设计的人感叹“我怎么没想到”。本文主要就是为了介绍苹果产品上那些“无关紧要”的设计改进,转自iD公社


来自 Twitter 用户 @surenix


Safari 浏览器的图标


iOS 上 Safari 浏览器的图标,左侧为 iOS 10,右侧是 iOS 11(从 iOS 11 beta 4 最先引入)。设计上的改变是,指针的角度约略转动了一下,以及指针的长度约略往回缩了一点。


这个设计改动的原因在社交平台上有一个流传较广的说法,新浪微博用户@阑夕曾指出:“在 iOS 11 Beta 4 的图标设计中,Safari 的指针朝向发生了轻微的偏移,这是因为在现实中,地球的地磁北极也在持续发生变化,在过去的 150 年里向北移动了超过 1000 公里。”


而这个说法最早可能出自 Twitter 用户 @nAODI:“iOS 11 Beta 4 中 Safari 图标也发生变化,指针有偏移。原因应该是现实中地磁北极继续向北移动。”这样的说法总是能被人们津津乐道,这些外部的参照以及轶事能够为设计带来故事和制造传播,就像广为流传的苹果 Logo 背后的故事一样。对于设计师来说,相对于为设计增加丰富的外在含义而言,对设计内在内容的探讨更有乐趣也更有意义。


回到正题。说 Safari 图标上指针的变动是源自地磁北极的变动,显然是没有立足点的。iOS 10 上的磁针是 45°,而 iOS 11 上的磁针角度是 50°,如果这个角度变化代表地磁偏角的变化,那么为什么是变大而不是变小?通过维基百科以及 NOAA 网站可以看到,美国地区在近百年的地磁偏角是缩小的。


iOS 10 上的 Safari 图标磁针是 45°,是为了视觉效果,因为通常情况均等优于不均等,而 iOS 11 上的 Safari 图标磁针从 45° 调整到了 50° 也是出于视觉体验上的改进。iOS 10 上的 Safari 图标定型于 iOS 7,继承自 iOS 6 及之前的 Safari 图标中的罗盘,包括 5° 的单元角形成了刻度盘,刻度的长条短条间隔排列。iOS 7 上罗盘指针两端超出了刻度与外圆相接,45° 时罗盘指针刚好覆盖了刻度短条,被两长条相夹,从大图上看这样的设计并没有什么问题。但从实际尺寸上看,指针的两端的形态就显得拥挤,并且干扰识别,指针几乎要与相邻的刻度长条相接了。


离奇的是, iOS 10 上的罗盘指针不是恰好在 45° 的位置上,有些许偏移(白色指针偏向了 6 点钟方向)。可能是因为设计师手抖,iOS 9 上倒没有这个瑕疵。经过调整后, iOS 11 上的 Safari 图标虽然角度从均等的 45° 变成了 50°,但新图标指针两端明显更加清晰和简洁,指针与相邻的刻度长条间也有了更大的空间。


USB 数据线


老设计(左)和新设计(右)


上图两种 USB 数据线都是来自于苹果,只不过一条是老的设计,一条是新的设计。很多人会觉得老的设计应该是很久以前的了吧,实际 iPhone 3GS 随机附送的数据线仍为上图左边的老设计(2009 年),新设计的数据线零售版在 iPhone 3GS 发布后上市,而随机附送的要到第二年的 iPad 上市才有。


两个 USB 端口的设计,差别就在于手持塑胶壳体的尾端,一个为弧形一个为直线型,这就是上文所说的“无关紧要”的设计。只是设计语言上的差异,新设计比老设计更好更漂亮?似乎很难给出具有说服力的理由,但是人们会认为新设计更符合时代,很多这样的评价其实是基于对新设计的习惯。然而我们从形态识别上来说,显然后者更为容易使用,因为曲线的形态带来了不少复杂度,新设计更加简洁和干净利落,而且与另外一端的形态相配(当时另一端是30 针接口)


iPad Case



Apple 在 2010 年 1 月发布第一代 iPad 时也发布了一些配件,其中就包括这个 Smart Case,它能用来保护 iPad 以及易于携带,还能将 iPad 支起,提供横屏使用时两个不同的角度,便于看视频和打字。这个 Smart Case 并没有覆盖机身上的按键和插口位置,所以装上这个保护套也不影响任何按键和连接功能。


如果以我们现在的眼光去看这个 Smart Case,会惊讶于苹果怎么会做出这样的设计。这个 Smart Case 虽然提供了一些功能创新,能贴合 iPad 的使用模式(看视频和打字),但看上去没有什么太高的技术含量,是一个非常功能化的产品,以直接又快速的方式来解决功能性的需求。比如,如何让这个 Smart Case 的盖子反折到背后来形成一个楔形的支撑角,苹果就直接在背面做了一个外露卡口,卡住翻转过来的盖子,非常直截了当的设计。


有一点需要说明,2010 年 1 月时苹果在售的最新手机还是 iPhone 3GS,保护套这个品类虽然开始兴起,但是仍然处于较为原始的状态。当时苹果把保护套当作一个功能性附件来看待,与今天将这类产品视作时尚品一样(不信你去看看苹果现在在售的配件),已经不能同日而语了。在第一代 iPhone 时期,苹果也设计过保护套,申请了专利,专利号为 USD574819S1 和 USD582405S1,但最后没量产和推向市场。


在推出了第一代的 iPad 以及 Smart Case 之后,仅仅过了一年,Apple 发布了 iPad 2,以及极具创新性的 Smart Cover。按照通常的认知路径,第一代的 Smart Cover 肯定会有一些小问题,那么第二代应该会“有所”改进。而 Smart Cover 的出现远远超出人们的预料,围观的设计师不再发出类似“我怎么没想到”这样的感叹,而是觉得自己可能再怎么想也未必能想到类似的设计。因为这样的设计除了灵感之外,还需要精力和专注的持续投入。这跟多年后看到 AirPods 的诞生一样,觉得在很长一段时间内,会觉得这样的设计已经足够好了。



然而,Smart Cover 仍有可以做得更好的地方。在 2012 年 10 月,苹果推出了第一代 iPad mini,有了新的形态设计(侧面轮廓线),同时也将 Smart Cover 作了设计上的改进,就是将原先与 iPad 相连的外露金属铰链改成了隐藏的一体式设计。在 iPad mini 的 Smart Cover 上,磁铁藏于长条槽形的塑胶内,然后一面是 PU 材质一面是超纤材质。新的设计能够带来更好的握持体验,手感比裸露的金属铰链更加舒适。而在视觉体验上有了更强的一体感,结构都被封闭在内,不像金属铰链看上去那么工具化。


Apple Store



纽约第五大道的 Apple Store,通常会被认为是苹果的符号和象征。一说起 Apple Store,在人们脑海中的替代形象就是第五大道上那个玻璃方盒子。早些时候,Apple Store 的数量还不多的情况下,人们是通过各种媒介最先认识到这个玻璃方盒子。这个 Apple Store 在 2006 年开业,也成为纽约的一个建筑地标。


在 2011 年 6 月,苹果开始对这个玻璃方盒子进行整修,主要是重建地面部分。玻璃盒子有 5 个面,原先每个面有 18 块玻璃,总共 90 块,重建后每个面只有 3 块玻璃,总共只是 15 块,用巨条形玻璃替代原先的小块玻璃。



从上图可以看出,15 块玻璃里面还有一些细的长条形玻璃作结构支撑,视觉效果的改变就像视网膜屏幕一样,在没看到之前,或者还在看前一代的设计时,很难去预测改进后会是怎样,甚至怀疑是否有改进的必要。而一旦看见之后,一切就变得十分明确了,就像这个 Apple Store 一样,它的设计朝着纯粹的方向迈进了一步,会让人觉得这样的设计改进完全是有必要的。


当时负责这个项目的建筑公司是 BCJ,而 Steve Jobs 参与了设计,这里可以参见改进后的 Apple Store 外观专利 USD712067S1。改进后的 Apple Store 在 2011 年 11 月 4 日重新开放,而在一个月前,也就是 2011 年的 10 月 5 号,Steve Jobs 去世。


iMac



苹果在 2004 年 8 月发布 iMac G5,告别了 iMac G4 上服役两年的台灯式设计(Steve Jobs 曾在 iMac G4 的发布会上说它那漂亮和优雅的设计将会持续十年)。iMac G5 上的设计更理性,而且设计原型持续到了 14 年后的今天,它就是一个弯折的支撑底座和一个悬挂的盒子。支撑底座是用 8 mm 厚的阳极氧化铝板弯折而成,它可以支持电脑从 25° 到 -5° 进行角度调整,而悬挂的设计可以让桌面变得非常干净整洁。苹果官方当时介绍说:“当不使用电脑时,你的键盘和鼠标可以放在这个铝合金的底座之上。”


到了 2007 年 8 月,iMac 机身的前壳专用冲压铝合金制作,而到 2009 年 10 月份整体机身都用铝合金制作。但是在 2009 年 3 月份,苹果对 2007 款的 iMac 作了一个小改款,淘汰了一个 FireWire 400 接口,增加了一个 USB 接口。另外一个改变就是这个支撑底座前端变薄,而这一处设计到 10 月份发布新款 iMac 时,苹果也对它作了介绍:“又一次战胜杂乱,精致处理渐薄的铝合金底座几乎在桌面上消失掉了。”


也许不是那么显著的改进,但它实实在在提升了视觉体验,否则视觉容易被非常具有物质感和材质感的底座吸引。就好像面对一块厚厚的铝板,这种抢眼的视觉特性或多或少在离散我们对产品的注意力。


到了 2012 年底,苹果发布了侧面更薄的 iMac,抛弃了光驱(对光驱的考虑,在几代的 iMac 设计上占很重要的作用),可以发现对 iMac 的这个底座支架又作了微小的调整,也是出于视觉体验上的考虑。对比上图可以看出,这个底座支架两端都有渐消的变化,对弯折处的形态也作了改进,整体看上去更加流畅,不像前一版本在弯折处会有一些视觉上“淤积之感”。



MacBook


Steve Jobs 在 2007 年发布 iPhone 时曾说:“每过一段时间就有一个革命性的产品出来,改变了一切。”iPhone 的确如此,而这句话用来称赞 2008 年苹果推出的 Unibody 设计,也并不为过,虽然 Unibody 设计的改变不是那么直接和明显。Unibody 的设计理念最早体现在 2008 年 1 月发布的 MacBook Air 身上,在同年 10 月的 MacBook Pro 发布会上,Jony Ive 上台全面地介绍了 Unibody。


Designed by Apple in California这本书的引言中,Jony Ive 写到过一句:“切出一个孔洞来作为把手而不是增添多个零件。”虽然在上下文中,这句话只是一个举例说明,但这句话也是苹果追求的简洁设计的理念。我们套用着理念,来说明一下 MacBook Pro 的手指扣位设计。在 2008 年发布的 Unibody 之前,MacBook Pro 上有一个独立的锁闩结构,方便用户翻开平米,而在 Unibody 上就通过一个凹槽来形成手指的扣位。


苹果对这个手指扣位的介绍是:“这个手指扣位面临的设计挑战,是既要表现出机器加工的清晰锐利感,同时也要让操作舒适,苹果的设计师为这个手指扣位设计了数百个原型,甚至用电子显微镜来检验,希望达到合适的效果。”这个手机扣位由两条曲线和一个曲面构成,顶面的曲线高度低,为了不破坏形体同时也要保证扣位的空间。而正面的曲线相对高一些,保证手指放入的足够空间。曲面则是两个垂直方向上的面的融合,这个曲面对于机器加工来说也并不简单。


到了 2016 年 6 月苹果发布带有视网膜屏的 MacBook Pro 时,MacBook Pro 的设计作了一些更新。最显著的特征就是更薄,厚度只有 1.8 cm(此前版本厚度为 2.41 cm),手指扣位的设计也作了调整。仍然是两条曲线一个曲面,仍然是顶面的曲线低而正面的曲线高,但曲线的形态略微有点变动,与机身棱边形成的夹角更大,这样可以让三线交接的尖点更钝一些。最大的变化来自曲面,这个曲面在中间段是一个斜面,而两侧的曲面顺势形成,不像此前版本由两个垂直相交的平面圆滑过渡。


为什么作了这个改进?是因为内部空间不够,不能向里掏去更多的材料?并非如此,从拆解图看空间是足够的,主要是因为原先的加工工艺复杂?明显这不会成为苹果设计改进的主驱动力。


后来很多笔记本电脑的手指扣位都使用了这种形式的设计,比如微软的 Surface Book 2,其手指扣位采用的是 45° 角切除,即顶面的曲线和正面的曲线是一致的,而到了两端以较大的角度与机身棱边相接,非常直接的设计。如果在商店里比较 MacBook Pro 和 Surface Book 2 的手指扣位,就会发现 MacBook Pro 的设计在光影表现下更加微妙和丰富,而 Surface Book 2 的设计看上去比较生硬,没有太多的光影变化。从使用体验上来说,MacBook Pro 的屏幕很容易打开,而且大角度的斜面对手指有很好的引导效果,Surface Book 2 的手指扣位空间较小。




MacBook Pro 的手指口味在 2016 年又迎来了改进。主要是为了视觉效果,当机身变得更薄时,仍然采用原先的设计,对形态的破坏就更明显,也更加突兀。原先的手指扣位通常不会被视觉理解成一个面,而是一个体块特征,形成的光影效果也比较复杂。两端有类似球面一样的面,高光和阴影很容易就一起出现,上图下就是经过嫁接后的效果示例。


放在今天来看,这是一个更好的设计,但仍然不完美,仍会让人觉得这个手指扣位是一种对整体性的破坏。


Lightning数据线



2012 年 9 月苹果发布了 iPhone 5,最大的改进是用上了  Lightning 接口,替代了原先宽大的 30-pin 接口。Lightning 接口更小更牢靠,可以正反插。iPhone 5 的包装盒内配备了 USB 到 Lightning 的转接线,消费者打开包装盒,会惊讶于这种连接线缠绕得是如此规整,看上去就不像手工缠绕的。


虽然今天这种包装方式已经较为常见了,但在 2012 年时看到就会赞叹苹果对细节的关注。在这之前,从 USB 到 30-pin 的连接线,无论是 iPhone 还是 iPad 数据线也都有缠绕,但相比而言是比较杂乱的。



连接线的缠绕使用到了治具(上图来自专利 US9073727),这个治具的关键在于如何在开始和结尾时对两端连接头进行固定。


现在苹果将这种设计和连接线缠绕的规整性,应用到所有的产品之上,只不过固定数据线的材料从透明塑料变成了硬纸张。



iPhone 的包装上还有另外一个意想不到的设计改进,就是包装盒外层的保护膜。此前苹果的产品包装盒使用的都是热缩膜,或者称塑封膜。包装的时候,在盒子外面套一层膜,处理一下边角,经过电热箱烘烤,膜收缩绷紧在盒子上,而盒子四周会出现几条熔接线。热缩膜的好处是成本低,收缩服帖便于后续的流通。但缺点也明显,品质不高,尤其在熔接线处,有时也会因收紧力大导致盒子变形。


还有一个主要缺点就是用户拆开困难,网上那些开箱视频中,基本有两种方法拆法:要么用刀划,要么直接用指甲去抠。iPhone 7 采用全新设计的保护膜,使用的是包裹的方式,拆除变得很简单,而且塑料膜厚度更大,转角处有包裹的自然圆角,感觉比热缩膜品质感更强。但包裹贴合度会差一些,无法完全避免折皱或气泡。



散热设计


在 2012 年更新的 MacBook Pro 上,苹果对散热结构作了很大的改进。在掌托两侧的底部加了设计很酷的长条进风口,隐蔽且不夸张。但细看斜向进风口,加上 Unibody 工艺带来的厚度,让人感觉 MacBook Pro 散热性能很强。苹果的确提升了散热性能,隐藏在转轴上的出风口和 Unibody 融为了一体,不像此前的 MacBook Pro,只是散热件和转轴连为一体。


2012 年的 MacBook Pro 还改进了内部风扇,将风扇的扇叶进行非对称排列,可以降低风扇的噪音,因为非对阵排列带来了变动的声波频率。而到了 2016 年的 15 寸 MacBook Pro 上,苹果又对这个风扇作了设计改进,仍然维持原先的不对称排列,但增加了扇叶,大小相间进行排列(分离式扇叶设计),来增强气流从而提高散热效率。


总结


在苹果的产品中,这些“无关紧要”的设计改进还有很多,我们研究这些细节并不是为了直接借鉴,而是为了激励自己,时不时问自己,是不是足够好了?是不是所有的可能性都想到了?



2015年《纽约客》 对 Jony Ive 专访,那篇题为 The Shape of Things to Come 的报道中,提到了 Jony Ive 的办公室墙上有两幅海报,一幅是 Banksy 的黑猩猩脸的英国女王,另外一幅就是来自 Brian Buirge 和 Jason Bacher 的海报 Good Fxxking Design Advice海报以“Believe in your fxxking self. Stay up all fxxking night.”开头,以“Think about all the fxxking possibilities.”结尾,或许这也是很好的激励。

本内容为作者独立观点,不代表虎嗅立场。未经允许不得转载,授权事宜请联系hezuo@huxiu.com
如对本稿件有异议或投诉,请联系tougao@huxiu.com
正在改变与想要改变世界的人,都在 虎嗅APP