如何正确截取应用程序的截图
Gamasutra 资源定期发布开发者、艺术总监和游戏设计师关于行业的文章。我们挑选出最有趣的内容与您分享。
记者西蒙·希尔(Simon Hill) 讲述了如何为应用程序制作正确的屏幕截图。
创建应用程序或游戏仅是成功的一半。还需要确保人们能找到并下载您的项目。必须学会将其推销给挑剔的 App Store 用户。
我们已经 讨论过 如何撰写出色的应用程序描述。现在我们将探讨如何制作正确的屏幕截图,并简要讨论视频预览。
屏幕截图有什么用处?
当潜在买家看到您的应用程序时,首先注意的就是屏幕截图。如果买家对截图不满意,他们很可能会错过。
正确的屏幕截图:
- 解释您的应用程序能做什么;
- 从众多应用中脱颖而出;
- 以最有利的方式展示您的游戏/应用程序。
需要多少个屏幕截图?
每个应用程序至少需要上传一个屏幕截图。最多可上传五个图像。请始终努力上传完整的套件,因为屏幕截图越多,您就能越详细地介绍您的应用程序。
将首个屏幕截图视为给人的第一印象。这是最重要的截图,因为它将始终出现在您的应用程序页面上。
准备上传前五个屏幕截图时,需要将它们并排放置,评估整体外观,然后按重要性从高到低排列。首先根据它们展示的应用程序特点进行排序,同时也不要忽视美观。
选择什么大小?
如果您的目标是 iPhone,想让您的应用程序适配四种现有屏幕尺寸,您需要四套屏幕截图。根据 Apple 的要求,状态栏不应显示,以下是您的选项:
- 3.5 英寸屏幕竖屏:640 x 920 或 640 x 960
- 3.5 英寸横屏:960 x 600 或 960 x 640
- 4 英寸屏幕竖屏:640 x 1096 或 640 x 1136
- 4 英寸横屏:1136 x 600 或 1136 x 640
- 4.7 英寸屏幕竖屏:750 x 1334
- 4.7 英寸横屏:1334 x 750
- 5.5 英寸屏幕竖屏:1242 x 2208
- 5.5 英寸横屏:2208 x 1242
如果您的项目是为 iPad,尺寸如下:
- 横屏:1024 x 748 或 1024 x 768
- 竖屏:768 x 1004 或 768 x 1024
- 高分辨率横屏:2048 x 1496 或 2048 x 1536
- 高分辨率竖屏:1536 x 2008 或 1536 x 2048
在选择图片方向时,请考虑应用程序的使用方式及其设备。如果您的游戏可以根据屏幕旋转调整位置,请选择视觉效果最佳的方向。显然,如果您的游戏或应用程序主要是横屏显示,则应在屏幕截图中保持该方向。
通常,在 iPhone 上人们期望看到竖屏截图,而在 iPad 上则偏好横屏,但在新的iPhone 6 Plus上,应用程序在横屏状态下也表现良好。请记住,大多数人查找应用时一般是将手机竖着拿着。
如果您需要适合的设备在屏幕截图中去掉状态栏,可以使用免费程序 Status Barred。
是否需要在图像上添加文字?
如果屏幕截图无法传达您想表达的信息,请大胆添加文字。切忌过多,几句话足矣。
截图上的文字应达到以下目的:
- 突出应用程序的某个特点;
- 解释如何使用应用程序;
- 提供应用程序的详细信息;
- 显示下载量/推荐信息。
有时,一行文字可以同时达到多个目的。例如,音乐流媒体应用可以附上这样的文字:“通过滑动选择 1500 万首曲目”。这样达到了四个目的中的三个。
文字有两种放置方式:
- 直接覆盖在屏幕截图上。确保文字颜色与背景形成对比,同时保证可读性。您可以使用不同的颜色突出显示,或在其后放置条纹色;
- 放置在屏幕截图上方/下方,或者在设备图像的背景上。
在详细讨论第二点之前,先提到 App Store 营销指南中对此有如下说明:“屏幕截图应显示用户在应用程序运行时所看到的内容。请勿在 App Store 中发布的屏幕截图上放置 Apple 产品图像”。
许多游戏和应用程序无视这一规则,而我并没有听说有人因此被删除,但这条原则仍然值得铭记。
在设备图像或不同颜色的背景上放置屏幕截图
屏幕截图经常放在 iPhone 或 iPad 的图片上。“真实”图像是展示您的应用程序功能及使用方法的绝佳方式。
您可以将屏幕截图覆盖在其他图像上。这同样为文字提供了空间,还可以帮助突出应用程序或游戏的主题。
通过倾斜图像,可以凸显其独特风格和动态感,尤其是当屏幕截图本身并没有特别之处时。只需确保不要过度操作——屏幕截图仍然需要清晰可见。
本地化您的屏幕截图
您可以为每种支持的语言包含不同的屏幕截图集,这是必要的。默认情况下,会包含主要语言的截图,但对其他语言进行本地化是值得的付出。正如我 之前提到的,翻译为其他语言可以显著提高下载量。
如果屏幕截图没有文字,可以只用一套图像。如果计划稍后添加文本,请创建一版主屏幕截图,确保可以编辑,这样以后可以添加其他语言。
请始终通过专业翻译人员进行翻译。
创建屏幕截图
如果您计划添加文本、将图像放置在背景上、添加照片或以其他方式更改图像,则需要一个好的图像编辑器。在这方面的选择丰富,而 Adobe Photoshop 是无与伦比的。不过,购买或订阅该编辑器的成本相对较高。
Photoshop 的替代品是 GNU 图像处理程序 (GIMP)。它的附加功能较少,但免费并且可以创建出色的屏幕截图。在这里,您可以找到教程视频。
Apple 要求图像格式为 PNG 或 JPEG,分辨率为每英寸 72 像素 (dpi),颜色模式为 RGB。屏幕截图不应包含图层或透明部分。
预览屏幕截图
假设您的屏幕截图本身看起来非常完美。但它在 iPhone 或 iPad 屏幕上会呈现怎样呢?
使用免费在线服务 AddLingo StoreFront 来确认您的应用程序截图是否呈现如您所想。
确保色彩彼此协调,并且所有屏幕截图彼此区分。如同 UI,屏幕截图最好在同一色彩范围内。
如果需要,可以将屏幕截图排列成双联画——使两个并排的屏幕截图看起来像一幅图像。
应避免的事项
以下是一些在 App Store 中普遍存在的常见错误——尽管这些错误非常容易避免。
- 不要让屏幕截图过于拥挤,细节过多的图像看起来不吸引人。
- 少量的文字效果更好。“字母围墙”会让买家望而却步。
- 不要使用网络上随机找到的图片、手绘图像或启动屏幕来替代真实的应用程序界面。
- 确保所有图像都是高分辨率的:模糊的屏幕截图很难吸引买家。
- 如果结合多张图片,请确保它们协调,否则看起来便显得廉价无趣。
- 在从未见过截图的人身上测试这些截图,以确认图像清楚传达了您的意思。
关于视频预览的几点建议
机会勿失,在应用程序描述中包含 15-30 秒的视频是非常重要的。如果你在 iOS 8 的移动设备或 OS X Yosemite 的 Mac 上,可以通过 Lightning 连接器录制 QuickTime 视频。
请用主要语言进行拍摄,因为每种屏幕尺寸只能上传一个视频。有关 App 预览的技术参数,可以在 iOS 开发者库中找到。
视频是展示您应用程序特性或游戏玩法的绝佳方式。您可以使用我们之前讨论过的文本叠加技巧,或添加带有描述的音轨。请记住,目前视频尚不支持本地化。
还有一点非常重要的事情要记住——选择合适的预览图像,因为它将持续显示在您的应用程序的 App Store 页面上。您可以在 QuickTime 中完成此操作:找到所需的帧,然后暂停视频,打开“查看”菜单,选择“设置海报帧”。
完成后,将滑块移回开头并保存视频文件。
总结
制作应用程序的屏幕截图或视频预览时,确保反映出所有关键特性,以便买家能轻易了解您提供的内容。
正确的图像或视频价值千言万语。
其他相关材料: