1 / 1

YouTube深色模式桌面端UI原型

案列来源：すぐる | ChatGPTガチ勢 𝕏

UI 设计稿openai/gpt-image-2#UI 设计#封面图#风景#界面#版式设计

生成一份高度详细、准确的YouTube桌面端首页深色模式原型，包含完整的侧边栏、筛选标签以及12个视频网格。

8.5w人正在用

4:5推荐尺寸

4.5w收藏人数

提示词模板

{
  "type": "桌面端 UI 原型",
  "application": "YouTube 首页",
  "theme": "深色模式",
  "browser_window": {
    "url_bar": "youtube.com",
    "tabs": 1,
    "elements": [
      "后退/前进按钮",
      "刷新",
      "扩展程序",
      "个人资料头像"
    ]
  },
  "layout": {
    "sidebar": {
      "position": "左侧",
      "sections": [
        {
          "title": "主页",
          "count": 3,
          "items": [
            "首页",
            "Shorts",
            "订阅内容"
          ]
        },
        {
          "title": "我",
          "count": 6,
          "items": [
            "您的频道",
            "历史记录",
            "播放列表",
            "您的视频",
            "稍后观看",
            "点赞的视频"
          ]
        },
        {
          "title": "订阅内容",
          "count": 8,
          "items": [
            "Linus Tech Tips",
            "MrBeast",
            "Kurzgesagt - In a...",
            "ColdFusion",
            "3Blue1Brown",
            "Khan Academy",
            "Veritasium",
            "显示更多"
          ]
        },
        {
          "title": "探索",
          "count": 7,
          "items": [
            "热门",
            "音乐",
            "电影",
            "直播",
            "游戏",
            "新闻",
            "体育"
          ]
        },
        {
          "title": "更多 YouTube 服务",
          "count": 3,
          "items": [
            "YouTube Premium",
            "YouTube Music",
            "YouTube Kids"
          ]
        }
      ]
    },
    "top_filter_bar": {
      "count": 11,
      "labels": [
        "全部",
        "游戏",
        "音乐",
        "直播",
        "播客",
        "合辑",
        "科学",
        "Lo-fi",
        "惊悚",
        "最新上传",
        "已观看"
      ]
    },
    "video_grid": {
      "layout": "4 行 3 列",
      "count": 12,
      "videos": [
        {
          "title": "为什么自制 GPU 几乎是不可能的",
          "channel": "Linus Tech Tips",
          "thumbnail": "带有红色箭头的 GPU 芯片"
        },
        {
          "title": "在圆圈里生存 100 天，赢取 50 万美元",
          "channel": "MrBeast",
          "thumbnail": "MrBeast 微笑，背景是参赛者"
        },
        {
          "title": "如果我们用核弹炸毁小行星会怎样？",
          "channel": "Kurzgesagt - In a Nutshell",
          "thumbnail": "导弹在太空中接近小行星"
        },
        {
          "title": "迪拜是如何成为一座 100 亿美元城市的",
          "channel": "ColdFusion",
          "thumbnail": "男子站在迪拜天际线旁，文字显示 '$0 TO $10B'"
        },
        {
          "title": "欧拉恒等式的数学之美",
          "channel": "3Blue1Brown",
          "thumbnail": "黑色背景上的数学公式和螺旋图"
        },
        {
          "title": "2040 年的世界 - 人口、气候及更多",
          "channel": "Veritasium",
          "thumbnail": "郁郁葱葱的森林，文字显示 'The World in 2040'"
        },
        {
          "title": "我用了 12 年 Linux，终于……",
          "channel": "DistroTube",
          "thumbnail": "笔记本电脑和智能手机，中间有蓝色箭头连接"
        },
        {
          "title": "黑洞详解 - 从诞生到死亡",
          "channel": "Khan Academy",
          "thumbnail": "黑洞发光的橙色吸积盘"
        },
        {
          "title": "饮食建议的问题",
          "channel": "Andrew Huberman",
          "thumbnail": "身穿黑衬衫的男子，文字显示 'the problem with diet advice'"
        },
        {
          "title": "如何学习任何事物（基于证据）",
          "channel": "Ali Abdaal",
          "thumbnail": "扁平化插画，一名男子在阅读书籍，周围环绕着彩色叶子"
        },
        {
          "title": "《最后生还者 2》是一部杰作",
          "channel": "Naughty Dog",
          "thumbnail": "艾莉的坚毅肖像，带有游戏标志"
        },
        {
          "title": "lofi hip hop radio - 适合放松/学习的节拍",
          "channel": "Lofi Girl",
          "thumbnail": "动漫女孩在书桌前学习，窗外是日落时的城市景观"
        }
      ]
    }
  },
  "os_environment": {
    "os": "Windows 10",
    "taskbar_position": "底部",
    "visible_icons": [
      "开始",
      "搜索栏",
      "任务视图",
      "文件资源管理器",
      "Edge",
      "Spotify"
    ],
    "system_tray": [
      "网络",
      "音量",
      "电池",
      "显示时间为 08:34 2024 年 4 月 3 日的时钟"
    ]
  }
}