如何从设计为1242像素的PSD减去iOS8资产2208像素

时间:2014-12-19 04:07:25

标签: ios photoshop

我负责开发项目的设计师(我的第一个iOS项目之一)使用设置为1242x2208像素的Photoshop画布设计应用程序,这是iPhone 6+使用的像素数。我已经浏览了互联网,并且对于1x,2x,3x的所有转换变得越来越困惑,并且为了进一步混乱,苹果缩小到1080x1920。

无论如何,如何正确切割@ 1x,@ 2x,@ 3x的资产?当我裁剪我想要的元素时,我将其保存为3倍。但是,除了获得2x和1x版本,我该怎么做?

这里的第二个问题和假设情况:有一个按钮设计为纵向的屏幕全宽,因此设计师将其设为1242x100。如果我将其保存为3x,然后将其缩小2倍和1倍,此按钮是否适合所有不同的屏幕尺寸,一直到iPhone 4 / 4s,它具有更小的像素尺寸和不同的宽高比?

困惑,任何帮助表示赞赏!

3 个答案:

答案 0 :(得分:1)

事实上Retina尺寸令人困惑,但这就是Xcode中使用的自动调整大小。

但Apple提供给我们的API,选择@ 3,@ 2和1尺寸。开发人员/设计人员不需要做任何事情,而是提供所有三个图像。一个例子是:

ObjC:

+ (NSImage *)imageNamed:(NSString *)name]
斯威夫特:

init?(named name: String) -> NSImage

只使用没有@ etc的图像名称...所以,myImageName@3x.png myImageName@2x.png myImageName.png只会被称为“myImageName”

API处理其余部分:)

答案 1 :(得分:1)

实施例: 如果您的原创作品是960像素×1704像素,只需保存图像,包括" @ 3x"

image@3x.png   // (960  x 1704)

然后你必须将它的大小调整为640x1136并保存包括" 2x"

image@2x.png   // (640x1136)

然后你必须将其调整为320x568并保存为1x

image.png      // (320x568)

答案 2 :(得分:0)

我遇到了同样的问题。我做的是,在切割iPhone 6 +(@ 3x)的所有图像后,我只是将PSD的大小调整为iPhone 5的宽度为640px(如果保持宽高比,则高度为1138像素)并剪切@ 2x图像。对于1x图像,再次调整为320px宽度。

只是,iPhone 6 +,iPhone 6和iPhone 5具有几乎相同的宽高比。

祝你好运!