App-UI-Mockup · #107 Beispielbild

Klicken für Vollbild · Referenz des Originalbeispiels

Quelle des Beispiels

@tehno_maniak ↗ · Beispiel #107

Originalinhalt beibehalten. Ergebnisse variieren je nach Modellversion, Referenzbildern und Parametern. Keine Garantie für identische Reproduktion.

UI & Interfaces / PROMPT #107

App-UI-Mockup · #107

UIRealistischIllustrationTechnologieKommerziellMode

Erst das Bild ansehen, dann den Original-Prompt kopieren; Platzhalter unten nach Wunsch anpassen.

01 / Eigene Version anpassen

02 / Vollständiger Prompt · Original

{"type": "YouTube desktop dark mode UI mockup", "header": {"logo": "YouTube", "search_bar": "Search", "icons_count": 5, "icons": ["search", "mic", "create", "notifications", "profile"]}, "video_player": {"top_left_badge": "LIVE", "left_side": {"subject": "{argument name=\"presenter description\" default=\"man in green sweater at wooden podium\"}", "podium_logo": "OpenAI"}, "right_side_presentation": {"text_elements": ["OpenAI", "INTRODUCING", "{argument name=\"product name\" default=\"GPT-Image-2\"}", "{argument name=\"tagline\" default=\"More Realistic. More Useful. More Creative.\"}"], "sample_images_count": 4, "sample_images": ["mountain lake with boat", "woman portrait with dappled light", "cute robot with lantern in forest", "starry night cafe painting"]}, "bottom_controls_count": 10, "bottom_controls": ["pause", "next", "volume", "LIVE", "red progress bar", "CC", "settings", "miniplayer", "theater mode", "fullscreen"]}, "video_details": {"title": "{argument name=\"video title\" default=\"OpenAI Live: Introducing GPT-Image-2\"}", "channel": {"name": "{argument name=\"channel name\" default=\"OpenAI\"}", "verified": true, "subscribers": "1.36M", "button": "Subscribe"}, "action_buttons_count": 5, "action_buttons": ["Like 12K", "Dislike 497", "Share", "Save", "More"], "description_box": {"stats": "95,237 watching now Started streaming 7 minutes ago", "tags": "#OpenAI #GPTImage2 #AI", "text": "Join us for a special live event as we introduce GPT-Image-2, our latest and most advanced image generation model. See new capabilities, live demos, and hear from the team ...more"}}}

In dein bevorzugtes Bildgenerierungstool kopieren; Prompt Atelier dient zum Entdecken und Anpassen, nicht zum direkten Generieren.

03 / Vor dem Generieren prüfen

  • Platzhalter durch konkrete Inhalte ersetzen und prüfen, ob ein Referenzbild erforderlich ist.
  • Textinhalte vorab genau definieren und nach der Generierung Buchstabe für Buchstabe prüfen.
  • Jeweils nur Motiv, Licht oder Bildaufbau ändern, um Ergebnisse gezielt vergleichen zu können.
Zum Prompt-Leitfaden →

Ähnliche Inspirationen entdecken

Mehr UI & Interfaces-Beispiele

Alle anzeigen ↗