iOS资产大小及设计方法

Posted

技术标签:

【中文标题】iOS资产大小及设计方法【英文标题】:iOS asset sizes and design method 【发布时间】:2016-09-28 01:36:15 【问题描述】:

编写了我的第一个 ios 2D 游戏的代码。现在,当谈到资产时,我感到迷茫。一个原因是由于过时的文章而感到不完美。 我需要知道图像尺寸,才能开始设计。游戏的设备方向仅为纵向。状态栏被隐藏(游戏)。这些设备是通用的,主要是 iPhone,但如果 iPad 的尺寸也很合适,我当然不反对。为此目的开始设计的最佳图片尺寸是多少?

如果没有您的帮助,我会开始创建 1242 x 2208 和 401ppi 的背景(全屏)图像。然后,在 Photoshop 中将最终图像缩小到 750 x 1334 (4,7“)640 x 1136 (4“)。我的方法对吗?特别是,最好从 1242 x 2208 开始还是 1080 x 1920 好?

【问题讨论】:

我将缩小最终图像,创建为 1242 x 2208 和 401ppi。所以它是相同的图像,不会因屏幕尺寸而异。但我也不知道是否需要缩小或只是将1242 x 2208的图像添加到@3x部分并让iOS重新调整它? 【参考方案1】:

iPhone 5: 显示尺寸: 4 英寸屏幕尺寸: 320 x 568 点渲染像素: 640 x 1136 (@2x)每英寸像素 (PPI): 326浏览器尺寸纵向: 320 x 460 像素(320 x 528* / 320 x 548**)

iPhone 6/7: 显示尺寸: 4.7 英寸屏幕尺寸: 375 x 667 点渲染像素: 750 x 1334 (@2x)每英寸像素 (PPI): 326纵向浏览器尺寸: 375 x 559 像素(375 x 627* / 375 x 647**)

iPhone 6/7 Plus: 显示尺寸: 5.5 英寸屏幕尺寸: 414 x 736 点渲染像素: 1242 x 2208 (@3x)每英寸像素 (PPI): 401浏览器尺寸纵向: 414 x 628 像素(414 x 696* / 414 x 716**)

所以我会选择图像的渲染像素大小。

【讨论】:

作为一个快速而肮脏的备忘单,也请看这里:iosres.com(如所说,快速而肮脏,只有在你想通了并且确定你知道大体方向后才依赖它)跨度> 2 天了,这个答案不被接受?这有点不公平,真的没什么好说的......@rashwan-l 应该得到赏金(不是他需要代表:)) Rashwan L 已经回答了,但您也可以参考here。 我的问题的标题是“iOS 资产大小和设计方法”,您只回答了资产大小......一个很容易用谷歌搜索的信息。您会选择渲染像素,那么我应该创建一个 1242x2208 图像并将其缩小到 750x1334 和 640x1136 吗?如果是的话,这三幅图像是否被复制到通用图像集中?

以上是关于iOS资产大小及设计方法的主要内容,如果未能解决你的问题,请参考以下文章

Flutter iOS 应用程序大小增加而不更改资产/库

iOS 图像设计(尺寸和资产目录)

关于 Android 图像和资产大小

iOS:资产目录中的启动图像上的黑线

从资产中获取实际图像名称

数据资产顶层架构设计实践与思考