Diseño de interfaz de transmisión en directo · #152 Imagen de ejemplo

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

Fuente del ejemplo

@coder_left ↗ · Ejemplo #152

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 #152

Diseño de interfaz de transmisión en directo · #152

InterfazProductoMarcaTecnologíaComercialSocial

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

01 / Configura tu versión

02 / Prompt completo · Original

{
  "type": "e-commerce livestream screenshot mockup",
  "scene": {
    "subject": "{argument name=\"main subject\" default=\"Caucasian male resembling Sam Altman\"}",
    "clothing": "dark green crewneck sweater",
    "action": "holding a black product box in one hand and pointing at it with the other",
    "setting": "dark studio with a microphone on the left, faint 'AI' text in the background",
    "props": [
      "black mug with white OpenAI logo",
      "stack of 4 black product boxes on the right"
    ]
  },
  "product_design": {
    "box_color": "black",
    "logo": "orange asterisk or sunburst",
    "text": "{argument name=\"product name\" default=\"Claude Opus 4.7\"}"
  },
  "ui_overlays": {
    "top_left_product_info": {
      "brand_tag": "Anthropic 官方旗舰店",
      "title": "{argument name=\"product name\" default=\"Claude Opus 4.7\"}",
      "subtitle": "{argument name=\"main headline\" default=\"更强推理·更高智能\"}",
      "sub_subtitle": "最强大模型: Opus 4.7 重磅发布!",
      "bullet_points_count": 3,
      "bullet_points": ["超强推理能力", "代码能力巅峰", "复杂任务轻松搞定"]
    },
    "top_right_live_status": {
      "viewer_info": "直播中 | 52.8万人观看",
      "promo_banner": "直播专属福利 限时折扣·错过不再有",
      "countdown": "倒计时 00:09:47"
    },
    "middle_right_price_card": {
      "header": "{argument name=\"product name\" default=\"Claude Opus 4.7\"} 直播间专享价",
      "price_currency": "¥",
      "price_value": "{argument name=\"promotional price\" default=\"0.47\"}",
      "price_unit": "/百万tokens起",
      "original_price": "原价: ¥1.89",
      "button": "立即抢购"
    },
    "bottom_left_chat": {
      "message_count": 9,
      "input_box_placeholder": "说点什么..."
    },
    "bottom_right_banner": {
      "headline": "奥特曼首推!认准Claude Opus 4.7",
      "subheadline": "更智能 · 更安全 · 更可靠",
      "feature_tags_count": 4,
      "feature_tags": ["强大推理", "代码神器", "安全可靠", "极速响应"]
    },
    "floating_elements": [
      {
        "type": "sticker",
        "position": "middle right over product boxes",
        "text": "{argument name=\"sticker text\" default=\"史上最强 AI模型!\"}"
      }
    ]
  }
}

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 →

Explora más inspiración similar

Más ejemplos de Diseño de interfaces

Ver todos ↗