ios - 如何使用 Sketch 中的 iOS 应用图标模板正确导出 iOS 应用图标？

Question

我一直在努力导出我在 Sketch 中的上述模板中创建的 iOS 应用程序图标，第一张图片是我在模板中做的设计，第二张图片是我导出它的时候，但我在里面做的设计图标不见了

如何正确导出每个图标，防止设计被删除？

Answer 1

1. 确保您的图层位于画板内，在极少数情况下，将图形粘贴和排列到其中时草图会失败。
2. 也许您选择了仅用于导出的背景。确保没有在背景上标记“刀”图标。错误的例子看起来像这样

除此之外，您可以将 iTunesArtboard 导出为所有需要的大小或按照快捷键 (⇧⌘A) 选择所有画板并使用 " nathan" 提供的 (⇧⌘E) 打开导出对话框：)

Answer 2

所有 Mac 都内置了使用此脚本的 sip，只需添加您的源图像的名称

mkdir -p 生成

sips -Z 29 --out generated/iPhoneSettings-29x29.png sourceIcon.png
sips -Z 58 --out generated/iPhoneSettings-29x29@2x.png sourceIcon.png
sips -Z 87 --out generated/iPhoneSettings-29x29@3x.png sourceIcon.png
sips -Z 80 --out generated/iPhoneSpotlight-40x40@2x.png sourceIcon.png
sips -Z 120 --out generated/iPhoneSpotlight-40x40@3x.png sourceIcon.png
sips -Z 120 --out generated/iPhoneApp-60x60@2x.png sourceIcon.png
sips -Z 180 --out generated/iPhoneApp-60x60@3x.png sourceIcon.png

sips -Z 29 --out generated/iPadSettings-29x29.png sourceIcon.png
sips -Z 58 --out generated/iPadSettings-29x29@2x.png sourceIcon.png
sips -Z 40 --out generated/iPadSpotlight-40x40.png sourceIcon.png
sips -Z 80 --out generated/iPadSpotlight-40x40@2x.png sourceIcon.png
sips -Z 76 --out generated/iPadApp-76x76.png sourceIcon.png
sips -Z 152 --out generated/iPadApp-76x76@2x.png sourceIcon.png

Answer 3

Select all artboards(⇧⌘A) 然后Export(⇧⌘E) 它们。