细部控制：Sketch的新图标，经典设计就是如此

　　细部控制：Sketch的新图标，经典设计就是如此。

　　“我们尝试尽可能多的创意，看看我们能做些什么新的风格。”

　　上月，我们发布了70版Mac应用程序，主要更新了macOSBigSur的用户界面。设计团队花了很长时间研究如何使Sketch在更新后的操作系统中更加美观，同时他们还考虑了另外一个项目——Mac应用的图标设计。

　　用户界面需要几百个小时才能达到完美的像素，但是重新设计一个可能会让你一整天都在Dock上(在你眼前)的图标也并非一件小事。

　　这周，我们采访了该项目的设计者Prekesh，以了解他是如何为新时代重新设计Sketch图标的，以及为什么Sketch图标不能像重塑我们著名的钻石图标那样简单。

　　实验式

　　重新创造一个在整个行业中很有名的图标可不是一件容易的事。对Prekesh来说，目标是在尝试新事物的同时保持Sketch的本质。

　　“我想，我称自己创作的第一篇文档为'绝对不是白色盒子上的钻石','他笑着说。”我试着寻找尽可能多的想法和选择，看看我们能用大苏尔的新风格做些什么。这一过程始于iPad上用ApplePencil绘制的近50个概念。

　　他解释说：“我只是开始在脑子里勾勒出一些新的想法，不管它是多么奇怪。”目标就是把思想抛在墙上，看什么东西能坚持下去，什么东西不能，看我们能继续往前走。接着，他将这些图样带进Sketch，并开始探索提高保真度的不同方法。

　　在最初的草图阶段，Prekesh有一些有趣的想法：“并不是所有的想法都能真正成为应用程序图标，但是我把最喜欢的图标放到Sketch上。

　　随着他在Slack频道发布自己的更新，这一激动情绪开始增长，他从团队里的其他设计师那里得到了很多有用的反馈。Preetesh对完全重新设计应用程序图标的优缺点进行了思考，他发现了一些更“出众”的设计的确吸引了一些兴趣。

　　研究了将矢量编辑与Pen结合起来的一些方法后，Prekesh发现，当图标缩小时，这些想法会变得混乱——而且Sketch比矢量编辑器要好得多。

　　普雷克什喜欢用铅笔这样的额外工具来做一些东西，但这些想法都太过单一。

　　“我们已经试过远离钻石，但是考虑到它是我们品牌的重要组成部分，这似乎有点愚蠢，”他解释道。于是我们就创造了一些新的钻石形状——有的有透视图，有的没有;有的多面，有的少面。从此，问题就变成了哪种方法最有效，以及如何将这些元素与不同的背景结合起来。

　　他开始以不同的方式提出使用钻石的想法。为了适应松鼠的形状，他采用了自上而下的旧的替代图标，并对其进行了研究和调整。

　　寻求平衡。

　　要在前景形状和背景之间找到适当的平衡点特别困难。他说：“我们很快就发现圆角长方形背景和钻石之间常常存在视觉冲突。”要知道，我们需要找到一条途径，使它们相得益彰，而不是吸引观众的注意。

　　这是第一个将SketchUI元素包含到图标中的想法。Prekesh试图在菱形栏杆和侧栏杆上增加一些透明度。

　　在持续进行的概念研究中，一直有关于窗户和钻石的比喻。在平衡背景和菱形的基础上，Prekesh对背景进行了轻微的简化。

　　在这项研究的过程中，出现了两个领先者，他们有着相似的背景——一个是使用非常接近我们现在的钻石的材料，另一个是使用更多的3D材料。

　　Prekesh也在努力开发新的3D钻石版，因为图标已经更新了。你会在本页的其他模型中看到这一略微倾斜的变化。

　　随后他用布伦德制作了粗糙的3D渲染图，作为照明参考。

　　最后，在经过数周的内部测试和公司各个团队的大力投入后，我们的决定很明确。它将成为我们的最终图标。

　　我们把图标的背景还原为基本内容，并且在侧边栏上增加了细微的透明度，因此我们认为这是一个很好的平衡。