在使用矢量设计iOS图标时,如何导出各种尺寸?

时间:2013-04-04 16:25:41

标签: ios

我被告知要使用矢量设计iOS图标,这样您就可以非常轻松地扩展到所有不同的必要尺寸。所以我使用Sketch 2(我也有一个Illustrator的副本)来创建一个完全由向量组成的应用程序图标,可以扩展到任何分辨率。

但是,我不确定如何将它导出到所有这些不同的分辨率。我该怎么办?将它保存为.SVG并在Illustrator中执行某些操作?

如果有帮助,我为图标创建了一个200x200的圆角矩形底座,这是它的“尺寸”,但同样,它的矢量可以缩放到任何尺寸。

1 个答案:

答案 0 :(得分:1)

不幸的是,iOS不会在其UIWebView之外读取SVG(如果确实如此,它会非常酷)。 只需将svg导出为所需大小的png或jpg,然后为代码中的每个设备加载正确的svg。例如,对于iPad视网膜,如果图标必须是35x35点,你需要70x70 jpg。

另一种更有效的方法是使用Core Graphics以编程方式绘制图标,这样您就不必为每种尺寸加载不同的图标,并且在未来具有不同像素密度的设备中,您的图标看起来不会有所不同。您可以手动执行,也可以使用名为PaintCode的应用程序,这是一个昂贵的(99美元),但非常有用:您绘制并生成代码供您放入drawrect方法。