Charts & InfographicsGPT Image 2ModernUI MockupApp InterfaceClean LayoutMobile UIDigital DesignLive Streaming

Mockup giao diện ứng dụng livestream trên di động

Prompt cấu trúc JSON thiết kế mockup giao diện ứng dụng livestream trên di động với đầy đủ các thành phần UI như thanh thông tin streamer, bảng xếp hạng, khung chat và hiệu ứng tương tác.

Bản tiếng Anh

{
  "type": "mobile live-streaming app interface mockup",
  "subject": {
    "description": "young Asian woman, long dark hair, smiling at camera",
    "outfit": "{argument name="broadcaster outfit" default="white V-neck cardigan"}",
    "background": "cozy room, warm lighting, pink flowers, pink plush toy"
  },
  "layout": {
    "top_bar": {
      "time": "20:32",
      "broadcaster": {
        "name": "{argument name="broadcaster name" default="小鹿 🦌"}",
        "stats": "12.8万本场点赞"
      },
      "action_button": "关注",
      "viewers": {
        "avatar_count": 3,
        "total": "{argument name="viewer count" default="1.2万"}"
      },
      "close_button": "X"
    },
    "floating_widgets": [
      "小时榜第23名",
      "更多直播 >",
      "礼物展馆 4/24"
    ],
    "chat_area": {
      "message_count": 4,
      "gift_alert": "加油鸭 送出人气票 x1",
      "messages": [
        "不吃香菜: {argument name="chat message 1" default="主播唱歌真好听~"}",
        "小透明: 来了来了",
        "晚风: 主播是哪里人呀",
        "晴天: 关注了主播"
      ]
    },
    "bottom_bar": {
      "input_placeholder": "{argument name="input placeholder" default="说点什么..."}",
      "icon_count": 5,
      "icons": ["smiley face", "link symbol", "heart with halo", "gift box", "three dots"]
    },
    "overlay_effects": "vertical stream of 6 colorful floating hearts on the bottom right"
  }
}

Bản tiếng Việt

{
  "type": "mockup giao diện ứng dụng livestream trên di động",
  "subject": {
    "description": "phụ nữ châu Á trẻ tuổi, tóc đen dài, mỉm cười trước ống kính",
    "outfit": "{argument name="broadcaster outfit" default="white V-neck cardigan"}",
    "background": "căn phòng ấm cúng, ánh sáng ấm áp, hoa màu hồng, thú bông màu hồng"
  },
  "layout": {
    "top_bar": {
      "time": "20:32",
      "broadcaster": {
        "name": "{argument name="broadcaster name" default="小鹿 🦌"}",
        "stats": "12,8 vạn lượt thích phiên này"
      },
      "action_button": "Theo dõi",
      "viewers": {
        "avatar_count": 3,
        "total": "{argument name="viewer count" default="1.2万"}"
      },
      "close_button": "X"
    },
    "floating_widgets": [
      "Hạng 23 bảng xếp hạng theo giờ",
      "Xem thêm livestream >",
      "Khu trưng bày quà tặng 4/24"
    ],
    "chat_area": {
      "message_count": 4,
      "gift_alert": "Vịt Cố Lên gửi Vé bình chọn x1",
      "messages": [
        "Không Ăn Rau Mùi: {argument name="chat message 1" default="主播唱歌真好听~"}",
        "Người Vô Hình: Đến rồi đây",
        "Gió Đêm: Streamer là người ở đâu vậy",
        "Trời Nắng: Đã theo dõi streamer"
      ]
    },
    "bottom_bar": {
      "input_placeholder": "{argument name="input placeholder" default="说点什么..."}",
      "icon_count": 5,
      "icons": ["smiley face", "link symbol", "heart with halo", "gift box", "three dots"]
    },
    "overlay_effects": "dòng hiệu ứng 6 trái tim bay lơ lửng nhiều màu sắc theo chiều dọc ở góc dưới bên phải"
  }
}

Mẹo sử dụng

Có thể linh hoạt thay đổi thông tin nhân vật, nội dung tin nhắn trong khung chat và danh sách icon thanh công cụ để phù hợp với từng nền tảng hoặc ngữ cảnh livestream khác nhau.

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

Nguồn: https://x.com/wilsondu311/status/2044989301445066770#reversed-0
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