Diseño de interacción de interfaz · #104 Imagen de ejemplo

Haz clic para ver la imagen completa · Referencia del resultado original

Fuente del ejemplo

Se conserva el contenido original del ejemplo. Los resultados dependen de la versión del modelo, las imágenes de referencia y los parámetros; este sitio no garantiza reproducir el mismo resultado.

Diseño de interfaces / PROMPT #104

Diseño de interacción de interfaz · #104

InterfazMarcaTecnología

Revisa la imagen y luego copia el prompt original. Si contiene variables, puedes personalizarlas a continuación.

01 / Configura tu versión

No se detectaron variables en este ejemplo. Tras copiarlo, puedes modificar el sujeto, los colores, el texto y las proporciones.

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
  }
}

Copia el texto en tu generador de imágenes preferido. Este sitio ofrece exploración y edición de prompts, no genera imágenes directamente.

03 / Comprobación antes de generar

Reemplaza las variables por tu contenido y comprueba si necesitas subir una imagen de referencia.
Define el texto final si la imagen incluye palabras y compruébalo con atención tras la generación.
Modifica solo un elemento a la vez (sujeto, iluminación o composición) para comparar resultados fácilmente.

Ver guía de uso de prompts →