Posters & TypographyGPT Image 2UI MockupSocial MediaApp InterfaceModern UIDigital Design

Mockup giao diện ứng dụng video ngắn mạng xã hội

Prompt tạo mockup giao diện ứng dụng video ngắn mạng xã hội dạng dọc, kết hợp hình ảnh nhân vật chân thực với đầy đủ các thành phần UI, thanh điều hướng và biểu tượng tương tác.

Bản tiếng Anh

{
  "type": "social media short video app interface mockup",
  "main_image": {
    "subject": "{argument name="subject description" default="young Asian woman with long dark hair wearing a white off-the-shoulder top"}",
    "pose": "looking back over her shoulder at the camera, gentle smile, hair blowing slightly in the wind",
    "setting": "{argument name="background location" default="riverside promenade at sunset with a tall modern tower and city skyline"}",
    "lighting": "golden hour, warm sunlight reflecting on the river"
  },
  "ui_layout": {
    "top_bar": {
      "status_icons": ["time 9:41", "cellular signal", "wifi", "battery 100"],
      "navigation": {
        "left": "menu icon",
        "center_tabs": ["经验", "团购", "关注", "{argument name="active top tab" default="推荐"}"],
        "right": "search icon"
      }
    },
    "right_sidebar": {
      "count": 6,
      "elements": [
        "profile picture with pink plus button",
        "heart icon with text '23.6万'",
        "chat bubble icon with text '1.6万'",
        "star icon with text '2.8万'",
        "share arrow icon with text '3.7万'",
        "spinning music record icon"
      ]
    },
    "bottom_left_overlay": {
      "username": "{argument name="username" default="@小鹿的日常"}",
      "caption": "{argument name="caption text" default="吹着晚风，看着日落，这一刻好治愈~ 🌅"}",
      "audio_track": "🎵 原声 @小鹿的日常创作的原声"
    },
    "bottom_navigation_bar": {
      "count": 5,
      "tabs": [
        "首页",
        "朋友 (with red badge '2')",
        "central plus button in rounded square",
        "消息 (with red badge '5')",
        "我"
      ]
    }
  }
}

Bản tiếng Việt

{n  "type": "mockup giao diện ứng dụng video ngắn mạng xã hội",n  "main_image": {n    "subject": "{argument name=\"subject description\" default=\"người phụ nữ châu Á trẻ tuổi với mái tóc đen dài mặc áo trễ vai màu trắng\"}",n    "pose": "ngoảnh lại nhìn vào máy ảnh qua vai, mỉm cười dịu dàng, tóc bay nhẹ trong gió",n    "setting": "{argument name=\"background location\" default=\"đường đi dạo ven sông lúc hoàng hôn với tòa tháp hiện đại cao tầng và đường chân trời thành phố\"}",n    "lighting": "giờ vàng, ánh nắng ấm áp phản chiếu trên mặt sông"n  },n  "ui_layout": {n    "top_bar": {n      "status_icons": ["time 9:41", "cellular signal", "wifi", "battery 100"],n      "navigation": {n        "left": "biểu tượng menu",n        "center_tabs": ["经验", "团购", "关注", "{argument name="active top tab" default="推荐"}"],n        "right": "biểu tượng tìm kiếm"n      }n    },n    "right_sidebar": {n      "count": 6,n      "elements": [n        "ảnh đại diện với nút dấu cộng màu hồng",n        "biểu tượng trái tim kèm chữ '23.6万'",n        "biểu tượng bong bóng chat kèm chữ '1.6万'",n        "biểu tượng ngôi sao kèm chữ '2.8万'",n        "biểu tượng mũi tên chia sẻ kèm chữ '3.7万'",n        "biểu tượng đĩa nhạc đang quay"n      ]n    },n    "bottom_left_overlay": {n      "username": "{argument name="username" default="@小鹿的日常"}",n      "caption": "{argument name="caption text" default="吹着晚风，看着日落，这一刻好治愈~ 🌅"}",n      "audio_track": "🎵 原声 @小鹿的日常创作的原声"n    },n    "bottom_navigation_bar": {n      "count": 5,n      "tabs": [n        "首页",n        "朋友 (với huy hiệu đỏ '2')",n        "nút dấu cộng ở giữa trong hình vuông bo góc",n        "消息 (với huy hiệu đỏ '5')",n        "我"n      ]n    }n  }n}

Mẹo sử dụng

Tùy chỉnh nội dung trong các tham số subject description và background location để thay đổi nhân vật hoặc bối cảnh video nền, đồng thời giữ nguyên cấu trúc JSON để bố cục UI được chuẩn xác.

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

Nguồn: https://x.com/manateelazycat/status/2044757322929778958#reversed-0
Tác giả gốc: Andy Stewart
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