Charts & InfographicsGPT Image 2UI MockupDark ModeWeb InterfaceDigital Design

Mockup giao diện xem video YouTube trên máy tính

Prompt tạo mockup chi tiết giao diện xem video YouTube trên máy tính để bàn ở chế độ tối (dark mode). Bố cục gồm thanh tiêu đề, trình phát video trường quay đánh giá công nghệ, thông tin kênh và hộp mô tả chi tiết.

Bản tiếng Anh

{
  "type": "desktop video platform UI mockup",
  "theme": "dark mode",
  "header": {
    "logo": "YouTube IN",
    "search_bar": "centered, with magnifying glass icon",
    "right_icons": {
      "count": 4,
      "items": ["microphone", "+ Create button", "notifications bell", "user profile picture"]
    }
  },
  "video_player": {
    "scene": "Studio setting with two tech reviewers at a desk.",
    "subjects": [
      "{argument name="left person" default="Marques Brownlee (MKBHD)"} in black t-shirt",
      "{argument name="right person" default="Arun Maini (Mrwhosetheboss)"} in green overshirt",
      "{argument name="robot model" default="Tesla Optimus humanoid robot"} standing between them"
    ],
    "props": ["black mug with logo", "background screen with glowing blue neon M logo"],
    "controls_bar": {
      "progress_bar": "red, near the beginning",
      "timestamp": "0:01 / 18:47",
      "left_icons": {
        "count": 3,
        "items": ["play/pause", "next track", "volume"]
      },
      "right_icons": {
        "count": 6,
        "items": ["CC", "settings with 4K badge", "miniplayer", "theater mode", "cast", "fullscreen"]
      }
    }
  },
  "video_details": {
    "title": "{argument name="video title" default="Tesla Optimus Robot Review: Futures Are Here!"}",
    "channel_info": {
      "name": "{argument name="channel name" default="Mrwhosetheboss"}",
      "badges": ["verified checkmark"],
      "subscribers": "20.5M subscribers",
      "button": "white Subscribe button"
    },
    "action_buttons": {
      "count": 6,
      "items": ["Like (215K) / Dislike (4.2K) pill", "Share", "Download", "Clip", "Save", "More (...)"]
    }
  },
  "description_box": {
    "metadata": "3,278,456 views Apr 12, 2024 #7 on Trending",
    "text": "MKBHD & I review Tesla's Optimus humanoid robot. We cover the design, walk, AI, hands-on & what it means for the future!",
    "links": ["Marques's Channel: @mkbhd"]
  }
}

Bản tiếng Việt

{
  "type": "mockup giao diện nền tảng video trên máy tính để bàn",
  "theme": "chế độ tối",
  "header": {
    "logo": "YouTube IN",
    "search_bar": "căn giữa, có biểu tượng kính lúp",
    "right_icons": {
      "count": 4,
      "items": ["microphone", "+ Create button", "notifications bell", "user profile picture"]
    }
  },
  "video_player": {
    "scene": "Bối cảnh trường quay với hai chuyên gia đánh giá công nghệ tại bàn làm việc.",
    "subjects": [
      "{argument name="left person" default="Marques Brownlee (MKBHD)"} mặc áo thun đen",
      "{argument name="right person" default="Arun Maini (Mrwhosetheboss)"} mặc áo khoác ngoài màu xanh lá",
      "{argument name="robot model" default="Tesla Optimus humanoid robot"} đứng ở giữa họ"
    ],
    "props": ["black mug with logo", "background screen with glowing blue neon M logo"],
    "controls_bar": {
      "progress_bar": "màu đỏ, gần phần đầu",
      "timestamp": "0:01 / 18:47",
      "left_icons": {
        "count": 3,
        "items": ["play/pause", "next track", "volume"]
      },
      "right_icons": {
        "count": 6,
        "items": ["CC", "settings with 4K badge", "miniplayer", "theater mode", "cast", "fullscreen"]
      }
    }
  },
  "video_details": {
    "title": "{argument name="video title" default="Tesla Optimus Robot Review: Futures Are Here!"}",
    "channel_info": {
      "name": "{argument name="channel name" default="Mrwhosetheboss"}",
      "badges": ["verified checkmark"],
      "subscribers": "20.5M người đăng ký",
      "button": "nút Đăng ký màu trắng"
    },
    "action_buttons": {
      "count": 6,
      "items": ["Like (215K) / Dislike (4.2K) pill", "Share", "Download", "Clip", "Save", "More (...)"]
    }
  },
  "description_box": {
    "metadata": "3.278.456 lượt xem 12 thg 4, 2024 #7 trên Thịnh hành",
    "text": "MKBHD & tôi cùng đánh giá robot hình người Optimus của Tesla. Chúng tôi phân tích thiết kế, khả năng di chuyển, AI, trải nghiệm thực tế & ý nghĩa của nó đối với tương lai!",
    "links": ["Marques's Channel: @mkbhd"]
  }
}

Mẹo sử dụng

Bạn có thể tùy chỉnh tiêu đề video, tên kênh, số lượt xem và nội dung cảnh trong trình phát video để tạo mockup phù hợp cho bài thuyết trình hoặc thiết kế UI/UX.

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

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