Mockup de interface de app · #107 Imagem de exemplo

Clique para ver a imagem completa · Referência do caso original

Fonte do caso

Conteúdo original do caso preservado. Os resultados gerados dependem da versão do modelo, imagens de referência e parâmetros; este site não retestou cada item e não garante a reprodução do mesmo resultado.

UI e Interfaces / PROMPT #107

Mockup de interface de app · #107

InterfaceRealistaIlustraçãoTecnologiaComércioModa

Veja a imagem primeiro e depois copie o prompt original. Se houver marcadores, substitua-os abaixo com o seu conteúdo.

01 / Configure sua versão

"search", "mic", "create", "notifications", "profile""Like 12K", "Dislike 497", "Share", "Save", "More"

02 / Prompt completo · 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"}}}

Copie para a ferramenta de geração de imagens que você usa; este site oferece visualização e edição de prompts, não gera imagens diretamente.

03 / Verificações antes de gerar

Substitua os marcadores por conteúdo específico e verifique se é necessário enviar uma imagem de referência.
Para textos na imagem, defina a redação final com clareza e confira letra por letra após gerar.
Ajuste apenas um elemento por vez (sujeito, iluminação ou composição) para facilitar a comparação dos resultados.

Ver guia de uso de prompts →