iOS图标形状秘密:是松鼠吗?解析中

来玩个游戏。我们有两行所有iOS用户都熟悉的图标。乍看之下,上方和下方的图标相同。但这种情况并非如此。在一行中您会看到真实的图标,在另一行中您看到的是伪造的图标。 你能确定出哪一个吗?慢慢来,仔细看吗?好吧,您选择了吗? 真正的图标在顶部。我认为许多人已经注意到下部图标出了点问题。由于某种原因,它们的形状看起来很草率,好像在某个地方切掉了一个多余的像素。为什么会发生? 事实是,形状上的假图标是带有圆角的正方形,如果我们谈论灰色背景,则是矩形。 但! iOS界面没有单个圆角正方形。 iOS中的所有元素都不是正方形和矩形-它们是超椭圆形!



























今天,我们将讨论苹果产品设计中的秘密。什么是超级椭圆?图标形状的魔力是什么?以及为什么HomePod是超级鸡蛋。











苹果产品通常不一致且有缺陷。但我认为没有人会争辩说,就设计而言,苹果可能是市场上最困扰的人。甚至iOS中的图标形状也并非取自天花板,而是通过数学计算得出的。



在19世纪对弹性理论做出了重大贡献的数学家加布里埃尔·拉姆(Gabriel Lame)之后,它被称为超椭圆或拉姆曲线。它是什么?



这是使用如下公式构造的几何曲线: 该公式定义了以矩形为边界的闭合曲线。同时,通过更改n的值,我们可以调整每个角的凸度(您可以在此处播放







)。当n小于1时,我们得到凹面,形状类似于星形。 随着n的增加,形状变得越来越凸。对于n = 2,可获得一个偶数圆。当n等于4或5时,我们得到熟悉的图标形状。 这种形式甚至有自己的名字-松鼠。而且,不,喷不是PornHub上您最喜欢的部分。它源自正方形和圆形。那些。在俄语中squirkl是一个正方形或正方形。 顺便说一句,该公式描述的iOS图标看起来是这样的: 也就是说,iOS中的图标既不是圆形也不是正方形,但是从数学上讲,它介于两者之间。





























戒指和超级蛋



历史参考。丹麦科学家皮特·海因(Pete Hain)推广了超椭圆形和花形。在60年代,他将斯德哥尔摩运输环设计为超椭圆形,其值n = 2.5,a / b = 6/5。 交界处的形状很受欢迎。他开始制作桌子和餐具,但是他的创造力的顶峰是超级鸡蛋。可以想象,这是一个三维超椭圆形,形状像鸡蛋。 顺便说一下,3D超椭圆是超椭圆体。而且任何不规则的超椭球都是超二次曲面。

















曲率连续性



但是回到图标!正方形圆和圆形正方形有何不同?他如何使苹果设计师不悦呢?让我们来看看!



如果将真实图标与假图标进行比较,我们将看到正方形圆的倒圆开始得更早,并且倒圆的程度逐渐增加。 使用这些曲率脊可以最佳地可视化。 看起来差异只有几个像素。但是平滑的过渡使您可以实现所谓的曲率连续性。这产生了惊人的效果-人造物体的形式,好像是用不同形式组装而成的一样,变得自然而完整。 因此,Apple不仅在界面中而且在其所有产品的设计中都非常积极地使用超级省略号。

































Mac Mini,Apple TV,iPhone,iPad,MacBook和HomePod当然都是超椭圆形。即使是他们的新校园也没有一堵直墙。



流畅的形状和无突然过渡的特性使Apple产品不仅在外观上具有吸引力。尼古拉·吉拉尔(Nikolai Gellar)撰写了一篇有关该主题的出色文章,在此我引用:



这些温和的形式使我们不禁联想起工业供应链,装配线和化学实验室,而是让人联想到自然之美。感觉很有机,感觉很好。



例如,如果我们通过设计比较HomePod和Yandex.Station,那么很清楚为什么该工作站看起来不那么有吸引力,就像它刚从工厂发布一样。而且HomePod似乎在他的花园中找到了一位日本的Suiseki大师-欣赏石头的艺术。 尽管Yandex.Station本身是一个出色的设备。而且HomePod漂亮,但是呆板(不懂俄语)。













示例



但是,当然,苹果公司也没有立即采取行动。例如,仅从iOS 7开始,图标和其他界面元素就变成了超级省略号。AppleWatch也是如此在系列4中,不仅扩大了显示范围,而且还更新了形状。是的,第四版的Apple Watch也是超椭圆形的(就像屏幕本身一样)。

















其他公司



自然,不仅苹果公司玩超级椭圆。三星智能手机上一个UI中的相同图标,比苹果明显得多的正方形圆圈。但是,我认为所选的表格不适用于三星。



首先,因为图标太圆了,这使它们看起来不稳定,好像它们随时都可以滑出桌面一样。顺便说一句,在物理世界中,来自Mail.ru的列犯了同样的错误,只是不稳定。 但这不是最重要的事情。主要问题是三星的界面。我说的是缺乏团结。光滑的超级椭圆与粗糙的圆形椭圆并排放置。无论是在界面内部还是在设备本身的设计中。















即,从界面的最简单元素到整个产品系列的设计,方法的统一性使Apple设备如此吸引人,并且对使用反应灵敏。是的,这听起来像是广告。但是,我不在乎,我只想向来自库比蒂诺(Cupertino)的家伙们的细心方法致敬。



这些帅哥向世界表明,不仅汽车和奢侈品可以变得美丽,而且普通笔记本电脑和手机也可以。因此,所有设备现在看起来都很酷。



All Articles