完美iPhone不完美的几何形状

iphone_notch_1

我承认,我讨厌这个缺口。我认为这是一种必要,我承认它的存在(带着强烈的仇恨),我相信你也一样,但我向你保证,从这一刻起,你会以不同的方式看待它。非常不同。

什么是缺口?或者甚至是屏幕?两条直线以直角相交,然后圆角化,或斜角化,看起来美观。这是你的眼睛会让你相信的,老实说,作为一个工业设计师,这是最明显的解决方案。但苹果什么时候做过“显而易见”的事情呢?交互设计师Brad Ellis(以及他之前的一些设计师)在仔细分析苹果官方设计资源时注意到了某个细节。没有一个半径是真正的半径,你看到的缺口实际上是一个倒梯形。

iphone_notch_2

就在你的上方,是iPhone x的屏幕示意图。在你的下方,屏幕示意图放在它最简化的形式旁边,也就是你在应用半径之前建立的形式。让我们继续。

iphone_notch_3

仔细看看下面的图片和动图。曲率是不同的,苹果远远不是简单的圆角/半径。你现在看到的是“Squircle”,苹果越来越多地开始采用这种形状来替代基本的鱼片。他们这样做不仅是因为他们是一家致力于美学艺术的公司,而且也是为了从其他公司中脱颖而出。Squircle,不像两条线,有一个弯曲的角,更容易对眼睛。“苹果实体产品的一个‘秘密’是,它们避免了切线(半径在某一点与直线相遇),并以所谓的曲率连续性来制作它们的表面。工业设计师马克·斯坦顿说。如今,苹果公司的大多数产品上都有松鼠的身影,从macbook的一角,到iPad,到iPhone,甚至Apple Watch。它在iOS7系统中首次亮相,图标开始使用Squircle而不是圆角矩形。你会发现下面的一些图片向你展示了微妙但相当重要的区别。

iphone_notch_4

iphone_notch_5

现在看缺口。倒梯形,就像我之前说的。iPhone X的凹槽采用了零垂直线。事实上,你认为是垂直的线,实际上是3.3°倾斜(所以如果你是一个UX设计师,一定要小心!另外,一定要只使用苹果的官方设计资源感谢你的工作!),这要归功于苹果公司对视觉愉悦的需求。由于曲线衰减,在下一个曲线开始之前,一个曲线还没有完成——它们无缝地融合在一起。因此,这条边上没有一条切线是完美的垂线。

iphone_notch_6

可以说,Squircle可能是苹果产品看起来如此赏心悦目的原因。iPhone Piano Black机型角落的高光部分很好地延续了视觉上的连续性,人们认为这是理所当然的,但实际上这是苹果设计实验室大量汗水的结果。虽然我承认iPhone X的缺口远非理想,但苹果在几何和细节方面的工作绝对值得借鉴。它一直在推出体现某种与众不同气质的产品,并对这种方法进行了精简,不仅体现在硬件上,还体现在软件上。结果呢?产品看起来很漂亮,潜意识里很简单,但往往远非如此,现在你知道为什么了!

iphone_notch_9

iphone_notch_8

图片来源:Brad Ellis和Mark Stanton
你可以在上面阅读布拉德的原文媒介和马克的崩溃Hackernoon