Design de interação de interface · #104 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 #104

Design de interação de interface · #104

InterfaceMarcaTecnologia

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

Nenhum marcador detectado neste caso. Após copiar, você pode alterar sujeito, cores, texto na imagem e proporção.

02 / Prompt completo · Original

{
  "type": "YouTube livestream UI",
  "top_nav": {
    "logo": "YouTube Premium",
    "search": "{argument name=\"search query\" default=\"bilal fraiha\"}",
    "icons": 3
  },
  "player": {
    "subjects": [
      "{argument name=\"female guest\" default=\"Sydney Sweeney\"} in white cardigan",
      "bearded man in beige jacket laughing"
    ],
    "bg": "couch, 2 silver play buttons, ram logo 'SARDI'",
    "overlays": {
      "chat": {"pos": "left", "count": 15, "desc": "colored usernames, white text"},
      "goal": {"pos": "top right", "text": "TONIGHT'S GOAL: 0 to 25"},
      "banner": {"pos": "bottom center", "text": "K {argument name=\"streamer name\" default=\"MOREBILAL\"}"}
    },
    "controls": {"count": 10}
  },
  "details": {
    "title": "{argument name=\"video title\" default=\"FULL STREAM | سيدني سويني مع بلال\"}",
    "channel": "{argument name=\"channel name\" default=\"More Bilal No Filter\"}",
    "buttons": 5
  }
}

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 →