Products & E-commerceGPT Image 2Livestream InterfaceRealisticE-commerceUI MockupDigital Design

Giao diện livestream bán hàng thương mại điện tử

Prompt tạo bản dựng giao diện livestream bán hàng thương mại điện tử chi tiết với người phát sóng và các thành phần tương tác trực quan. Bao gồm đầy đủ khu vực bình luận, quà tặng, huy hiệu nổi bật và thẻ sản phẩm có nút mua hàng.

Bản tiếng Anh

{
  "type": "livestream interface mockup",
  "broadcaster": {
    "name": "{argument name="broadcaster name" default="Elon Musk"}",
    "appearance": "smiling man in a black jacket",
    "action": "holding up a green glass beer bottle with a {argument name="product brand" default="TSINGTAO"} label"
  },
  "environment": {
    "background": "{argument name="city background" default="Qingdao skyline at night"} with illuminated skyscrapers, a river, a glowing red sculptural monument, and a neon sign reading 'I ❤️ 青岛'",
    "foreground": "a wooden table with a glass of beer with foam, and a clear ice bucket containing 4 green beer bottles"
  },
  "ui_elements": {
    "header": {
      "left": "Profile picture, name '{argument name="broadcaster name" default="Elon Musk"}', subtitle '特斯拉 CEO', and a pink '关注' button",
      "right": "3 viewer avatars, '10万+' viewer count, and an 'X' close button",
      "top_right_banner": "Pink promotional banner reading '抖音618好物节 最高立减200元'"
    },
    "floating_badges": [
      "Yellow star badge '带货第1名' on top left",
      "Translucent speech bubble '直播时间 20:00-24:00' on mid right"
    ],
    "interaction_panel": {
      "gifts": [
        "User '飞***' sending a pink heart 'x 88'",
        "User '静***' sending a fan club badge 'x 26'"
      ],
      "system_message": "Purple badge '32 铁粉1 Elon 加入了直播间'",
      "chat_messages_count": 7,
      "chat_examples": ["马斯克来中国直播了", "支持马斯克，支持青岛啤酒", "多少钱一箱？"]
    },
    "product_card": {
      "position": "bottom right",
      "main_title": "{argument name="banner headline" default="青岛啤酒官方旗舰店"}",
      "subtitle": "Red banner with white text '马斯克推荐 跟着CEO买好酒'",
      "purchase_button": "White box with red text '惊喜价: {argument name="price" default="¥99.9"}' and a red '立即抢购' button"
    },
    "bottom_bar": {
      "input_field": "Text input reading '说点什么...'",
      "icons_count": 5,
      "icons_list": ["smiley face", "shopping cart", "heart", "gift box", "three dots"]
    }
  }
}

Bản tiếng Việt

{
  "type": "bản dựng giao diện livestream",
  "broadcaster": {
    "name": "{argument name="broadcaster name" default="Elon Musk"}",
    "appearance": "người đàn ông mỉm cười mặc áo khoác đen",
    "action": "cầm một chai bia thủy tinh màu xanh lá cây với nhãn {argument name="product brand" default="TSINGTAO"}"
  },
  "environment": {
    "background": "{argument name="city background" default="Qingdao skyline at night"} với các tòa nhà chọc trời rực sáng, một con sông, một tượng đài điêu khắc màu đỏ phát sáng và biển đèn neon ghi chữ 'I ❤️ 青岛'",
    "foreground": "một chiếc bàn gỗ với một ly bia có bọt và một xô đá trong suốt chứa 4 chai bia màu xanh lá"
  },
  "ui_elements": {
    "header": {
      "left": "Ảnh đại diện, tên '{argument name="broadcaster name" default="Elon Musk"}', phụ đề '特斯拉 CEO' và nút màu hồng '关注'",
      "right": "3 ảnh đại diện người xem, số lượng người xem '10万+' và nút đóng 'X'",
      "top_right_banner": "Banner quảng cáo màu hồng ghi chữ '抖音618好物节 最高立减200元'"
    },
    "floating_badges": [
      "Huy hiệu ngôi sao màu vàng '带货第1名' ở phía trên bên trái",
      "Bong bóng thoại bán trong suốt '直播时间 20:00-24:00' ở giữa bên phải"
    ],
    "interaction_panel": {
      "gifts": [
        "Người dùng '飞***' gửi trái tim màu hồng 'x 88'",
        "Người dùng '静***' gửi huy hiệu câu lạc bộ người hâm mộ 'x 26'"
      ],
      "system_message": "Huy hiệu màu tím '32 铁粉1 Elon 加入了直播间'",
      "chat_messages_count": 7,
      "chat_examples": ["马斯克来中国直播了", "支持马斯克，支持青岛啤酒", "多少钱一箱？"]
    },
    "product_card": {
      "position": "dưới cùng bên phải",
      "main_title": "{argument name="banner headline" default="青岛啤酒官方旗舰店"}",
      "subtitle": "Banner màu đỏ với dòng chữ màu trắng '马斯克推荐 跟着CEO买好酒'",
      "purchase_button": "Hộp màu trắng với dòng chữ màu đỏ '惊喜价: {argument name="price" default="¥99.9"}' và nút màu đỏ '立即抢购'"
    },
    "bottom_bar": {
      "input_field": "Ô nhập văn bản có chữ '说点什么...'",
      "icons_count": 5,
      "icons_list": ["smiley face", "shopping cart", "heart", "gift box", "three dots"]
    }
  }
}

Mẹo sử dụng

Giữ nguyên định dạng cấu trúc JSON để AI sắp đặt chính xác các thành phần UI. Bạn có thể thay đổi tên sản phẩm, thông tin người livestream hoặc nội dung banner để phù hợp với nhu cầu bán hàng.

Nguồn và quyền sử dụng

Nguồn: https://x.com/PMHasSpring/status/2045070694934097922#reversed-0
Tác giả gốc: PM也有春天
License prompt: CC-BY-4.0
License ảnh: CC-BY-4.0

Báo lỗi hoặc yêu cầu gỡ nội dung