Products & E-commerceGPT Image 2Live StreamingClean UIMobile AppUI MockupDigital ArtApp Interface2x2 Grid

Mockup giao diện ứng dụng livestream 4 ô

Prompt dạng JSON tạo mockup bố cục lưới 2x2 gồm 4 giao diện ứng dụng livestream trên thiết bị di động. Mỗi khung hình thể hiện chi tiết người dẫn, bình luận, thẻ sản phẩm, số lượng người xem và các thành phần giao diện tương tác.

Bản tiếng Anh

{
  "type": "2x2 grid of mobile live streaming app interfaces",
  "theme": "{argument name="stream theme" default="e-commerce and entertainment live streaming"}",
  "layout": {
    "grid": "2x2",
    "panels": [
      {
        "position": "top-left",
        "app_name": "{argument name="app 1 name" default="抖音"}",
        "host": "young woman in purple shirt holding a white skincare bottle",
        "ui_elements": [
          "app logo",
          "host profile with follow button",
          "viewer count '10万+'",
          "2 countdown timers",
          "4 scrolling comments",
          "product popup card with price '¥189'"
        ]
      },
      {
        "position": "top-right",
        "app_name": "{argument name="app 2 name" default="小红书"}",
        "host": "young woman in red sweater holding a brown teddy bear",
        "ui_elements": [
          "app logo",
          "host profile with follow button",
          "viewer count '14.2万'",
          "3 scrolling comments",
          "square product link card with price '¥169'"
        ]
      },
      {
        "position": "bottom-left",
        "app_name": "{argument name="app 3 name" default="视频号"}",
        "host": "young woman in white shirt standing in a kitchen with a blender and pot",
        "ui_elements": [
          "app logo",
          "host profile",
          "viewer count '10万人看过'",
          "4 scrolling comments",
          "wide product popup card with buy button and price '¥239'"
        ]
      },
      {
        "position": "bottom-right",
        "app_name": "{argument name="app 4 name" default="快手"}",
        "host": "young woman in white sleeveless dress holding a microphone and singing",
        "ui_elements": [
          "app logo",
          "host profile with follow button",
          "viewer count '10万+'",
          "5 scrolling comments",
          "2 floating gift animations",
          "floating interactive widget"
        ]
      }
    ]
  }
}

Bản tiếng Việt

{
  "type": "lưới 2x2 các giao diện ứng dụng livestream trên di động",
  "theme": "{argument name="stream theme" default="e-commerce and entertainment live streaming"}",
  "layout": {
    "grid": "2x2",
    "panels": [
      {
        "position": "trên-bên trái",
        "app_name": "{argument name="app 1 name" default="抖音"}",
        "host": "người phụ nữ trẻ mặc áo tím cầm chai dưỡng da màu trắng",
        "ui_elements": [
          "logo ứng dụng",
          "hồ sơ người phát sóng với nút theo dõi",
          "số lượng người xem '10万+'",
          "2 đồng hồ đếm ngược",
          "4 bình luận cuộn",
          "thẻ popup sản phẩm với giá '¥189'"
        ]
      },
      {
        "position": "trên-bên phải",
        "app_name": "{argument name="app 2 name" default="小红书"}",
        "host": "người phụ nữ trẻ mặc áo len đỏ cầm gấu bông màu nâu",
        "ui_elements": [
          "logo ứng dụng",
          "hồ sơ người phát sóng với nút theo dõi",
          "số lượng người xem '14.2万'",
          "3 bình luận cuộn",
          "thẻ liên kết sản phẩm hình vuông với giá '¥169'"
        ]
      },
      {
        "position": "dưới-bên trái",
        "app_name": "{argument name="app 3 name" default="视频号"}",
        "host": "người phụ nữ trẻ mặc áo trắng đứng trong bếp cùng máy xay và nồi",
        "ui_elements": [
          "logo ứng dụng",
          "hồ sơ người phát sóng",
          "số lượng người xem '10万人看过'",
          "4 bình luận cuộn",
          "thẻ popup sản phẩm bản rộng với nút mua và giá '¥239'"
        ]
      },
      {
        "position": "dưới-bên phải",
        "app_name": "{argument name="app 4 name" default="快手"}",
        "host": "người phụ nữ trẻ mặc váy sát nách màu trắng cầm micro và hát",
        "ui_elements": [
          "logo ứng dụng",
          "hồ sơ người phát sóng với nút theo dõi",
          "số lượng người xem '10万+'",
          "5 bình luận cuộn",
          "2 hiệu ứng hoạt họa quà tặng nổi",
          "tiện ích tương tác nổi"
        ]
      }
    ]
  }
}

Mẹo sử dụng

Bạn có thể tùy chỉnh các trường host, tên ứng dụng hoặc thông tin sản phẩm và giá tiền để tạo giao diện livestream phù hợp với thương hiệu riêng.

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

Nguồn: https://x.com/gengdaJ/status/2045128450101711039#reversed-0
Tác giả gốc: 逸尘
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