GPT Image 2.6 用引っ張って更新のアニメーションプロンプト
モバイルのフィードで引っ張って更新する、リストが下に引かれ、スピナーが回転し、新しい項目が上から入ってくるループ GIF。
プロンプト
モバイルのフィードで引っ張って更新するループアニメーション：リストが下に引っ張られ、スピナーが現れて回転し、その後新しい項目が上からスライドして入ってくる。すっきりしたライトな UI。
- 対応モデル
- GPT Image 2.6
- 収録セット
- GPT Image 2.6 プロンプト
このプロンプトについて
引っ張って更新には 3 つの見せ場があり、プロンプトはそのすべてを 1 つのループに収めます。フィードが下に引っ張られ、スピナーが現れて回転し、新しい項目が上からスライドして入ってきます。UI はすっきりしたライトです。一連の流れを見ると、スピナー、引っ張る距離、新しい項目の現れ方が、まとめて自然に感じられるかを判断しやすくなります。
フィードは自分のもの（投稿、注文、メッセージ、物件など）に替えてください。ブランド独自の読み込み表示があるなら、一般的なスピナーの代わりにそれを説明します。たとえば回転する小さなロゴマークです。新しい項目がいくつ届くかも書きましょう。
API で output_format を「gif」にして生成するか、アニメーション GIF が画像の一部になった ChatGPT で頼んでください。開発者に渡すときは、GIF に各ステップを短く文章で説明したものを添えましょう。Codex でも誰でも、作るときの拠り所になるのはそちらだからです。
同じセットのほかのプロンプト
- GPT Image 2.6 用参照画像でスタイルを変えるプロンプト現在のアプリ画面を、参照画像の色、タイポグラフィ、角の半径でスタイル変更しつつ、レイアウトと文字はそのままに保ちます。
- GPT Image 2.6 用マークアップ編集でボタンを 1 つ変えるプロンプト透明なオーバーレイでボタンを 1 つ丸く囲み、そのボタンだけを濃い緑のベタ塗りで「続ける」と書かれたプライマリのスタイルに変えます。
- GPT Image 2.6 用マークアップ編集でセクションを差し替えるプロンプトデザインの一部を丸で囲み、その部分だけを既存のスタイルに合わせた推薦の声のカードに差し替え、それ以外はそのままにします。
- GPT Image 2.6 のモックアップを HTML にする Codex 用プロンプトGPT Image 2.6 のモックアップを Codex で自己完結した HTML ファイル 1 つに。レイアウト、余白、色、文字を合わせ、アイコンはインライン SVG にします。
- GPT Image 2.6 用フィットネスアプリのホーム画面プロンプト週間距離のリング、「ランを開始」ボタン、前回のランのカード、4 タブのバーを備えたランニングアプリのホーム画面。自分のアプリに合わせて調整できます。
- GPT Image 2.6 用モバイルバンキングアプリのプロンプト残高カード、4 つのクイックアクション、最近の取引リストを、落ち着いたネイビーの配色で描くバンキングアプリの画面。数字は自由に差し替えられます。