Mockuptopガイド一覧

画面収録をストア用プレビューに仕上げる

ほぼすべてのプレビューは画面収録から始まり、出来の悪いプレビューのほとんどは編集ではなく収録中の判断のせいで悪くなっています。意図して収録すれば、あとは組み立てるだけです。

きれいに、正しいサイズで、複数回撮る

対象クラスと画面が一致するシミュレータや実機を使い、後で拡大縮小せずに済むようにします。通知を消し、ツールが許すならバッテリーと時計を中立な値に固定し、現実味のある内容を使ってください。意味のない文字列も、同僚の実在の電話番号も避けます。ゆっくり意図して操作してください。アプリを知っている人が全速でタップした収録は、知らない人には読めません。各操作を3回撮り、最も落ち着いたテイクを残します。

まず動作に合わせ、次に拍に合わせて切る

各クリップを、変化の瞬間とその前後の短い間だけに詰めてください。そのうえで、構成で割り当てた拍に収まるようにもう一度詰めます。編集中に自然だと感じるより短くなるのが普通で、長くなるものはほとんどありません。指がボタンへ移動している冒頭の無音の時間は、最も切られる部分であり、最も見落とされやすい部分です。

置き、構図を決め、文字を入れ、書き出す

トリミングした収録をモックアッププロジェクトのデバイスに載せ、インターフェースが読める構図を選び、カットごとに1つのテキストを添え、動く必要のあるものだけを動かします。ストアが求めるクラスの正確な寸法、毎秒30フレーム、インターフェースの文字が鮮明に残るビットレートで書き出してください。そのあと、無音で、実際に表示される大きさで一度見ます。編集ウィンドウより小さいその大きさで、残った問題がはっきり見えます。

よくある質問

アプリの画面をきれいに収録するには?

iOS ではシミュレータからの収録が最も制御しやすく、Android では標準のレコーダーか ADB で足ります。どちらでも通知を消し、現実味のあるデータを使ってください。

プレビューに指やカーソルを映すべき?

何が変化を引き起こしたのかを追いやすくなるので、インターフェースを覆わない範囲なら有効です。

プレビューをすべてブラウザで編集できますか?

できます。収録を3Dデバイスに載せ、カメラをアニメーションさせ、テキストを足し、動画を書き出すまで、現代のブラウザならすべてクライアント側で動きます。

ブラウザだけで作れます。 スクリーンショットを3Dデバイスに載せ、カメラを動かし、静止画や動画として書き出す。インストールもアカウントも不要です。

3Dエディタを開く 写真エディタを開く
言語: EN TR DE ES FR IT PT AR RU JA KO