Charts & InfographicsGPT Image 2Mobile AppUI MockupHiện đạiLivestreamGiao diện ứng dụngThiết kế UI/UX

Mockup Giao diện Livestream trên Điện thoại

Mockup giao diện ứng dụng livestream trên điện thoại di động với đầy đủ thanh trạng thái, thông tin streamer, luồng tin nhắn trực tiếp và các hiệu ứng tương tác. Phù hợp để thiết kế giao diện UI/UX hoặc minh họa ứng dụng phòng phát trực tiếp.

Bản tiếng Anh

{
  "type": "mobile live-streaming app interface mockup",
  "video_feed": {
    "subject": "{argument name="host appearance" default="young Asian woman, long dark hair, white lace top, resting chin on hand, smiling softly"}",
    "background": "cozy room, couch with animal pillow, shelf with 'FLOWER' framed picture, pink roses in a vase, warm lighting"
  },
  "ui_overlay": {
    "status_bar": {
      "elements": ["20:34", "location arrow", "signal bars", "wifi", "battery 78%"]
    },
    "top_header": {
      "host_info": {
        "name": "{argument name="host name" default="小鹿酱💕"}",
        "subtitle": "12.8万本场点赞",
        "button": "关注"
      },
      "top_viewers_count": 3,
      "top_viewers_labels": ["1.2w", "9800", "8700"],
      "total_viewers": "1.9万",
      "close_button": "X"
    },
    "badges_and_prompts": {
      "top_left_count": 2,
      "top_left_labels": ["小时榜第3名", "人气榜"],
      "top_right_count": 2,
      "top_right_labels": ["更多直播 >", "许下心愿，一起完成任务"]
    },
    "gift_notifications": {
      "count": 2,
      "items": [
        { "user": "@阿飞", "action": "送小心心", "multiplier": "{argument name="gift multiplier" default="x 66"}" },
        { "user": "向阳而生", "action": "送鲜花", "multiplier": "x 10" }
      ]
    },
    "chat_stream": {
      "count": 7,
      "messages": [
        "甜甜 加入了直播间",
        "尼古拉斯: {argument name="chat message 1" default="主播今天好美呀～"}",
        "小心心: {argument name="chat message 2" default="唱一首歌吧，想听你唱歌～"}",
        "一只小鹿: 支持支持，天天看你直播 😘",
        "快乐每一天: 人美心善，说话又好听！",
        "小可爱: 主播粉丝团怎么加入呀？",
        "系统: 直播内容严禁违规，文明直播，一起营造良好的直播环境。"
      ]
    },
    "bottom_bar": {
      "input_placeholder": "说点什么...",
      "icon_count": 5,
      "icons": ["smiley face", "pink heart", "gift box", "three dots", "bar chart"],
      "floating_elements": "pink and blue hearts rising on the right"
    }
  }
}

Bản tiếng Việt

{
  "type": "mockup giao diện ứng dụng phát trực tiếp trên thiết bị di động",
  "video_feed": {
    "subject": "{argument name="host appearance" default="phụ nữ châu Á trẻ tuổi, tóc đen dài, áo ren trắng, tay chống cằm, mỉm cười nhẹ nhàng"}",
    "background": "căn phòng ấm cúng, ghế sofa với gối hình thú, kệ có tranh đóng khung chữ 'FLOWER', hoa hồng màu hồng trong bình, ánh sáng ấm áp"
  },
  "ui_overlay": {
    "status_bar": {
      "elements": ["20:34", "location arrow", "signal bars", "wifi", "battery 78%"]
    },
    "top_header": {
      "host_info": {
        "name": "{argument name="host name" default="小鹿酱💕"}",
        "subtitle": "12.8 vạn lượt thích phiên này",
        "button": "Theo dõi"
      },
      "top_viewers_count": 3,
      "top_viewers_labels": ["1.2w", "9800", "8700"],
      "total_viewers": "1.9 vạn",
      "close_button": "X"
    },
    "badges_and_prompts": {
      "top_left_count": 2,
      "top_left_labels": ["小时榜第3名", "人气榜"],
      "top_right_count": 2,
      "top_right_labels": ["更多直播 >", "许下心愿，一起完成任务"]
    },
    "gift_notifications": {
      "count": 2,
      "items": [
        { "user": "@A Phi", "action": "tặng tim nhỏ", "multiplier": "{argument name="gift multiplier" default="x 66"}" },
        { "user": "向阳而生", "action": "送鲜花", "multiplier": "x 10" }
      ]
    },
    "chat_stream": {
      "count": 7,
      "messages": [
        "Điềm Điềm đã vào phòng live",
        "Nicholas: {argument name="chat message 1" default="主播今天好美呀～"}",
        "Tim Nhỏ: {argument name="chat message 2" default="唱一首歌吧，想听你唱歌～"}",
        "Hươu Nhỏ: Ủng hộ ủng hộ, ngày nào cũng xem live của bạn 😘",
        "Mỗi Ngày Vui Vẻ: Người đẹp tâm thiện, nói chuyện lại dễ thương!",
        "Bé Đáng Yêu: Làm sao để tham gia nhóm fan của streamer ạ?",
        "Hệ thống: Nội dung phát trực tiếp nghiêm cấm vi phạm quy định, hãy phát trực tiếp văn minh để cùng xây dựng môi trường lành mạnh."
      ]
    },
    "bottom_bar": {
      "input_placeholder": "Nói gì đó...",
      "icon_count": 5,
      "icons": ["smiley face", "pink heart", "gift box", "three dots", "bar chart"],
      "floating_elements": "những trái tim màu hồng và xanh lam bay lên ở bên phải"
    }
  }
}

Mẹo sử dụng

Tùy chỉnh tham số 'host appearance' để thay đổi diện mạo của streamer, hoặc chỉnh sửa các đoạn tin nhắn trong chat_stream và thông báo quà tặng để phù hợp với kịch bản phòng live của bạn.

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

Nguồn: https://x.com/wilsondu311/status/2044781525942821206#reversed-3
Tác giả gốc: 伟豪学长AI
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