Products & E-commerceGPT Image 2Mobile InterfaceRealisticE-commerceUI MockupDigital DesignLivestream UI

Mockup giao diện livestream di động cùng người dẫn

Prompt tạo mockup giao diện livestream bán hàng trên di động với người dẫn chương trình trong văn phòng, tích hợp đầy đủ các thành phần UI như khung chat, tiện ích nổi và mã QR.

Bản tiếng Anh

{
  "type": "mobile livestream UI mockup",
  "subject": {
    "person": "{argument name="host name" default="Sam Altman"}",
    "action": "reaching right hand out towards the camera",
    "clothing": "dark green sweater"
  },
  "background": {
    "setting": "office",
    "left_wall": "large OpenAI logo",
    "right_shelf": "wooden shelf with 3 dark bottles and 2 small signs reading 'AGI' and 'OpenAI'"
  },
  "layout": {
    "top_bar": {
      "elements": ["time 20:34", "signal bars", "wifi icon", "battery 774"]
    },
    "header": {
      "left_section": ["profile picture", "{argument name="account name" default="OpenAI"}", "48.3万本场点赞", "关注 button"],
      "right_section": ["3 viewer avatars", "10万+", "X close button"],
      "sub_tags": ["OpenAI官方旗舰店榜第1名", "更多直播"]
    },
    "floating_widgets": {
      "left": "red envelope icon with 00:12",
      "right": "pink gift box icon with 520好礼季 抖音商城推荐"
    },
    "bottom_left_chat": {
      "host_announcement": ["avatar", "山姆奥特曼 Sam Altman 直播中", "{argument name="host message" default="大家好，我是山姆奥特曼，邀你加入Kevin的学堂"}"],
      "viewer_comments_count": 5,
      "viewer_comments_labels": [
        "AI新手小白: 刚好想学，来了！",
        "小凯: 终于开播了，冲冲冲！",
        "打工人Kevin: 一人公司太香了！",
        "智创未来: 已关注，期待干货！",
        "AI副业指南: 怎么加入？"
      ]
    },
    "bottom_right_overlay": {
      "qr_code": "large scannable QR code with blue KEVIN logo in center",
      "text": "{argument name="qr code title" default="零基础做AI一人公司 将创业变赚钱生意"}",
      "button": "{argument name="qr code button text" default="扫码加入"}"
    },
    "bottom_action_bar": {
      "input_field": "说点什么...",
      "icons_count": 5,
      "icons_labels": ["smiley face", "shopping cart", "heart", "gift box", "three dots"]
    }
  }
}

Bản tiếng Việt

{
  "loại": "mockup giao diện livestream trên di động",
  "chủ thể": {
    "người": "{argument name="host name" default="Sam Altman"}",
    "hành động": "vươn tay phải về phía máy ảnh",
    "trang phục": "áo len màu xanh lá đậm"
  },
  "bối cảnh": {
    "không gian": "văn phòng",
    "tường bên trái": "logo OpenAI lớn",
    "kệ bên phải": "kệ gỗ với 3 chai màu tối và 2 biển hiệu nhỏ ghi 'AGI' và 'OpenAI'"
  },
  "bố cục": {
    "thanh trên cùng": {
      "các phần tử": ["time 20:34", "signal bars", "wifi icon", "battery 774"]
    },
    "tiêu đề": {
      "phần bên trái": ["profile picture", "{argument name="account name" default="OpenAI"}", "48.3万本场点赞", "关注 button"],
      "phần bên phải": ["3 viewer avatars", "10万+", "X close button"],
      "thẻ phụ": ["OpenAI官方旗舰店榜第1名", "更多直播"]
    },
    "tiện ích nổi": {
      "bên trái": "biểu tượng bao lì xì đỏ kèm số 00:12",
      "bên phải": "biểu tượng hộp quà màu hồng kèm dòng chữ Mùa quà tặng 520 Đề xuất từ Douyin Mall"
    },
    "khung chat dưới cùng bên trái": {
      "thông báo của người dẫn": ["ảnh đại diện", "Sam Altman đang phát trực tiếp", "{argument name="host message" default="大家好，我是山姆奥特曼，邀你加入Kevin的学堂"}"],
      "số lượng bình luận của người xem": 5,
      "nhãn bình luận của người xem": [
        "Người mới học AI: Đúng lúc đang muốn học, vào xem ngay!",
        "Tiểu Khải: Cuối cùng cũng phát sóng rồi, tiến lên nào!",
        "Dân văn phòng Kevin: Mô hình công ty một người quá tuyệt vời!",
        "Trí tạo tương lai: Đã theo dõi, mong chờ kiến thức bổ ích!",
        "Cẩm nang nghề tay trái AI: Tham gia như thế nào vậy?"
      ]
    },
    "lớp phủ dưới cùng bên phải": {
      "mã qr": "mã QR lớn có thể quét được với logo KEVIN màu xanh lam ở giữa",
      "văn bản": "{argument name="qr code title" default="零基础做AI一人公司 将创业变赚钱生意"}",
      "nút": "{argument name="qr code button text" default="扫码加入"}"
    },
    "thanh thao tác dưới cùng": {
      "ô nhập liệu": "Nói gì đó đi...",
      "số lượng biểu tượng": 5,
      "nhãn biểu tượng": ["smiley face", "shopping cart", "heart", "gift box", "three dots"]
    }
  }
}

Mẹo sử dụng

Tùy chỉnh thông tin người dẫn, nội dung bình luận và các biểu tượng tiện ích trong cấu trúc JSON để phù hợp với từng kịch bản hoặc nền tảng phát sóng trực tiếp.

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

Nguồn: https://x.com/kevintao1024/status/2045074817339052095#reversed-3
Tác giả gốc: Kevin的学堂
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