上个月，适配 UI 的最新版发布，同时更新了最新图标，有没有注意到新图标的左侧是透明的？

新图标做出了哪些尝试和改变？这些改变又意味着什么？让我们跟随团队设计师的视角，一一探寻答案。

实验

首先，重塑一个品牌的Logo并不是一件容易的事情，它需要在保留其本质的同时sketch 图标打组，做出一些新的改变和尝试。

Sai：第一个设计稿肯定不像现在这个带钻石的白色容器，团队尝试探索更多的想法和选择，以更好地融合UI风格特征。

一开始他考虑推翻原来的菱形风格，重新做一个新的图标sketch 图标打组，他在iPad上画了50张概念稿，用高保真矢量稿画出来。

当我尝试将矢量编辑和笔元素结合起来制作图标时，我发现随着图标尺寸的缩小，这些元素会变得非常混乱。此外，它不仅仅是一个矢量编辑器。

于是，他制作了一些类似铅笔的工具放在图标上，但意识到这个想法太过单一。

他们解释说，他们不能丢弃钻石元素，因为这是品牌的重要组成部分，所以他们开始探索钻石元素的新方面，包括从各个角度看待钻石。

平衡

在前景形状和背景之间取得平衡也不是一件容易的事，他们很快发现很难在圆角矩形背景和菱形之间创造视觉统一。

我们需要找到一种方法来将两者结合起来，而不是各自为政。

这是在图标中加入 UI 元素的最初想法。Purex 尝试在菱形和侧边栏中添加一些透明度。

随着概念工作的继续，他们锁定了窗户和钻石的元素，简化了背景以平衡两者。

他们也犹豫是否要使用更具 3D 效果的钻石形状。

最后，经过数周的内部测试和来自公司各个团队的大量意见后，他们使用了现在上线的草稿。

也许你没有注意到，白色容器的侧边栏增加了透明度，这样就可以显示桌面壁纸的背景。

细节

“圆角矩形背景实际上是 Big Sur 用户界面的简化表示，左侧边栏具有透明度，这意味着它会稍微显示壁纸的背景颜色。”

我们重新绘制并重新着色，提高了对比度，使其更加生动。此外，新的深色阴影让它感觉就像真的漂浮在 UI 前面。

同时，在图标重塑的过程中，一些想法也运用到了其他版本的图标中。

目前团队使用的图标如下：第一行是发布版本、Beta版本和发行版本；第二行是内部版本、实验版本和调试版本

那么，你喜欢这些新图标吗？

如有侵权请联系删除！