# So schreiben Sie Prompts für UI-Mockups mit GPT Image

So formulieren Sie Prompts für Dashboards, App-Screens und Geräte-Mockups in GPT Image 2 – mit vorhersehbaren Layouts und lesbaren Beschriftungen.

URL: https://www.gptimagehub.com/de/guides/gpt-image-ui-mockup-prompts
Category: UI-/UX-Design
Updated: 2026-10-20
Reading time: 3 minutes

## Direct answer

Gute Prompts für UI-Mockups in GPT Image nennen das Produkt, den Screen und seine wichtigsten Komponenten, das Gerät oder den Rahmen, in dem er erscheint, den visuellen Stil und den exakten Text, der lesbar sein muss. Zählen Sie die Komponenten in Lesereihenfolge auf und halten Sie Bildschirmtexte kurz, denn das Modell gibt wenige große Beschriftungen weitaus zuverlässiger wieder als ganze Absätze Interface-Text.

## Beschreiben Sie den Screen wie ein Wireframe

Beginnen Sie damit, wofür der Screen gedacht ist und was er enthält – in der Reihenfolge, in der ein Nutzer ihn lesen würde: Navigation, Header, Hauptinhalt, sekundäre Panels und Aktionen. Das Modell ordnet Komponenten vorhersehbarer an, wenn sie aufgezählt werden, als wenn sie nur durch ein Stilwort wie „modernes Dashboard“ angedeutet sind.

- Nennen Sie Produkt und Screen: „Analytics-Dashboard für ein SaaS-Abrechnungstool“ oder „Onboarding-Screen für eine Meditations-App“.
- Zählen Sie die Bereiche der Reihe nach auf: Seitennavigation, obere Leiste mit Suche, drei KPI-Karten, ein Liniendiagramm und eine Tabelle mit den letzten Transaktionen.
- Legen Sie die Dichte fest: großzügige Abstände, einheitliche Kartengrößen, klare Ausrichtung.

## Wählen Sie den Rahmen: flacher Screen, Gerät oder Szene

Entscheiden Sie, ob Sie einen flachen Interface-Screenshot für eine Case Study, ein Geräte-Mockup für eine Landingpage oder eine fotografierte Szene fürs Marketing brauchen. Jede Variante erfordert eine andere Formulierung.

- Flach: „flacher UI-Screenshot, kein Geräterahmen, 16:9“.
- Gerät: „auf einem schlanken Laptop, leicht schräg, Bildschirm zur Kamera gerichtet, sanfte Reflexionen“.
- Szene: „Laptop auf einem Holzschreibtisch bei natürlichem Tageslicht, geringe Schärfentiefe“; rechnen Sie damit, dass das Interface kleiner und schlechter lesbar ist.

## Halten Sie Interface-Texte kurz und exakt

Lesbarer Text ist die häufigste Schwachstelle generierter UIs. Setzen Sie die wenigen wichtigen Beschriftungen in Anführungszeichen und lassen Sie den Rest durch Platzhalterzeilen andeuten.

- Übernehmen Sie Überschriften und Buttons wörtlich: „Umsatz“, „Tarif upgraden“.
- Verlangen Sie Platzhalterzeilen für den Fließtext.
- Vermeiden Sie lange Tabellen mit echten Daten; fragen Sie stattdessen nach fünf Zeilen mit Beispieltransaktionen.

## Legen Sie das visuelle System fest

Stilbegriffe wie Glassmorphism helfen, aber ein kurzes visuelles System sorgt über mehrere Screens hinweg für einheitlichere Ergebnisse.

- Farbe: Hintergrund, Flächen, primäre Akzentfarbe und Statusfarben.
- Typografie: eine serifenlose Schriftfamilie, eine klare Hierarchie der Schriftstärken und ein deutlicher Größenkontrast zwischen Überschriften und Beschriftungen.
- Komponenten: Eckenradius, Schatten, Rahmen und Icon-Stil.

## Checklist

- Produkt, Zweck des Screens und Zielgruppe sind genannt.
- Die Komponenten sind in Lesereihenfolge aufgezählt.
- Der Rahmen ist gewählt: flacher Screenshot, Gerät oder Szene.
- Nur kurzer Text in Anführungszeichen muss lesbar sein.
- Farbe, Typografie und Komponentenstil sind definiert.
- Das Seitenverhältnis passt zum Ziel: 16:9 für Desktop, 9:16 für Smartphones.

## FAQ

### Kann GPT Image 2 ein brauchbares UI-Design erstellen?

Es erzeugt überzeugende visuelle Konzepte und Mockups für Präsentationen, Landingpages und Moodboards. Betrachten Sie das Ergebnis als visuelle Referenz und nicht als produktionsreifes Design, denn Abstände, Icons und kleiner Text sind nicht präzise genug, um sie als Spezifikation zu übergeben.

### Wie bekomme ich lesbaren Text in ein UI-Mockup?

Beschränken Sie lesbaren Text auf wenige Beschriftungen in Anführungszeichen, stellen Sie sie groß dar und beschreiben Sie alles andere als Platzhalterzeilen. Kurze Wörter in einer klaren serifenlosen Schrift werden am zuverlässigsten dargestellt.

### Wie halte ich mehrere Screens einheitlich?

Verwenden Sie in jedem Prompt denselben Absatz zum visuellen System und ändern Sie nur die Beschreibung des Screens. Screens aus einer gemeinsamen Vorlage ähneln sich stärker als Screens, die jedes Mal neu beschrieben werden.