# 手工制作美观得体的 macOS App 图标

> 本文开放前 70% 正文，剩余内容会员可见。

原文：https://utgd.net/article/20562

不和谐就是丑。丑的图标，就像美人脸上的粉刺，或者一长串小提琴变奏曲中夹杂了一个锯木头般突兀的音符。

Apple 历来有图标设计规范，即便开发者只是把鬼画符套个壳，也不应该出现那么多丑到诘屈聱牙的图标，可现实偏偏如此，只能解释为那些丑陋图标的制造者从不看设计规范了（也有可能是跨平台软件看不上区区 macOS 一隅）。

此前，@沨沄极客 曾撰文《为 Mac 应用制作图标的两种方法》，本文再介绍另一种手艺：用官方图标资源，自制最原汁原味的 macOS App 图标。

生成 macOS App 图标的在线服务或现成软件固然有之，不过似乎总和最新的 macOS 界面有所出入。macOS App 的图标设计偏偏吊诡，无论边角曲线的弧度还是阴影的深度与大小，均如可口可乐一般：人人都知道其配料，但就是很难调出一样的风味。好在 Apple 其实提出过图标设计规范，甚至还有充满了施工图风格的线框图。

> 将所有内容保持在外边界框内。如果图标的主要内容超出了图标网格边界框，它往往看起来不正确。如果您在图标上叠加工具，则可以很好地将工具的顶部边缘与外边界框对齐，其底部边缘与内部边界框对齐，如下所示。您可以使用网格帮助您在图标中定位项目，并确保圆圈等居中的内部元素使用与系统中其他图标一致的大小。（机器翻译）

更贴心的是，官方还附上了 Sketch 格式的设计素材，基本不需要什么技术基础，直接下载素材、找到目标图层然后把看不爽的原图丢进去，套上官方的图标壳子，新出炉的图标基本不会太难看。虽说 Apple 提

---

[前往标准阅读页](https://utgd.net/article/20562?audience=web)