了解为 Iphone5/4/3 设计的 iphone 图像答案

【问题标题】：Understanding designing for the iphone images for Iphone5/4/3了解为 Iphone5/4/3 设计的 iphone 图像
【发布时间】：2013-03-30 19:58:11
【问题描述】：

我想了解为 IOS 应用程序设计图像的思考过程/最佳实践。

例如我有一个按钮设置如下：

LoginButton = [[UIButton alloc] initWithFrame:CGRectMake(10,(otherLoginButton.bounds.size.height + 40),300,50)];

所以代码中的按钮是 300x50px。

我的问题是图像在 Photoshop 中的大小应该是多少。让我们举个例子，我将整个按钮设计为一个不使用可拉伸按钮等的图像（尽管我会这样做），但作为一个例子，我想在 PS 中创建整个按钮。

如果我先为 iPhone5 设计然后缩小，按钮应该是多大？

其次，如果我使用上述技术，一旦创建了图像，我需要做的只是在 Photoshop 中缩小 50% 吗？是否像在 Photohshop 中缩放并选择 50% 或其他任何内容一样简单。

完成后，我是否只需要这两张图片作为按钮，一张名为“button”，另一张名为“button2@”？

【问题讨论】：

buttons 的情况与屏幕backgrounds 的情况不同。您应该为每个按钮简单地制作两个示例，例如，具有100*50px 尺寸并在 iPhone3（无视网膜）上称为 button1.png 的按钮应该与 iPhone4/5 等效，因此 200*100px 并命名为 button1@2x.png
@Malloc - 根据上述问题，iphone3 图像不是 300x50，那么视网膜图像不是 600x100？
是的，iPhone 3 的艺术应该加倍用于视网膜显示。所以是的，你的例子是 600x100。
@Malloc - 您能否确认缩小比例问题的答案并将其作为答案提交，我可以接受，感谢您的确认

【解决方案1】：

用于屏幕背景图像。您应该考虑 176 像素作为 iPhone5 和 4 之间的差异（1136 与 960），您可以考虑重做所有背景以设置您的应用与 iPhone5 兼容。

不久前，我发现了一篇关于如何为 iPhone5 优化这些艺术的好文章，看看here。

【讨论】：