它看起来像一个庞大而复杂的列表,但实际上您只需要构建 5 种尺寸:
- 29点
- 49pt
- 60pt
- 76pt
- 1024像素
前四种尺寸(以点列出)需要 1×、2× 和 3× 版本(如果你是未来的证明,以及覆盖 iPhone 6 Plus)。
您将在网上和 Apple 网站上看到的一些尺寸适用于 iOS 6 及更低版本(57×57 等)。如果您的目标是 iOS 7 及更高版本,则不需要它们。
这是我创建的 Photoshop 模板:
我设置了切片来导出每个图标以及调整大小和重新导出的操作,所以我最终得到:
- 图标-29.png
- 图标-29@2x.png
- 图标-29@3x.png
- 图标40.png
- 图标-40@2x.png
- 图标-40@3x.png
- 图标-60.png
- 图标-60@2x.png
- 图标-60@3x.png
- 图标-76.png
- 图标-76@2x.png
- 图标-76@3x.png
并非所有这些尺寸都需要,但将来可能会需要。从 4 种基本尺寸开始,构建图标变得更加容易。
我在 Photoshop 中使用切片来导出每个图标所需的不同区域。请注意,您提供的图标不应该有任何透明区域——颜色应该一直延伸到角落。iOS 会屏蔽图标,因此您不必担心。
您可以使用 Affinity 的切片功能做同样的事情吗?
更新:我为 Affinity Designer、Sketch、Photoshop 和 Illustrator 创建了一些开源应用程序图标模板。他们可能值得考虑。