YouTube深色模式UI

A detailed UI mockup of a video streaming homepage in dark mode on a desktop OS, useful for web design references and layout generation.

{
  "type": "桌面网络浏览器用户接口截屏",
  "environment": "{argument name=\"os environment\" default=\"Windows 11 桌面\"}",
  "theme": "{argument name=\"ui theme\" default=\"深色模式\"}",
  "browser_window": {
    "tabs": ["YouTube", "新分页"],
    "url_bar": "youtube.com",
    "profile_icon": "{argument name=\"profile initial\" default=\"M\"}"
  },
  "app_interface": {
    "header": {
      "logo": "{argument name=\"website name\" default=\"YouTube\"} GB",
      "search_bar": "搜索",
      "icons": ["麦克风", "创建", "通知", "个人文件"]
    },
    "filter_bar": {
      "active_filter": "{argument name=\"active filter\" default=\"全部\"}",
      "count": 11,
      "labels": ["全部", "游戏", "音乐", "直播", "播客", "混合", "科学", "低传真", "惊悚", "最近上传", "已观看"]
    },
    "sidebar": {
      "sections": [
        { "title": "主要", "count": 3, "labels": ["首页", "Shorts", "订阅"] },
        { "title": "你", "count": 6, "labels": ["你的频道", "历史", "播放清单", "你的视频", "稍后观看", "喜欢的视频"] },
        { "title": "订阅", "count": 8, "labels": ["Linus Tech Tips", "MrBeast", "Kurzgesagt - In a Nutshell", "ColdFusion", "3Blue1Brown", "Khan Academy", "Veritasium", "显示更多"] },
        { "title": "探索", "count": 7, "labels": ["热门", "音乐", "电影", "直播", "游戏", "新闻", "体育"] },
        { "title": "更多来自YouTube", "count": 3, "labels": ["YouTube Premium", "YouTube Music", "YouTube Kids"] }
      ]
    },
    "main_content": {
      "layout": "3列4行网格",
      "count": 12,
      "video_cards": [
        { "title": "为什么自己建造GPU几乎不可能", "channel": "Linus Tech Tips", "stats": "164K次观看 • 1天前", "thumbnail": "CPU/GPU芯片" },
        { "title": "在圆圈中生存100天，赢得50万美元", "channel": "MrBeast", "stats": "40M次观看 • 5天前", "thumbnail": "MrBeast与穿着蓝色运动服的人群" },
        { "title": "如果我们用核弹轰炸小行星会怎样？", "channel": "Kurzgesagt - In a Nutshell", "stats": "4.2M次观看 • 6小时前", "thumbnail": "导弹在太空击中小行星" },
        { "title": "杜拜如何成为一个100亿美元的城市", "channel": "ColdFusion", "stats": "1.6M次观看 • 2周前", "thumbnail": "男子与杜拜天际线" },
        { "title": "欧拉恒等式的美妙数学", "channel": "3Blue1Brown", "stats": "2.8M次观看 • 3个月前", "thumbnail": "数学方程序与螺旋图" },
        { "title": "2040年的世界 - 人口、气候等", "channel": "Veritasium", "stats": "7.7M次观看 • 2周前", "thumbnail": "郁葱森林的空中视图" },
        { "title": "我已经使用Linux 12年了，这是最终...", "channel": "DistroTube", "stats": "160K次观看 • 3天前", "thumbnail": "带有Linux标志的笔记型电脑和智能型手机" },
        { "title": "黑洞解释 - 从诞生到死亡", "channel": "Khan Academy", "stats": "3.9M次观看 • 3个月前", "thumbnail": "发光的黑洞吸积盘" },
        { "title": "饮食建议的问题", "channel": "Andrew Huberman", "stats": "4.4M次观看 • 6天前", "thumbnail": "戴眼镜说话的男子" },
        { "title": "如何学习任何事物（基于证据）", "channel": "Ali Abdaal", "stats": "2.7M次观看 • 3个月前", "thumbnail": "男子阅读书籍的矢量插图" },
        { "title": "最后生还者第二部分是一部杰作", "channel": "Naughty Dog", "stats": "2.3M次观看 • 3年前", "thumbnail": "最后生还者中的艾莉" },
        { "title": "lofi hip hop radio - 放松/学习的节拍", "channel": "Lofi Girl", "stats": "直播中", "thumbnail": "Lofi女孩在书桌前学习" }
      ]
    }
  },
  "taskbar": {
    "os": "Windows",
    "icons": ["开始", "搜索", "工作查看", "文件总管", "Edge", "Spotify"],
    "system_tray": "08:34 03/04/2024"
  }
}

机器翻译 — 实际生成作品的是原文提示词。

✨ 生成 收藏 复制提示词 分享 原始帖子 在 Hitboard 打开