YouTube 视频界面模型

中文提示词

{
  "type": "桌面视频平台 UI 模型",
  "theme": "深色模式",
  "header": {
    "logo": "YouTube IN",
    "search_bar": "居中，带有放大镜图标",
    "right_icons": {
      "count": 4,
      "items": ["麦克风", "+ 创建按钮", "通知铃铛", "用户头像"]
    }
  },
  "video_player": {
    "scene": "演播室场景，两位科技博主坐在桌前。",
    "subjects": [
      "{argument name=\"left person\" default=\"Marques Brownlee (MKBHD)\"} 身穿黑色 T 恤",
      "{argument name=\"right person\" default=\"Arun Maini (Mrwhosetheboss)\"} 身穿绿色衬衫",
      "{argument name=\"robot model\" default=\"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": "{argument name=\"video title\" default=\"Tesla Optimus 机器人评测：未来已来！\"}",
    "channel_info": {
      "name": "{argument name=\"channel name\" default=\"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"]
  }
}

原始提示词

{
  "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"]
  }
}