GPT Image 2.6 用アプリのオンボーディング画面プロンプト
ウェルカム、目標のチップ、リマインダーの時刻選択の 3 つのオンボーディング画面を、1 つの統一した配色で横に並べて生成します。
プロンプト
[瞑想アプリ] のモバイルのオンボーディング画面を 3 枚、横に並べて作ってください:1) 穏やかなイラストと「1 日 5 分で、もっと上手に呼吸を」のウェルカム画面、2) 選べるチップで目標を選ぶ画面、3) タイムピッカーでリマインダーの時刻を選ぶ画面。一貫したやわらかいラベンダーの配色、角丸のボタン、進捗ドット。端末のフレームはなし。
- 対応モデル
- GPT Image 2.6
- 収録セット
- GPT Image 2.6 プロンプト
このプロンプトについて
フロー全体を 1 枚の画像で生成すると、3 つの画面がそろいます。同じやわらかいラベンダーの配色、角丸のボタン、進捗ドットで、「1 日 5 分で、もっと上手に呼吸を」のウェルカム画面、選べるチップで目標を選ぶ画面、時刻を選ぶタイムピッカー付きのリマインダーの画面が並びます。誰かが作る前に、このフローが穏やかで短く感じられるかを手早く判断できます。
[瞑想アプリ] を自分のプロダクトに置き換え、3 つのステップを、新規ユーザーに実際に尋ねる内容に書き直してください。語学アプリならウェルカム、レベル選択、1 日の目標設定。家計簿アプリならウェルカム、銀行口座の連携、カテゴリー選択といった具合です。各画面を読める大きさに保つため、画面は 3 枚までにしましょう。
1 枚だけ違っていて残りがよい場合は、生成し直さずに編集します。その画面のチップを透明なオーバーレイで丸く囲み、変更内容を説明してください。Codex では、画像から画面を 1 つずつ作り直すと、それぞれが操作して確かめられる独立した HTML ファイルになります。
同じセットのほかのプロンプト
- GPT Image 2.6 用チャットアプリの会話画面プロンプト吹き出し、共有された写真、波形付きのボイスメッセージ、入力欄を備えた、青いアクセントのライトテーマのメッセージ会話画面。
- GPT Image 2.6 用 iOS の設定画面プロンプトグループ化されたリスト、現在の値、同期とリマインダーのトグル、赤い「サインアウト」の行を備えたネイティブ iOS の設定画面。アプリとグループは差し替え可能です。
- GPT Image 2.6 用モバイルの空の状態の画面プロンプトユーザーにまだタスクがないときの空の状態の画面。親しみやすいイラスト、短い見出し、補足 1 行、「最初のタスクを追加」ボタンで構成します。
- GPT Image 2.6 用ダークモードの音楽プレーヤープロンプトアルバムアート、曲名、プログレスバー、再生コントロール、歌詞を備えた、チャコールにネオンシアンのアクセント 1 色のダークモードの音楽プレーヤー。
- GPT Image 2.6 用 SaaS ランディングページのヒーロープロンプトナビゲーション、見出し、2 つの CTA、大きなカンバンのスクリーンショットを備えた、白とバイオレットのアクセント 1 色のデスクトップ向け SaaS ヒーロー。
- GPT Image 2.6 用デザイナーのポートフォリオのトップページプロンプトエディトリアルな見出し、短い自己紹介、6 つのプロジェクトカード、連絡先リンクを黒とオフホワイトで構成した、プロダクトデザイナーのギャラリー風トップページ。