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 應用商店