Live E-commerce UI Mockup

原始文档

GPT Image 2 · en

{
  "type": "Mobile live-streaming e-commerce interface prototype",
  "subject": {
    "description": "A young Asian woman with long, dark hair is wearing a light-colored floral pajama set with a pink bow, showing off the fabric of the pajama set to the camera.",
    "background": "A cozy room, a clothes rack with pajamas, fresh flowers, and warm-toned lighting."
  },
  "ui_layout": {
    "top_bar": {
      "time": "20:34",
      "host_info": {
        "name": "{argument name=\"host name\" default=\"Rainy Pajamas\"}",
        "stats": "128,000 likes for this match",
        "button": "focus on"
      },
      "viewer_info": {
        "avatars_count": 3,
        "total_viewers": "12,000"
      }
    },
    "floating_tags": {
      "count": 2,
      "labels": [
        "3rd place on the overall sales ranking",
        "Popularity Ranking"
      ]
    },
    "widgets": {
      "top_left": "Red envelope icon with 03:45 countdown",
      "top_right": "A floating heart icon, accompanied by the text \"Live Stream Product Showcase: Discover New Passions\""
    },
    "marketing_text_overlay": {
      "position": "Middle right",
      "lines_count": 5,
      "lines": [
        "{argument name=\"main headline\" default=\"New pajamas\"}",
        "{argument name=\"sub headline\" default=\"Flash sale in progress...\"}",
        "Skin-friendly and breathable",
        "Soft and comfortable",
        "No pilling, no fading"
      ]
    },
    "chat_log": {
      "position": "Bottom left",
      "message_count": 7,
      "messages": [
        "User 32, Rain***, joined the live stream.",
        "Little***: It looks good, how much does it cost?",
        "Little***: I placed the order and am looking forward to receiving it.",
        "C***: The quality looks good.",
        "User ID: Height 165cm, Weight 120kg, what size should I wear?",
        "@***: Is this item in stock, as the streamer is wearing?",
        "Qing***: I've placed the order and am waiting to receive it!"
      ]
    },
    "product_card": {
      "position": "bottom right",
      "thumbnail": "Thumbnail of the streamer",
      "title": "{argument name=\"product title\" default=\"[Xiaoyu Pajamas] New Spring Home Wear Set\"}",
      "tags_count": 2,
      "tags": [
        "7-day no-reason return policy",
        "Freight Insurance"
      ],
      "price_section": "Flash sale price ¥{argument name=\"product price\" default=\"89.9\"}",
      "action_button": "Rob"
    },
    "bottom_bar": {
      "input_placeholder": "Say something...",
      "icon_count": 5,
      "icons": [
        "smiley face",
        "shopping cart",
        "Love/Gift",
        "gift box",
        "Three points"
      ]
    }
  }
}

使用方法

1. 复制完整原始提示词，并保留其中的参数。
2. 按需求替换主体、文字和构图要求。
3. 在兼容的外部工具中使用，核对当前使用条件并检查结果。

开始前需了解

• 先确认是否需要参考图。标注兼容模型，不代表该示例由这个模型生成。
• 核对名称、数字与画面文字；不同模型版本的结果可能不同。