ios 应用商店

Back in 2014, Apple made it possible to add an app preview to the the App Store. App previews are the best way to show potential users what your app has to offer before they download the app. In fact, users are 3x more likely to install an app with an app preview, according to StoreMaven.

早在2014年，Apple便可以将应用程序预览添加到App Store。 应用预览是向潜在用户展示您的应用在下载应用之前必须提供的内容的最佳方法。 实际上，根据StoreMaven的说法 ，用户安装带有应用预览的应用的可能性要高出3倍 。

Unfortunately, many solo makers don’t have the budget to hire a professional to make an app preview. Recently, I found myself in this position, and after some digging, I found a couple of free tools to make a quality app preview.

不幸的是，许多独奏制作人没有预算聘请专业人员来预览应用程序。 最近，我发现自己处于这个位置，经过一番挖掘，我找到了一些免费的工具来制作高质量的应用程序预览。

In this post, I’m going to go over the following:

在这篇文章中，我将介绍以下内容：

1. Preparing the content
   准备内容
2. Recording the video
   录制视频
3. Editing the video
   编辑视频
4. Common issues
   常见问题

I’m assuming that you are using a Mac, which comes with Xcode, Quicktime, and iMovie for free. If you are not using a Mac you might need to purchase these tools.

我假设您使用的是Mac，它免费提供Xcode，Quicktime和iMovie。 如果您未使用Mac，则可能需要购买这些工具。

准备内容 (Preparing the content)

Each app developer knows the most engaging and fun parts of their app. Make sure to highlight those in your app preview. Figure out where you need to add text overlays and ensure the text contrasts with the background it’s displayed on.

每个应用程序开发人员都知道其应用程序中最有趣，最有趣的部分。 确保在应用预览中突出显示这些内容。 确定您需要在何处添加文本叠加层，并确保文本与显示其的背景形成对比。

As of iOS 11, you can have up to three app previews to show off your app. It may be tempting to use the entire 90 seconds you are given, but I would suggest loading your most interesting features in the first one. If users aren’t interested in your app by the first preview, it’s unlikely they’ll take the time to watch the other two.

从iOS 11开始，您最多可以使用三个应用程序预览来展示您的应用程序。 可能会花整个90秒钟来吸引您，但是我建议您在第一个中加载最有趣的功能。 如果用户在第一次预览时对您的应用不感兴趣，则他们不太可能会花时间观看另外两个。

Finally, you may want to show the users how they will interact with your app. To show off touches and gestures, use GSTouchesShowingWindow. It’s super easy to install and will show off how users will interact with your app.

最后，您可能想向用户展示他们将如何与您的应用交互。 要展示触摸和手势，请使用GSTouchesShowingWindow 。 它非常易于安装，并且可以展示用户如何与您的应用进行交互。

录制视频 (Recording the video)

Once you have decided the content you want to show, you can start recording your video. The easiest way to do this is to use Quicktime to record the screen of a connected iPhone.

确定要显示的内容后，就可以开始录制视频了。 最简单的方法是使用Quicktime记录已连接iPhone的屏幕。

Plugin your iPhone, then open quicktime and hit File > New Movie Recording. This will open a recording window. From the dropdown next to the record button, you can select the device you have connected.

插入您的iPhone，然后打开quicktime并单击File > New Movie Record Recording。 这将打开一个录制窗口。 从记录按钮旁边的下拉列表中，您可以选择已连接的设备。

Using a connected device means that you are limited only to the devices you have. Luckily, you can use Xcode CLI to record your simulator actions.

使用连接的设备意味着您仅限于拥有的设备。 幸运的是，您可以使用Xcode CLI记录模拟器操作。

To record with the Xcode CLI, begin running your simulator in Xcode. Then, open your terminal and enter the following command:

要使用Xcode CLI进行记录，请开始在Xcode中运行模拟器。 然后，打开您的终端并输入以下命令：

$ xcrun simctl io booted recordVideo example.mp4

Perform the actions you want to record in the simulator then ctr-C in your terminal to end the recording session. The above command will add the video example.mp4 to the current directory of your terminal.

执行要在模拟器中记录的操作，然后在终端中按ctr-C结束记录会话。 上面的命令会将视频example.mp4添加到终端的当前目录。

编辑视频 (Editing the Video)

There are two goals you are trying to hit while editing your preview:

您在编辑预览时要达到两个目标：

1. Show your app in the best light possible
   在最佳光线下展示您的应用
2. Edit the preview down to between 15 and 30 seconds
   修改预览到15到30秒之间

The best tool for editing an app preview is iMovie. Open iMovie and click File > New App Preview. Drop your video into the media area to add it to your project.

iMovie是编辑应用程序预览的最佳工具。 打开iMovie，然后单击File > New App Prev 。 将视频放入媒体区域以将其添加到您的项目中。

I’m not going to go into details of how to edit an iMovie app, but the UI is pretty intuitive. Just drag and drop the scenes you want onto the lower area to add them to your clip. command+B will allow you to split your clip so you can fit cool transitions and keep track of the pacing better. You can add transitions between split clips, audio, and title screens.

我不会详细介绍如何编辑iMovie应用程序，但是用户界面非常直观。 只需将所需的场景拖放到下部区域即可将它们添加到剪辑中。 command+B可以拆分剪辑，以便适应酷炫的过渡效果并更好地跟踪起搏。 您可以在分割片段，音频和标题屏幕之间添加过渡。

Once you are done editing, click File > Share > App Preview (if you don’t see App Preview you can also click file). Then, select the destination you want to save it to and hit enter. After a few seconds, your video will be available.

一旦你完成编辑后，单击File > Share > App P审查(如果你不” t see App P检讨你也可以clic K锉)。 然后，选择要保存到的目的地，然后按Enter。 几秒钟后，您的视频将可用。

常见问题 (Common issues)

So at this point there is a good chance you already have everything ready to go, but when you try to upload your preview to iTunes Connect, you get an error. It is likely that your problems are caused by one of these two app preview requirements:

因此，目前很有可能已经准备就绪，但是当您尝试将预览上传到iTunes Connect时，会出现错误。 您的问题可能是由以下两个应用预览要求之一引起的：

1. Your app preview’s resolution must match the requirements for the device type
   您的应用预览的分辨率必须符合设备类型的要求
2. Your app preview must run at 30 fps
   您的应用预览必须以30 fps的速度运行

The likelihood that your app preview’s resolution doesn’t meet the requirements is pretty low, but I actually ran into trouble even when I recorded directly from my iPhone. For whatever reason, Quicktime captured everything off by one pixel, so iTunes Connect refused to let me upload the video.

您的应用预览的分辨率不符合要求的可能性非常低，但是即使直接从iPhone录制 ，我实际上也遇到了麻烦。 无论出于何种原因，Quicktime都将所有内容捕获了一个像素，因此iTunes Connect拒绝让我上传视频。

After some searching, I found a free tool that lets you crop your .mov (or any video type) into the correct resolution. Go to ezgif.com and click Video to GIF on the nav bar. This opens another nav bar below the first one, where you will see Crop video. Click that, then you can upload your quicktime .mov file. Crop the video to the size you need and download the new file.

经过一番搜索，我发现了一个免费工具，可让您将.mov (或任何视频类型)裁剪为正确的分辨率。 转到ezgif.com ，然后在导航栏上单击“ Video to GIF ”。 这将在第一个导航栏下方打开另一个导航栏，您将在其中看到Crop video 。 单击该按钮，然后可以上传quicktime .mov文件。 将视频裁剪为所需大小，然后下载新文件。

If you face issues related to your app preview not running at 30 fps, that’s an easy one to fix (for free) with ffmpeg. Open your terminal, ensure you have homebrew installed, and enter:

如果您遇到与应用预览不能以30 fps的速度运行有关的问题，可以使用ffmpeg轻松修复(免费)。 打开终端，确保已安装自制软件 ，然后输入：

$ brew install ffmpeg

Now with ffmpeg installed, cd into the directory that contains your video and enter:

现在安装了ffmpeg，将cd插入包含您的视频的目录，然后输入：

$ ffmpeg -i "original.mov" -r 30 "converted_30fps_video.mov"

This will output your video converted to 30 fps.

这将输出转换为30 fps的视频。

结论 (Conclusion)

You should now have an app preview that meets all of Apple’s requirements. Having an app preview is important so that your app stands out from the millions of apps on the app store. I found that the tools used in this guide landed me with a high quality app preview that I felt marketed my app well, and it didn’t cost a dime!

现在，您应该拥有一个可以满足Apple所有要求的应用程序预览。 预览应用程序很重要，这样您的应用程序才能从应用商店中的数百万个应用中脱颖而出。 我发现本指南中使用的工具使我获得了高质量的应用预览，这让我觉得我的应用营销不错，而且花了不到一角钱！

I hope this guide saved you some time and money. Good luck on the app store!

希望本指南为您节省一些时间和金钱。 在App Store上祝您好运！

Thanks so much for reading! If you liked this story, follow me on Twitter where I post articles about product management, engineering, and design.

非常感谢您的阅读！ 如果您喜欢这个故事，请在Twitter上关注我，在那里我发布有关产品管理，工程和设计的文章。

翻译自: https://www.freecodecamp.org/news/how-to-make-an-app-store-worthy-ios-app-preview-on-a-budget-c4a7de1d5401/

ios 应用商店