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. 호환되는 외부 도구에서 사용하고 이용 조건과 결과를 확인하세요.

시작 전 확인

• 참조 이미지가 필요한지 확인하세요. 호환 표시는 해당 모델로 이 예시를 생성했다는 뜻이 아닙니다.
• 이름, 수치, 이미지 속 문구를 확인하세요. 모델 버전에 따라 결과가 다를 수 있습니다.