【Apple简史】从拟物化到扁平化设计

2015年8月18日，美国专利局宣布，苹果D618677号专利（圆角矩形设计）无效，三星或将免交约5.48亿美元（原本为10.05亿美元）的赔款，而LG、夏普等众多手机厂商也无需再向苹果支付此专利费用。三星与苹果关于圆角矩形设计的专利大战堪称旷日持久，如今却风水轮流转，苹果提出的圆角矩形设计专利被美国专利局判定失效。

早在2012年11月6日，美国专利商标局向苹果颁发，编号为D670286涵盖电子设备的“圆角矩形”外观设计。有了这项专利，今后任何厂商采用这一形状设计的的电子产品均有可能涉嫌侵权。在苹果设计专利图样中，实现所描绘的内容即是专利内容，虚线部分表示背景。而苹果公司的这一项专利的图样中，仅有一条实线，就专门描绘了边框的外形。

使用圆角矩形图标最早是乔布斯的主意，他是圆角矩形的爱好者，准确来说他是在上世纪80年代，苹果研发Lisa电脑的时候迷上的。

iOS的圆角矩形图标使用是从30多年前史蒂夫·乔布斯的一个要求而来，Folklore网站曾记载了初代苹果开山功臣之一安迪·赫茨菲尔德在1981年5月的文章《Round Rects Are Everywhere！》（四处都是圆角矩形！）

当时史蒂夫·乔布斯希望比尔·阿特金森去开发一个可以绘画圆角矩形的软件，但以当时技术，他们只可以做到绘画圆形或椭圆形，于是比尔·阿特金森回答很难做到，结果令史蒂夫·乔布斯很不满。

史蒂夫·乔布斯认为，整化的边缘设计容易打断人的思路，而圆角矩形并不像前者那样过于程序化，它可以让大脑更舒服且更快速的来处理信息，让用户接受起来更友好，体验也更便捷。

《乔布斯传》中曾提到了一则轶事：在苹果发展的早期，有人质疑乔布斯对的圆角矩形设计的偏爱，乔布斯就拉着比尔·阿特金森走了一个街区，细数生活环境中出现的到处都是圆角矩形的物品，身处的居室，白板、不同种类的台都是圆角矩形。他更让比尔·阿特金森从窗口望出去，周围走走，从而观察更多圆角矩形的例子。

后来比尔·阿特金森成功研发出了可以绘画出圆角矩形的作图软件，当时他们正在开发Lisa电脑，安迪·赫茨菲尔德认为圆角矩形会在电脑界面中十分流行。然而，直到iOS的出现，圆角矩形界面才成为图标设计中的特色。但不论是图标、iMessage的对话方块等等，圆角矩形在视觉上也得到众多设计师的认同，认为其设计本身比较柔和直觉。

但苹果的图标并不是普通的圆角矩形，Autodesk’s Alias Studio是苹果公司在使用的软件，如果你用过它来调整过曲线，你就会马上理解背后的奥秘：产品的统一性以及苹果公司在设计上，保证了其硬件与软件的相统一。

苹果的产品以设计简约著称，但你不能误以为它们简单易做。苹果在其实体产品的外观工艺上下了不少的功夫。除非被工业设计师指出来，否则一般用户并不会意识到这一点。苹果实体产品设计会避免用切线连接（tangency），而是采用连续曲率工艺精心打磨产品的表面。

上面这 2 个打磨了圆角的长方盒子状的产品，看看圆角的出现与收尾，除了圆角半径大小不同，另外一个难以察觉的地方是连接处的曲率不同。

左边是采用切线相连（tangency）的效果，而右边的 MacBook Pro 边角会相对显得舒缓。因为它是一个有着连续多变的弧线，并由此构成了美妙、甜蜜而性感的表面。

看看下面的曲率梳状图（一种曲率可视化方法），梳状图里的每条线代表着曲面在某一点上的曲率大小。在左图里，曲率从零突变到半径值：突变的曲率 = 生硬的突显。在右图，你可以看到曲率连续的样子。从零曲率开始，曲率梳线的过渡体现了其曲率的大小变化。你没有看到突变的曲率，所以产品的这一突出部分，看起来也让人感觉更舒缓。简单来说，渐变的曲率保证了边角的平滑过渡。

虽然这 2 种曲率的差异在 app 图标里很难被区分。但重要的是，现在的 app 图标与实体产品的设计共用一套设计规则。苹果的工业设计师所做的，便是设计产品最重要的部分。

相比切线连接，曲率连接的工业成本更高，这种技术一般用于汽车等大面积曲面的建模上。一般厂商为了控制成本，会较少采用此技术。更不要说，将此技术应用到平面设计上。

苹果公司并没有为它申请专利。任何公司的产品都能使用这种表面加工工艺。所以，为什么其他厂商不使用这种工艺呢？起使用这项工艺，还有很多不用的理由：

1、过去的工程 CAD 工具在这类工艺上的研究并不多；

2、硬件工程师可能对 CAD 这一模块功能的使用并不纯熟；

3、外观设计和硬件设计之间存在差距，难以很好地结合在一起；

4、它的重要性太低，所以一直被忽略。

但是由于某些原因（很大程度是专利），Android和Windows Phone的图标和对话方块却一直采用矩形或圆形设计。很多工业设计师，想在自己设计的产品上应用这种工艺，但很多时会因为公司的加工设备与资金问题作罢。

从iOS 7开始，应用图标变成了一个更为复杂而精简的扁平化模式，摒弃了所有模拟设计物品的图标和动画。而iOS系统的领导者从斯科特-福斯托尔变成了艾维，后者在新系统界面中大量启用了圆形的设计方案。

艾维不喜欢拟物化，他推崇的是极简风格，认为拟物化的图标过于厚重，带有沉重的怀旧色彩。之前他一直以来都负责苹果极简主义的硬件设计。

虽然与乔布斯私交甚笃，但设计理念上并不与乔布斯相契合，这也违背了乔布斯当年的理念。对于这样的结果，艾维曾强调这只是细微的像素级别修改，但依然会以圆角矩形为主。

iOS 7中APP圆角矩形图标的圆角,与iMac甚至其它苹果产品图标完全相同。值得一提的是，在艾维所设计的圆角与一般的常见圆角略有不同。如果你想尝试重新绘制iMac和其他苹果产品的圆角图标，你会发现根本画不出来，因为乔纳森的圆角并不是由普通的四分一圆形构成的。

iPhone的图标边缘z是23个像素，原理是用到了黄金分割线。把比较少的那一半，也就是0.382的部分，再对半切分，就是圆角的半径。

在一些设计师看来，圆角矩形的设计用到了很多数学理论，羊角曲线（Euler spiral）、拉梅曲线。。甚至有位留学设计师，搬出了参数方程。随便一个计算软件，比如mathematica，mapple，matlab，就可以画出来。

这样的探究，不仅是对一个经典的致敬，纪念iPhone那最初的设计。很多人都还在用iPhone4S，也是一种情怀，认为那是一个时代的标志。圆角设计一直延续到现在的苹果，很多产品都加入了这种设计（iWatch、AirPods、iMac……）

而他们则以一种别样的姿态纪念数码美学的伟大开拓者—史蒂夫·乔布斯

文章资料来自于网络总结，谨以此向苹果创始人乔布斯致敬。感谢每一位读者认真读到最后一行字，这是我们工作室提议的一个新的栏目题材，想把科技数码圈背后的历史进行科普写作，了解背后的故事。

喜欢的朋友，帮忙一键三连，投币收藏，谢谢支持！