Products & E-commerceGPT Image 2E-commerceUI/UXMockupMobile AppDigital ArtLivestream

Mockup giao diện livestream bán hàng trên di động

Prompt tạo mockup giao diện livestream bán hàng trên điện thoại với Elon Musk đang thuyết trình về dự án Sao Hỏa của SpaceX. Giao diện tích hợp đầy đủ các thành phần như thẻ sản phẩm, khung chat trực tiếp, lượt tương tác và hiệu ứng nổi.

Bản tiếng Anh

{
  "type": "mobile livestream e-commerce interface mockup",
  "subject": {
    "person": "Elon Musk",
    "clothing": "black t-shirt with SPACEX logo",
    "pose": "gesturing towards camera with both hands, explaining enthusiastically",
    "watermark": "@Proof AI"
  },
  "background": {
    "setting": "large display screen",
    "image": "Mars landscape with Starship rocket and dome habitats",
    "text": [
      "SPACEX",
      "{argument name="background title" default="移民火星计划"}"
    ]
  },
  "ui_layout": {
    "header": {
      "broadcaster_info": {
        "name": "{argument name="broadcaster name" default="ElonMusk"}",
        "stats": "75.8万本场点赞",
        "follow_button": "关注"
      },
      "viewer_stats": {
        "avatars_count": 3,
        "text": "10万+",
        "close_button": "X"
      },
      "tags": [
        "带货总榜第1名",
        "更多直播 >"
      ]
    },
    "product_card": {
      "position": "mid-right",
      "status": "讲解中",
      "image": "Mars dome habitats",
      "title": "{argument name="product title" default="火星移民基础套餐"}",
      "price": "{argument name="product price" default="¥99.00"}",
      "action_button": "抢"
    },
    "chat_overlay": {
      "position": "bottom-left",
      "join_alert": "星辰大海 加入了直播间",
      "messages_count": 7,
      "messages": [
        "{argument name="top chat message" default="梦想家: 支持马斯克！！🚀"}",
        "火星弟弟: 多少钱一位？",
        "科技迷: 太酷了！想去火星！",
        "未来已来: 如何报名？",
        "小火箭: 🌹🌹🌹",
        "宇宙无敌: 讲解一下细节",
        "东方不败: 老马牛逼！👍👍👍"
      ]
    },
    "bottom_action_bar": {
      "input_placeholder": "说点什么...",
      "icons_count": 4,
      "icons": ["shopping cart", "gift box", "heart planet", "plus sign"]
    },
    "floating_reactions": {
      "position": "bottom-right",
      "elements": "stack of floating hearts, thumbs up, and laughing emojis"
    }
  }
}

Bản tiếng Việt

{
  "type": "mockup giao diện livestream thương mại điện tử trên di động",
  "subject": {
    "person": "Elon Musk",
    "clothing": "áo thun đen in logo SPACEX",
    "pose": "cử chỉ hai tay hướng về camera, hào hứng thuyết trình",
    "watermark": "@Proof AI"
  },
  "background": {
    "setting": "màn hình hiển thị lớn",
    "image": "cảnh quan Sao Hỏa với tên lửa Starship và các khu định cư mái vòm",
    "text": [
      "SPACEX",
      "{argument name="background title" default="移民火星计划"}"
    ]
  },
  "ui_layout": {
    "header": {
      "broadcaster_info": {
        "name": "{argument name="broadcaster name" default="ElonMusk"}",
        "stats": "758.000 lượt thích trong phiên này",
        "follow_button": "Theo dõi"
      },
      "viewer_stats": {
        "avatars_count": 3,
        "text": "100.000+",
        "close_button": "X"
      },
      "tags": [
        "Top 1 bảng xếp hạng bán hàng",
        "Xem thêm livestream >"
      ]
    },
    "product_card": {
      "position": "giữa bên phải",
      "status": "Đang giới thiệu",
      "image": "khu định cư mái vòm trên Sao Hỏa",
      "title": "{argument name="product title" default="火星移民基础套餐"}",
      "price": "{argument name="product price" default="¥99.00"}",
      "action_button": "Săn ngay"
    },
    "chat_overlay": {
      "position": "dưới cùng bên trái",
      "join_alert": "Biển Sao Trời đã tham gia phòng livestream",
      "messages_count": 7,
      "messages": [
        "{argument name="top chat message" default="梦想家: 支持马斯克！！🚀"}",
        "Em Trai Sao Hỏa: Bao nhiêu tiền một suất?",
        "Tín Đồ Công Nghệ: Quá ngầu! Muốn lên Sao Hỏa!",
        "Tương Lai Đã Đến: Đăng ký thế nào?",
        "Tên Lửa Nhỏ: 🌹🌹🌹",
        "Vũ Trụ Vô Địch: Giải thích chi tiết chút đi",
        "Đông Phương Bất Bại: Lão Mã đỉnh thật! 👍👍👍"
      ]
    },
    "bottom_action_bar": {
      "input_placeholder": "Nói gì đó...",
      "icons_count": 4,
      "icons": ["shopping cart", "gift box", "heart planet", "plus sign"]
    },
    "floating_reactions": {
      "position": "dưới cùng bên phải",
      "elements": "chùm tim bay, nút like và biểu tượng cảm xúc cười"
    }
  }
}

Mẹo sử dụng

Có thể dễ dàng tùy chỉnh nhân vật livestream, thông tin sản phẩm trên thẻ bán hàng hoặc hình ảnh nền phía sau để tạo giao diện livestream phù hợp với từng thương hiệu và sản phẩm cụ thể.

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

Nguồn: https://x.com/JCutcut47692/status/2045846999032008876#reversed-0
Tác giả gốc: Proof · AI Productivity
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