作業の進め方
App Store Screenshotsは、ストア掲載用マーケティング画像向けにビルド済みの Next.js と ShadCN のエディタを用意します。実際のアプリキャプチャ、アイコン、機能の優先順位、ビジュアルの方向性を用意してください。エディタはデバイスフレーム、インラインでのコピー編集、レイアウトの選択、画像オーバーレイ、エクスポート操作を提供します。出力はマーケティング用のアートワークであり、新しいアプリ UI でも、全プラットフォームの製品画面の自動キャプチャでもありません。
連結キャンバスでは、デバイスや装飾要素が隣り合うスクリーンショットにまたがって配置できますが、書き出された各切り抜きはそれぞれ完結したメッセージを伝える必要があります。プロジェクトの状態は、ローカル素材とともにJSONファイルに保存され、利便性のためにブラウザにもミラーされます。デバイス別デッキとローカライズされたラベルにより、複数のストアに対応できます。既存プロジェクトには保全を重視した移行手順が用意されており、以前のクリップ済み構成を変えかねない連結エクスポートが黙って適用されることはありません。
想定される成果物
- アプリのコンテンツをあらかじめ入れたローカルのスクリーンショットデザインエディタ
- バージョン管理に適したプロジェクトJSONファイルと、ローカルのスクリーンショット素材
- デバイス、サイズ、ロケール別に整理されたPNGエクスポートバンドル
ブリーフからレビューまで
- 01既存の作業を確認する
スキャフォールドの前に、以前のスクリーンショットプロジェクトがないか確認します。移行する場合は、サンプルで置き換えず、ユーザーのコピー、デッキ、素材、復元可能なスナップショットを保持します。
- 02実際のアプリ素材を用意する
デバイスのキャプチャ、アイコン、アプリ名、優先する機能、対象プラットフォーム、言語、スタイルの方向性を集めます。必要な場合、スクリーンショットの撮影は別のタスクです。
- 03デッキを構成する
パッケージ済みのエディタでレイアウトに変化をつけ、1枚につき明確なメリットを1つ書きます。画面をまたぐオブジェクトを使う場合も、重要なテキストと UI が各切り抜きの中で読めるように計画します。
- 04エクスポートを確認する
サムネイルでの読みやすさ、ローカライズ後の改行、素材の読み込み、書き出された切り抜きを確認します。選択した各デバイスのバンドルを書き出し、提出前に最新のストア要件を確認してください。