客座文章：优化移动设备分辨率

2013 年 8 月 9 日

客座文章：优化移动设备分辨率

Anthony Keffel 是 3ID Studios 的创始人，这是一家位于德国的小型独立公司。他的全职工作是在一所私立学院担任信息图形和移动开发讲师。《The Amazing Funfair Games》是 Anthony 的第一款手机游戏，它使用 Corona SDK 构建。

在今天的文章中，Anthony 分享了有关针对各种设备和分辨率优化移动应用程序的技巧。

---

当你开始设计应用程序时，你可能会遇到一些意想不到的事情。在为各种设备处理了许多图像之后，我想给你的设计提供一些技巧，特别是如果你是设计和游戏开发的新手。在整篇文章中，我将使用我最近的游戏《The Amazing Funfair Games》中的示例。

市场多元化

你将遇到的挑战之一是市场上众多的设备及其不同的屏幕尺寸/分辨率。当我刚开始设计我的游戏时，苹果刚刚发布了 iPad 2。没有人听说过移动设备的“Retina”或“Full HD”。在我制作了基本的游戏界面后，我遇到了一些问题。

“高” iPhone 5

当我第一次在 iPhone 5 上测试我的游戏时，我的图形不再适合！我仍然想对所有设备使用一个界面设计，所以我返回并将所有内容调整为 1536×2048 像素（Retina iPad 分辨率）。稍后，我可以在我的图像编辑程序中将它们缩放到任何尺寸 - iPhone 5、iPhone 4、iPad Mini 以及许多较小的 Android 手机和平板电脑。

当你查看屏幕时，你可以看到“高” iPhone 5（纵向方向）和“宽” iPad 之间的问题。在这种情况下，iPad 上有很多空白空间。当你进行缩放时，你通常会遇到这类问题。

我使用的解决方案是在 iPhone 5 上裁剪界面，但保留屏幕上的基本方面。为了填充更宽设备的额外空间，我只是扩展了非游戏必要的的设计部分（看看计数器）。我称之为“魔术屏幕”。但是...

内容缩放不会缩放游戏玩法

在实施“魔术屏幕”后，我完成了代码并开始测试。在小型设备上，一切都运行良好，但在平板电脑上的测试人员不喜欢游戏的某些部分。例如，在左侧屏幕截图中，你看到 iPhone 5 上的游戏，而在中间，你看到原始的“魔术屏幕”版本 - 总的来说看起来不错，但几乎一半的屏幕没有用于游戏！

最终，我决定制作一个“全尺寸”版本 - 如果屏幕足够大，玩家将获得更多的糖果空间。

请记住...

• 尽量让用户在他的/她的设备上获得“最佳”的整体游戏体验。
• 测试它 - 测试它 - 再次测试它！

希望这个简短的案例研究可以帮助你理解为多种设备屏幕尺寸开发应用程序的挑战以及潜在的解决方案。有关此方面的更详细指南和教程，请访问 Corona 基础知识”部分 Corona 大学。