GPT Image 2.6 用トグルスイッチのアニメーションプロンプト
設定のトグルがオンに切り替わる、つまみが右へスライドし、トラックが緑に満たされ、ラベルが「オフ」から「オン」に変わるループ GIF。
プロンプト
設定のトグルがオフからオンに切り替わるループアニメーション：つまみが右にスライドし、トラックが緑で満たされ、小さなラベルが「オフ」から「オン」に変わる。ミニマルな UI、白い背景。
- 対応モデル
- GPT Image 2.6
- 収録セット
- GPT Image 2.6 プロンプト
このプロンプトについて
このセットで最も小さなインタラクションです。設定のトグルがオフからオンになり、つまみが右にスライドし、トラックが緑で満たされ、小さなラベルが「オフ」から「オン」に変わります。背景はミニマルな白です。小さくても、スイッチが両方の状態とその途中でどう見えるかを確認するのに役立ちます。
緑は自分のアクセントカラーに、ラベルは自分の文言に替えてください。スイッチにラベルを使わないなら、ラベルごと外します。文脈の中で見るには、スイッチの左に「メール通知」のような設定名を加えましょう。
無地の背景に置いたコントロール 1 つは、あまり計画を必要としないので、低めの複雑さの設定を試して、デフォルトと比べるのに向いています。アニメーションは output_format を「gif」にして頼み、そのあと Codex に、同じトランジションのアクセシブルな HTML のチェックボックスとしてスイッチを作らせましょう。
同じセットのほかのプロンプト
- GPT Image 2.6 用引っ張って更新のアニメーションプロンプトモバイルのフィードで引っ張って更新する、リストが下に引かれ、スピナーが回転し、新しい項目が上から入ってくるループ GIF。
- 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 タブのバーを備えたランニングアプリのホーム画面。自分のアプリに合わせて調整できます。