YouTube Video Interface Mockup

Back to inspiration

1 / 1

YouTube Video Interface Mockup

Source: Vi

UI Designopenai/gpt-image-2#UI Design#Neon Cyberpunk#UI Design#ux#interface

Desktop YouTube UI showing tech review with human hosts and robot guest.

8.5wpeople using it

4:5Recommended size

4.5wSaves

Prompt template

{
  "type": "桌面视频平台 UI 模型",
  "theme": "深色模式",
  "header": {
    "logo": "YouTube IN",
    "search_bar": "居中，带有放大镜图标",
    "right_icons": {
      "count": 4,
      "items": [
        "麦克风",
        "+ 创建按钮",
        "通知铃铛",
        "用户头像"
      ]
    }
  },
  "video_player": {
    "scene": "演播室场景，两位科技博主坐在桌前。",
    "subjects": [
      "Marques Brownlee (MKBHD) 身穿黑色 T 恤",
      "Arun Maini (Mrwhosetheboss) 身穿绿色衬衫",
      "Tesla Optimus 人形机器人 站在他们中间"
    ],
    "props": [
      "带有 Logo 的黑色马克杯",
      "带有发光蓝色霓虹 M Logo 的背景屏幕"
    ],
    "controls_bar": {
      "progress_bar": "红色，接近起始位置",
      "timestamp": "0:01 / 18:47",
      "left_icons": {
        "count": 3,
        "items": [
          "播放/暂停",
          "下一首",
          "音量"
        ]
      },
      "right_icons": {
        "count": 6,
        "items": [
          "CC 字幕",
          "带有 4K 标志的设置",
          "迷你播放器",
          "影院模式",
          "投屏",
          "全屏"
        ]
      }
    }
  },
  "video_details": {
    "title": "Tesla Optimus 机器人评测：未来已来！",
    "channel_info": {
      "name": "Mrwhosetheboss",
      "badges": [
        "认证勾选标记"
      ],
      "subscribers": "2050 万订阅者",
      "button": "白色订阅按钮"
    },
    "action_buttons": {
      "count": 6,
      "items": [
        "点赞 (21.5 万) / 点踩 (4200) 胶囊按钮",
        "分享",
        "下载",
        "剪辑",
        "保存",
        "更多 (...)"
      ]
    }
  },
  "description_box": {
    "metadata": "3,278,456 次观看 2024 年 4 月 12 日 热门趋势第 7 名",
    "text": "MKBHD 和我一起评测 Tesla 的 Optimus 人形机器人。我们涵盖了设计、行走、AI、实测以及它对未来的意义！",
    "links": [
      "Marques 的频道: @mkbhd"
    ]
  }
}