Prompt für eine Warenkorb-Button-Animation in GPT Image 2.6

Ein GIF in Schleife, in dem ein Button „In den Warenkorb“ angetippt wird: Er schrumpft leicht, wird grün, zeigt ein Häkchen und kehrt zurück.

Eine kurze Animation in Schleife, in der ein mobiler Button „In den Warenkorb“ angetippt wird: Er wird etwas kleiner, färbt sich grün und zeigt ein Häkchen, dann kehrt er in den Normalzustand zurück. Flacher UI-Stil, weißer Hintergrund, kein zusätzlicher Text.

Funktioniert mit

GPT Image 2.6

Aus der Sammlung

Prompts für GPT Image 2.6

Über diesen Prompt

Dieser Prompt erzeugt eine Animation statt eines Standbilds: Ein mobiler Button „In den Warenkorb“ wird angetippt, wird etwas kleiner, färbt sich grün, zeigt ein Häkchen und kehrt dann in den Normalzustand zurück, in Schleife auf weißem Hintergrund. Animierte GIFs sind neu in GPT Image 2.6; über die API forderst du eines an, indem du output_format auf „gif“ setzt.

Ändere Label und Bestätigung gemeinsam: „Folgen“ könnte zu „Gefolgt“ mit Häkchen werden, „Speichern“ könnte ein Lesezeichen-Icon füllen. Bleib bei einem Button und einem Zustandswechsel; je mehr in einer kurzen Schleife passiert, desto schwerer ist sie zu verfolgen.

Betrachte das GIF als Bewegungsvorgabe, nicht als finales Asset. Gefällt dir die Bewegung, lass Codex dieselbe Interaktion als CSS-Animation auf einem echten Button bauen, indem du die Schritte aus dem Prompt beschreibst, damit sich das Timing abstimmen lässt und der Button wirklich auf Taps reagiert.

Weitere Prompts aus dieser Sammlung

• Prompt für eine Skeleton-Loading-Animation in GPT Image 2.6Ein GIF in Schleife, in dem eine Kartenliste lädt: Graue Skeleton-Platzhalter schimmern von links nach rechts, dann blenden echte Karten ein.
• Prompt für eine Schalter-Animation in GPT Image 2.6Ein 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.
• 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.