• 开始网
数字标本奖

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

媒体:极光日报  作者:Aceyclee
专业号:上道   2017/4/8 7:12:34
简评:如果你没有细致研究过 iOS 的界面设计,那你可能会觉得苹果的 icon 只是圆角矩形而已。但如果你是业内人士,你就知道它们大有不同,甚至有个专门的词来表述 ——squircle(方圆形)。工业设计师常常把这个作为硬件设计的核心象征。

自 iOS 7 以来,App 的图标愈发复杂而精致。尽管每个人都知道苹果注重细节,然而并不是每个人都能在这微小变化中发现其背后复杂的设计逻辑。一个小方法,当你在 Autodesk 出品的 Alias Studio 中调整曲线时,你就会明白个中道理 —— 苹果公司在硬件和软件之间达成了设计的一致性。

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

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

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

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

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

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

为什么会有所不同?

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

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

苹果并没有这个专利。任何公司都可以将其表面做到这样的质量水平。那为什么不呢?

以前或许是这一设计的重要性没有显现,CAD 工程师并不在意这些。而现在其实许多工业设计师已经将这一级别的工艺应用于他们设计的非苹果产品,但却囿于公司资源的限制,即不总是设计师的错误。

如果你对这方面想深入探索,可以阅读一些真正技术性的表面设计,可参阅本教程中 Autodesk 的 Alias 工具。

致敬卓越的设计。

阅读 3920
我也说两句
E-File帐号:用户名: 密码: [注册]
评论:(内容不能超过500字。)

*评论内容将在30分钟以后显示!
版权声明:
1.依据《服务条款》,本网页发布的原创作品,版权归发布者(即注册用户)所有;本网页发布的转载作品,由发布者按照互联网精神进行分享,遵守相关法律法规,无商业获利行为,无版权纠纷。
2.本网页是第三方信息存储空间,阿酷公司是网络服务提供者,服务对象为注册用户。该项服务免费,阿酷公司不向注册用户收取任何费用。
  名称:阿酷(北京)科技发展有限公司
  联系人:李女士,QQ468780427
  网络地址:www.arkoo.com
3.本网页参与各方的所有行为,完全遵守《信息网络传播权保护条例》。如有侵权行为,请权利人通知阿酷公司,阿酷公司将根据本条例第二十二条规定删除侵权作品。

 

焦点关注

© 2008-2018   开始网

基于 E-file 技术构建