社区案例

YouTube 深色模式桌面端 UI 原型

生成一份高度详细、准确的 YouTube 桌面端首页深色模式原型，包含完整的侧边栏、筛选标签以及 12 个视频网格，并展示知名教育和娱乐频道的缩略图。

すぐる | ChatGPTガチ勢 𝕏 · 2026-04-15 · 约 7 分钟

参考效果：YouTube 深色模式桌面端 UI 原型 — 社区作者发布的参考画面 · すぐる | ChatGPTガチ勢 𝕏

编辑提示词

完整提示词

{
  "type": "桌面端 UI 原型",
  "application": "YouTube 首页",
  "theme": "{argument name=\"theme\" default=\"深色模式\"}",
  "browser_window": {
    "url_bar": "{argument name=\"browser URL\" default=\"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": "{argument name=\"operating system\" default=\"Windows 10\"}",
    "taskbar_position": "底部",
    "visible_icons": ["开始", "搜索栏", "任务视图", "文件资源管理器", "Edge", "Spotify"],
    "system_tray": ["网络", "音量", "电池", "显示时间为 08:34 2024 年 4 月 3 日的时钟"]
  }
}

带入创作工作台

仅带入描述，不会自动生成。参考图与编辑模式请先上传或选中原图。

来源与说明

由すぐる | ChatGPTガチ勢 𝕏 发布，经 YouMind 收录。提示词与图片权利归原作者及相应平台。

此案例需要参考图片，请在创作工作台中上传后再使用。

查看原始来源 ↗ · 作者主页

使用示例 →

把这个思路，变成下一次创作。

在 RonasAI 中开始创作 ↗