苹果的图标为什么那么好看?!

当前位置:首页 > 教育

苹果的图标为什么那么好看?!

发布时间:2020-07-21 21:32:05

如果你没有细致研究过 iOS 的界面设计,那你可能会觉得苹果的 icon 只是圆角矩形而已。但如果你是业内人士,你就知道它们大有不同,甚至有个专门的词来表述 ——squircle(方圆形)。工业设计师常常把这个作为硬件设计的核心象征。

自 iOS 7 以来,App 的图标愈发复杂而精致。尽管每个人都知道苹果注重细节,然而并不是每个人都能在这微小变化中发现其背后复杂的设计逻辑。

一个小方法,当你在 Autodesk 出品的 Alias Studio 中调整曲线时,你就会明白个中道理 —— 苹果公司在硬件和软件之间达成了设计的一致性。

苹果的图标不是圆角矩形,因为它们的硬件产品也不是

苹果产品以「简约」著称,但「简约」并不是「简单」。用户们可能注意不到,但苹果硬件产品的设计从来不简单。

苹果硬件产品的「秘密」就在于 —— 避免相切,并根据曲率连续性来设计表面。

从用户的视角指导细节设计

下图是一项对比,右边是苹果产品。相比较之下差别显而易见。

右边的 MacBook Pro 也是一个带有两个直角表面的产品,它们通过圆形曲面连接起来。表面具有不断变化的曲率,这让它不会产生左图那样的反光,这也是苹果产品让我爱它们的原因之一。

为什么会有所不同?

将曲率可视化成曲率梳,梳子上每一行表示曲线在该点的曲率,可以看到,左图的曲率是从零开始立刻到半径值,这个突变就造成了表面的突然亮点。

而在右图中,曲率是从零开始连续变化的,因此在表面上会更加平滑。这个差异在图标中并不容易看出来,但重点是图标和硬件都采用相同的设计语言。这就有点牛逼了~~

欢迎分享转载 →苹果的图标为什么那么好看?!

Copyright © 2002-2020 鲁旭娱乐网 版权所有 备案号:粤ICP备14025430号-1

收藏本站 - 网站地图 - 关于我们 - 网站公告 - 广告服务