GPT Image 2.6 用フィットネスアプリのホーム画面プロンプト
週間距離のリング、「ランを開始」ボタン、前回のランのカード、4 タブのバーを備えたランニングアプリのホーム画面。自分のアプリに合わせて調整できます。
プロンプト
[ランニングアプリ] のリアルなモバイルアプリ UI を作ってください。戻ってきたランナー向けのホーム画面：あいさつ「おはよう、Sam」、「18.4 / 25 km」を示す週間距離のリング、「ランを開始」のプライマリボタン、ルートマップのサムネイルとペース、タイムを載せた前回のランのカード、そして下部タブバー：ホーム、プラン、アクティビティ、プロフィール。すっきりした白い UI、エネルギッシュなオレンジのアクセント 1 色、明快なタイポグラフィ。iPhone の画面、端末のフレームはなし。
- 対応モデル
- GPT Image 2.6
- 収録セット
- GPT Image 2.6 プロンプト
このプロンプトについて
このプロンプトは、端末のフレームなしで iPhone の画面を 1 枚生成します。対象は、アプリを使ったことのあるランナーです。あいさつ「おはよう、Sam」、今週の「18.4 / 25 km」を示すリング、オレンジの「ランを開始」ボタン、ルートのサムネイル・ペース・タイムを載せた前回のランのカード、そしてホーム、プラン、アクティビティ、プロフィールのタブバーが並びます。要素がすべて実際の操作部品と実際のデータでできているため、コンセプトではなく、リリース済みのアプリのように見えます。
[ランニングアプリ] を自分のプロダクトに置き換え、引用符の中の数字もそれに合わせてください。サイクリングアプリなら「142 / 200 km」、歩数計なら「48,200 / 70,000 歩」といった具合です。タブ名はナビゲーションに合わせて変え、オレンジはブランドカラーに替えて構いませんが、アクセントは 1 色という指示は残しましょう。そうすれば「ランを開始」が一目でわかる主役のアクションのままになります。
前回のランのカードにあるペースとタイムは画像の中で最も小さい文字なので、共有する前に確認し、最終版にはディテールと小さな UI の文字に強いモデルである Sunburst を使ってください。レイアウトが決まったら、Codex で画像を添付し、画面を 390×844 の HTML として作り直すよう頼みます。
同じセットのほかのプロンプト
- GPT Image 2.6 用モバイルバンキングアプリのプロンプト残高カード、4 つのクイックアクション、最近の取引リストを、落ち着いたネイビーの配色で描くバンキングアプリの画面。数字は自由に差し替えられます。
- GPT Image 2.6 用フードデリバリーアプリのホーム画面プロンプト住所バー、検索、カテゴリーチップ、おすすめレストランのカード、「近くで人気」のリストを備えた、白と赤のフードデリバリーのホーム画面。
- GPT Image 2.6 用アプリのオンボーディング画面プロンプトウェルカム、目標のチップ、リマインダーの時刻選択の 3 つのオンボーディング画面を、1 つの統一した配色で横に並べて生成します。
- GPT Image 2.6 用チャットアプリの会話画面プロンプト吹き出し、共有された写真、波形付きのボイスメッセージ、入力欄を備えた、青いアクセントのライトテーマのメッセージ会話画面。
- GPT Image 2.6 用 iOS の設定画面プロンプトグループ化されたリスト、現在の値、同期とリマインダーのトグル、赤い「サインアウト」の行を備えたネイティブ iOS の設定画面。アプリとグループは差し替え可能です。
- GPT Image 2.6 用モバイルの空の状態の画面プロンプトユーザーにまだタスクがないときの空の状態の画面。親しみやすいイラスト、短い見出し、補足 1 行、「最初のタスクを追加」ボタンで構成します。