我应该为全宽度显示提供哪些资产,以及如何命名它们?

时间:2014-10-05 15:08:09

标签: ios assets iphone-6 iphone-6-plus

以下是我想在我的应用中展示的基本示例。

  • bg是一个必须适合整个屏幕的背景图片
  • left是一个宽度适合屏幕左半部分的图像;它的宽高比是正方形
  • right是一个适合屏幕右半部分宽度的图像;它的宽高比是正方形

Sample application for asset naming example

在iPhone 6之前,我会提供以下内容:

+----------------+------------+-------------+--------------------+
| Asset name     | Width (px) | Height (px) | Devices            |
+----------------+------------+-------------+--------------------+
| bg.png         |        320 |         480 | iPhone 3GS         |
| bg@2x.png      |        640 |         960 | iPhone 4           |
| bg-568h@2x.png |        640 |        1136 | iPhone 5           |
+----------------+------------+-------------+--------------------+
| left.png       |        160 |         160 | iPhone 3GS         |
| left@2x.png    |        320 |         320 | iPhone 4, iPhone 5 |
+----------------+------------+-------------+--------------------+
| right.png      |        160 |         160 | iPhone 3GS         |
| right@2x.png   |        320 |         320 | iPhone 4, iPhone 5 |
+----------------+------------+-------------+--------------------+

使用新的iPhone 6/6 plus宽度,我应该提供哪些资产,以及如何命名它们?考虑到点数是奇数,我们如何为iPhone 6(或6加变焦模式)定义“半宽”?

这是一个建议,但我不确定它是否真的符合常规做法:

+-------------------+------------+-------------+----------------------------------------+
| Asset name        | Width (px) | Height (px) | Devices                                |
+-------------------+------------+-------------+----------------------------------------+
| bg.png            |        320 |         480 | iPhone 3GS                             |
| bg@2x.png         |        640 |         960 | iPhone 4                               |
| bg-568h@2x.png    |        640 |        1136 | iPhone 5, iPhone 6 zoom mode           |
| bg-667h@2x.png    |        750 |        1334 | iPhone 6                               |
| bg-667h@3x.png    |       1125 |        2001 | iPhone 6 plus zoom mode                |
| bg@3x.png         |       1242 |        2208 | iPhone 6 plus                          |
+-------------------+------------+-------------+----------------------------------------+
| left.png          |        160 |         160 | iPhone 3GS                             |
| left@2x.png       |        320 |         320 | iPhone 4, iPhone 5, iPhone 6 zoom mode |
| left-375w@2x.png  |        375 |         375 | iPhone 6                               |
| left-375w@3x.png  |        562 |         563 | iPhone 6 plus zoom mode                |
| left@3x.png       |        621 |         621 | iPhone 6 plus                          |
+-------------------+------------+-------------+----------------------------------------+
| right.png         |        160 |         160 | iPhone 3GS                             |
| right@2x.png      |        320 |         320 | iPhone 4, iPhone 5, iPhone 6 zoom mode |
| right-375w@2x.png |        375 |         375 | iPhone 6                               |
| right-375w@3x.png |        563 |         563 | iPhone 6 plus zoom mode                |
| right@3x.png      |        621 |         621 | iPhone 6 plus                          |
+-------------------+------------+-------------+----------------------------------------+

请注意,@ 2x刻度的375px和@ 3x刻度的562或563 px甚至不是有效的点测量值。保持整数值的最佳方法是374/376 @ 2x和561 / 564px @ 3x ...

0 个答案:

没有答案