如何使用Sketch中的iOS應用程序圖標模板正確導出iOS應用程序圖標？

Question

我一直在努力導出我在Sketch中的所述模板中創建的iOS應用程序圖標，第一個圖像是我在模板中執行的設計，第二個圖像是我導出它時，但我在其中執行的設計圖標丟失了

如何正確導出每個圖標，防止設計被刪除？

Answer 1

1. 確保您的圖層位於畫板內部，在極少數情況下，在將圖形粘貼到其中時草圖會失敗。
2. 也許您只選擇了導出背景。 確保背景上沒有標記“刀” - 圖標。 錯誤的例子看起來像這樣

除此之外，您可以將iTunesArtboard導出為所有需要的尺寸或按照快捷鍵（⇧⌘A）選擇所有畫板並使用“ nathan ”提供的（⇧⌘E）打開導出對話框:)

Answer 2

所有的mac都有使用此腳本構建的sips，只需添加sourceimage的名稱即可

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）。