Prompt für eine Schalter-Animation in GPT Image 2.6

Ein GIF in Schleife, in dem ein Schalter in den Einstellungen auf „An“ wechselt: Der Knopf gleitet nach rechts, die Spur wird grün, das Label wechselt.

Eine Animation in Schleife, in der ein Schalter in den Einstellungen von aus auf an wechselt: Der Knopf gleitet nach rechts, die Spur füllt sich grün und ein kleines Label wechselt von „Aus“ zu „An“. Minimalistische Oberfläche, weißer Hintergrund.

Funktioniert mit

GPT Image 2.6

Aus der Sammlung

Prompts für GPT Image 2.6

Über diesen Prompt

Die kleinste Interaktion in diesem Set: Ein Schalter in den Einstellungen wechselt von aus auf an, der Knopf gleitet nach rechts, die Spur füllt sich grün und ein kleines Label wechselt von „Aus“ zu „An“, auf minimalem weißem Hintergrund. So klein er ist, hilft er zu prüfen, wie dein Schalter in beiden Zuständen und dazwischen aussieht.

Ersetze Grün durch deine Akzentfarbe und die Labels durch deine eigenen Texte, oder lass das Label ganz weg, wenn deine Schalter keines nutzen. Um ihn im Kontext zu sehen, setz den Namen der Einstellung links neben den Schalter, zum Beispiel „E-Mail-Benachrichtigungen“.

Ein einzelnes Bedienelement auf schlichtem Hintergrund braucht nicht viel Planung, also ist das ein vernünftiger Ort, um eine niedrigere Komplexitätseinstellung auszuprobieren und mit dem Standard zu vergleichen. Fordere die Animation mit output_format „gif“ an und lass Codex den Schalter dann als barrierefreie HTML-Checkbox mit demselben Übergang bauen.

Weitere Prompts aus dieser Sammlung

• Prompt für eine Pull-to-Refresh-Animation in GPT Image 2.6Ein GIF in Schleife mit Pull-to-Refresh in einem mobilen Feed: Die Liste wird gezogen, ein Ladekreisel dreht sich und neue Einträge gleiten oben herein.
• Prompt für ein Restyling nach Referenzbild in GPT Image 2.6Gestalte deinen aktuellen App-Screen mit Farben, Typografie und Eckenradius eines Referenzbilds neu, während Layout und Text gleich bleiben.
• Markup-Edit-Prompt für einen einzelnen Button in GPT Image 2.6Kreise einen Button auf einem transparenten Overlay ein und ändere nur ihn zu einem primären Button in Dunkelgrün mit dem Label „Weiter“.
• Markup-Edit-Prompt für den Austausch eines Bereichs in GPT Image 2.6Kreise einen Bereich deines Designs ein und ersetze nur ihn durch eine Karte mit Kundenzitat, im Stil der Seite und mit unverändertem Rest.
• GPT Image 2.6 Mockup zu HTML: Prompt für CodexWandle ein GPT Image 2.6 Mockup in Codex in eine eigenständige HTML-Datei um, mit Layout, Abständen, Farben und Text des Bildes und Icons als Inline-SVG.
• Prompt für den Startscreen einer Fitness-App in GPT Image 2.6Startscreen einer Lauf-App mit Wochendistanz-Ring, Button „Lauf starten“, Karte zum letzten Lauf und vier Tabs, zum Anpassen an deine App.