【问题标题】:Confused regarding @3x artwork for iPhone 6+对 iPhone 6+ 的@3x 艺术品感到困惑
【发布时间】:2014-09-16 20:01:20
【问题描述】:

我在 App Store 中有一个应用程序,我想向其中添加 @3x 文件。我阅读了各种帖子,但我不确定如何继续。

我读到 iPhone 6 plus 的坐标空间是 414x736 点,(X3) 产生 1242x2208 像素,而不是 1080x1920。我还读到 iPhone 6+ 在渲染到显示器之前会将其除以 1.15,这将使其适合。

假设我的应用程序有一个 44x44 像素的按钮图像(@2x 文件),那么我应该将其绘制为 44/2*3*1.15 以使其适合我的 1242x2208 Photoshop 画布。 (/2 表示点,乘以 3 表示像素 *1.15 到超标度)

现在 Apple 文档说 @3x 按钮需要有 66 像素的区域,所以看起来太小了,因为它没有按 1.15 放大。

这让我认为我的 App 画布应该是 1080x1920,这样可以避免 iPhone 进行昂贵的重新缩放。那么哪个是对的?当然@3x 不会是@3x。

【问题讨论】:

  • 忘记 1080x1920。屏幕为 414x736 点或 1242x2208 像素。这才是最重要的。
  • 你应该选择 66,iOS 会自动调整屏幕大小。
  • 您只需使用因子为 3/2 或 1.5 的 @2X 资产(例如 44*1.5=66)并使用 @3X 保存。

标签: ios iphone iphone-6-plus


【解决方案1】:

忘记 1.15 的东西或实际的屏幕分辨率。只需将您的“@2x”资产扩大 3/2 倍,并将它们命名为“@3x”。其余的将由 iOS 处理。

【讨论】:

    【解决方案2】:

    查看这些链接 - @3x 图像如何在 1080x1920 尺寸下工作..

    http://aten.co/2014/09/12/designing-from-iphone-5-to-iphone-6-iphone-6-more-than-i-bargained-for/

    您必须在图像资源中设置图像,因此 iOS 会自动为不同的设备分配 2x 和 3x 图像。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2014-02-23
      • 1970-01-01
      • 1970-01-01
      • 2018-11-13
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-09-13
      相关资源
      最近更新 更多