适用于iOS设备的不同启动屏幕图像或背景图像尺寸

时间:2017-05-13 17:12:28

标签: swift3 photoshop retina-display image-size launch-screen

我阅读了一些有关为iOS设备导出不同图像尺寸的网站链接。但我真的不明白那些解释。 (可能我不擅长英语。)

enter image description here

我在发射屏上发现了这些尺寸。请让我向你澄清我的理解。
因此,当我创建一个图像时,我必须首先创建一个更大的尺寸(@ 3x)并且应该将该图像导出为更小的尺寸(@ 2x,@ 1x)。我对吗?

例如,我创建1242x2208px(3x)图像并缩放到2x,3x并保存。
enter image description here
我的问题是;
1)我在Photoshop CS6中绘制图像。对于任何尺寸的图像,分辨率仍为75px。不是吗?
因此,对于1242x2208px(3x)尺寸,分辨率为75px,然后我减小尺寸。图像会很小并且会变得模糊吗?

2)图像元素(我的示例图像中的心脏图像)是否需要在较小的设备(1x)中变大以获得清晰的外观?

3)如果我们不需要修改图像元素或者某些字体大小的文本可能大或小,我们可以在1x中获得高分辨率的图像外观吗?我担心如果我们缩小到更小(1x),它会变得模糊,看起来不好,因为我们仍然在75分辨率。

4)是否需要使图像元素适合图像大小?我发现了这段视频https://www.youtube.com/watch?v=WOnczJSsMqk。在这段视频中,他裁剪出白色空间并输出到@ 1x,@ 2x和@ 3x。因此,@ 3x的大小不是来自Apple官方指南网站的图像大小。我不清楚这一点。

5)如果我们在@ 3x 图像中键入文本(字体大小-90pt),那么它将在@ 1x 图像中自动更改为 60pt。对?
但在这个链接https://www.smashingmagazine.com/2015/05/retina-design-in-photoshop/#font-size中,他写了

  

一个字体设置为16像素的文本框。但@ 2x这是32像素,   和@ 3x它是48像素!   不理想,是不是必须经常乘以两三个?一世   我不知道你,但我可以没有不断的数学。 当我   设计,我想知道16像素是16像素!

那么,任何尺寸的图像1x,2x或3x的文本应该是 16 px 吗?

6)这些图像尺寸适用于发布屏幕,不是吗?但是,如果我为登录屏幕的背景创建一个图像,那么它是相同的概念并保存为这些尺寸的图像?

7)以上图像尺寸尺寸是否正确?但是,在这个https://developer.apple.com/ios/human-interface-guidelines/graphics/launch-screen/网站中,尺寸略有不同。

现在,我正在尝试为登录背景图像创建设计。所以,我在画画之前就找到了大小。但是,在阅读Retina设备中的许多图像尺寸文章之后,我感到很困惑并且在脑海中得到了很多问题。
这就是为什么我写下这样的问题,我想抱歉我的问题很长,让你觉得不容易理解。
对不起,我的英语很差。
我希望有人能帮助我逐步回答我的所有问题。谢谢阅读直到最后。 :)

1 个答案:

答案 0 :(得分:1)

你在这里要求很多。首先,你没有像素工作。你的工作点。这些是两种不同的测量单位。在1x比例上1点= 1x1像素,在2x比例上1点= 2x2像素,在3x比例上,1点= 3x3像素。

现在谈到如何扩展,人们声称你从大开始,你的小到最好的质量。这是不正确的。这一切都取决于实际图像如何扩展。因此,您的目标是找到最适合图像的方法。我建议从大到小开始,但是如果它没有你喜欢的那么好,那么小到大,然后尝试不同的缩放方法。 我个人并不完全依赖自动化,我喜欢手动调整所有3种尺寸,直到图像完美,这使得sprite-kit在这个部门工作非常困难,因为我必须设计我的图形以反作用的方式硬件扩展。底线是在一天结束时,在预算限制范围内为您的应用做最好的事情。

现在谈到字体大小,你再次使用点,而不是像素。无论谁告诉你需要繁殖,都不了解视网膜显示是如何工作的。所以当你做16pt字体时,系统会自动选择32pt和48pt。 (但如果你读它仍然会说16pt)

尽量不要过度思考这个问题,理解起来真的很简单。视网膜显示的整个点是在保持相同体验的同时提供更清晰的图像,并通过提供像素显示方式的更细粒度来实现这一点。每个像素都非常小,这使得用眼睛很难看到。相反,它们是其他像素的伴侣,因此当您的眼睛将2个像素放在一起时,您将获得使用单个彩色像素无法生成的更好看的图像。在处理应用时,您需要牢记这一点。这就是为什么新人们进入发展的臭味。每个人都应该从iphone 2g开始,然后让他们的应用程序适应iphone 4.他们将清楚地了解视网膜的构建。