Charts & InfographicsGPT Image 2Mobile InterfaceModernUI DesignDigital ArtLivestream UIApp Mockup

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

Prompt tạo mockup giao diện ứng dụng livestream trên điện thoại với bố cục trực quan đầy đủ thông tin người phát sóng, người xem, bình luận trực tiếp và các nút tương tác quà tặng.

Bản tiếng Anh

{
  "type": "mobile live streaming app interface mockup",
  "subject": {
    "description": "{argument name="subject appearance" default="young Asian woman with long dark hair, wearing a white top, smiling gently and resting her chin on her hand"}",
    "background": "cozy room with a sofa, bear pillow, pink roses, framed 'FLOWER' art, small lamp, and a shelf with a figurine"
  },
  "ui_layout": {
    "top_left": {
      "streamer_profile": {
        "avatar": "woman's face",
        "name": "{argument name="streamer name" default="小鹿酱 💕"}",
        "stats": "12.8万本场点赞",
        "button": "关注"
      },
      "badges": {
        "count": 2,
        "labels": ["小时榜第3名", "人气榜"]
      }
    },
    "top_right": {
      "top_viewers": {
        "count": 3,
        "avatars_with_scores": ["1.2w", "9800", "8700"]
      },
      "total_viewers": "{argument name="viewer count" default="1.9万"}",
      "close_button": "X",
      "more_streams_link": "更多直播 >",
      "wish_task": "许下心愿, 一起完成任务"
    },
    "middle_left": {
      "gift_alerts": {
        "count": 2,
        "items": [
          {
            "sender": "{argument name="gift sender 1" default="@阿飞"}",
            "action": "送小心心",
            "combo": "x 66"
          },
          {
            "sender": "向阳而生",
            "action": "送鲜花",
            "combo": "x 10"
          }
        ]
      }
    },
    "bottom_left": {
      "chat_messages": {
        "count": 7,
        "items": [
          "甜甜 加入了直播间",
          "尼古拉斯: {argument name="chat message 1" default="主播今天好美呀～"}",
          "小心心: 唱一首歌吧，想听你唱歌～",
          "一只小鹿: 支持支持，天天看你直播 😘",
          "快乐每一天: 人美心善，说话又好听！",
          "小可爱: 主播粉丝团怎么加入呀？",
          "系统: 直播内容严禁违规，文明直播，一起营造良好的直播环境。"
        ]
      }
    },
    "bottom_bar": {
      "input_field": "说点什么...",
      "icons": {
        "count": 5,
        "types": ["smiley face", "pink heart", "gift box", "three dots", "bar chart"]
      }
    },
    "bottom_right": {
      "floating_reactions": "cluster of floating pink and purple hearts"
    }
  }
}

Bản tiếng Việt

{
  "type": "mockup giao diện ứng dụng livestream trên di động",
  "subject": {
    "description": "{argument name="subject appearance" default="phụ nữ châu Á trẻ tuổi với mái tóc đen dài, mặc áo trắng, mỉm cười nhẹ nhàng và tựa cằm vào tay"}",
    "background": "căn phòng ấm cúng với ghế sofa, gối hình gấu, hoa hồng màu hồng, tranh chữ 'FLOWER' đóng khung, đèn bàn nhỏ và kệ có tượng nhỏ"
  },
  "ui_layout": {
    "top_left": {
      "streamer_profile": {
        "avatar": "gương mặt phụ nữ",
        "name": "{argument name="streamer name" default="小鹿酱 💕"}",
        "stats": "12.8 vạn lượt thích phiên này",
        "button": "Theo dõi"
      },
      "badges": {
        "count": 2,
        "labels": ["小时榜第3名", "人气榜"]
      }
    },
    "top_right": {
      "top_viewers": {
        "count": 3,
        "avatars_with_scores": ["1.2w", "9800", "8700"]
      },
      "total_viewers": "{argument name="viewer count" default="1.9万"}",
      "close_button": "X",
      "more_streams_link": "Xem thêm livestream >",
      "wish_task": "Gửi điều ước, cùng nhau hoàn thành nhiệm vụ"
    },
    "middle_left": {
      "gift_alerts": {
        "count": 2,
        "items": [
          {
            "sender": "{argument name="gift sender 1" default="@阿飞"}",
            "action": "Tặng tim nhỏ",
            "combo": "x 66"
          },
          {
            "sender": "Hướng Dương Mà Sống",
            "action": "Tặng hoa tươi",
            "combo": "x 10"
          }
        ]
      }
    },
    "bottom_left": {
      "chat_messages": {
        "count": 7,
        "items": [
          "Điềm Điềm đã tham gia phòng livestream",
          "Nicholas: {argument name="chat message 1" default="主播今天好美呀～"}",
          "Tim Nhỏ: Hát một bài đi, muốn nghe bạn hát quá～",
          "Một Chú Hươu Nhỏ: Ủng hộ ủng hộ, ngày nào cũng xem livestream của bạn 😘",
          "Vui Vẻ Mỗi Ngày: Người đẹp tâm thiện, nói chuyện lại dễ thương!",
          "Bé Đáng Yêu: Làm thế nào để tham gia nhóm fan của streamer vậy?",
          "Hệ thống: Nội dung livestream nghiêm cấm vi phạm quy định, hãy livestream văn minh để cùng tạo dựng môi trường phát sóng lành mạnh."
        ]
      }
    },
    "bottom_bar": {
      "input_field": "Nói gì đó...",
      "icons": {
        "count": 5,
        "types": ["smiley face", "pink heart", "gift box", "three dots", "bar chart"]
      }
    },
    "bottom_right": {
      "floating_reactions": "chùm icon trái tim bay bổng màu hồng và tím"
    }
  }
}

Mẹo sử dụng

Tùy chỉnh đối số 'subject appearance' để thay đổi hình ảnh và phong cách của streamer, hoặc chỉnh sửa các đoạn văn bản trong tin nhắn chat để tạo hoạt cảnh phù hợp.

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

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