GPT Image 2.6 用チャットアプリの会話画面プロンプト
吹き出し、共有された写真、波形付きのボイスメッセージ、入力欄を備えた、青いアクセントのライトテーマのメッセージ会話画面。
プロンプト
リアルなメッセージアプリの会話画面を作ってください：オンライン表示付きの連絡先名「Maya」、本物らしい短いメッセージが交互に並ぶ吹き出し、共有された写真、波形付きのボイスメッセージの吹き出し、添付と送信のアイコン付きのメッセージ入力欄。ライトテーマ、青のアクセント。iPhone の画面、フレームはなし。
- 対応モデル
- GPT Image 2.6
- 収録セット
- GPT Image 2.6 プロンプト
このプロンプトについて
プロンプトが描くのは、「Maya」との会話がすでに進んでいる場面です。上部に彼女の名前とオンライン表示、本物らしい短いメッセージが交互に並ぶ吹き出し、共有された写真、波形付きのボイスメッセージ、添付と送信のアイコンが付いた入力バーがあります。チャット UI が扱うべき吹き出しの種類をほぼ網羅しているので、ビジュアルスタイルを試すのに役立ちます。
「本物らしい短いメッセージ」は、会話の中身をモデルに任せます。サポートチャットやマッチングアプリなど、内容が重要なときは、4、5 件のメッセージを表示順に引用符で書いてください。チームチャットなら、Maya をチャンネル名に替え、1 件のメッセージの下にリアクションや返信数を加えます。
自分のスタイルをダークテーマで確かめるには、「ライトテーマ、青のアクセント」だけを変えます。同じプロンプトから 2 つのバージョンを作ると、吹き出しの色が十分なコントラストを保てているかがすぐわかります。Codex で画面を作り直すときは、波形と写真を実際のコンポーネントに置き換えましょう。
同じセットのほかのプロンプト
- 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 つのプロジェクトカード、連絡先リンクを黒とオフホワイトで構成した、プロダクトデザイナーのギャラリー風トップページ。
- GPT Image 2.6 用 EC の商品ページプロンプト写真ギャラリー、価格、カラー見本、数量選択、「カートに追加」、配送情報、レビュー概要を備えたデスクトップ向けの商品ページ。