YouTube 深色模式桌面端 UI 原型

中文提示词

{
  "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 日的时钟"]
  }
}

原始提示词

{
  "type": "desktop UI mockup",
  "application": "YouTube homepage",
  "theme": "{argument name=\"theme\" default=\"dark mode\"}",
  "browser_window": {
    "url_bar": "{argument name=\"browser URL\" default=\"youtube.com\"}",
    "tabs": 1,
    "elements": ["back/forward buttons", "refresh", "extensions", "profile avatar"]
  },
  "layout": {
    "sidebar": {
      "position": "left",
      "sections": [
        { "title": "Main", "count": 3, "items": ["Home", "Shorts", "Subscriptions"] },
        { "title": "You", "count": 6, "items": ["Your channel", "History", "Playlists", "Your videos", "Watch later", "Liked videos"] },
        { "title": "Subscriptions", "count": 8, "items": ["Linus Tech Tips", "MrBeast", "Kurzgesagt - In a...", "ColdFusion", "3Blue1Brown", "Khan Academy", "Veritasium", "Show more"] },
        { "title": "Explore", "count": 7, "items": ["Trending", "Music", "Films", "Live", "Gaming", "News", "Sport"] },
        { "title": "More from YouTube", "count": 3, "items": ["YouTube Premium", "YouTube Music", "YouTube Kids"] }
      ]
    },
    "top_filter_bar": {
      "count": 11,
      "labels": ["All", "Gaming", "Music", "Live", "Podcasts", "Mixes", "Science", "Lo-fi", "Thrillers", "Recently uploaded", "Watched"]
    },
    "video_grid": {
      "layout": "4 rows by 3 columns",
      "count": 12,
      "videos": [
        { "title": "Why Build Your Own GPU is Almost Impossible", "channel": "Linus Tech Tips", "thumbnail": "GPU chip with red arrow" },
        { "title": "Survive 100 Days In Circle, Win $500,000", "channel": "MrBeast", "thumbnail": "MrBeast smiling with contestants in background" },
        { "title": "What If We Nuke an Asteroid?", "channel": "Kurzgesagt - In a Nutshell", "thumbnail": "Missile approaching an asteroid in space" },
        { "title": "How Dubai Became a $10 Billion City", "channel": "ColdFusion", "thumbnail": "Man next to Dubai skyline with text '$0 TO $10B'" },
        { "title": "The Beautiful Math of Euler's Identity", "channel": "3Blue1Brown", "thumbnail": "Math equation and spiral graph on black background" },
        { "title": "The World in 2040 - Population, Climate & More", "channel": "Veritasium", "thumbnail": "Lush green forest with text 'The World in 2040'" },
        { "title": "I've Been Using Linux For 12 Years, This Is What Finally...", "channel": "DistroTube", "thumbnail": "Laptop and smartphone with a blue arrow connecting them" },
        { "title": "Black Holes Explained - From Birth to Death", "channel": "Khan Academy", "thumbnail": "Glowing orange accretion disk of a black hole" },
        { "title": "The Problem With Diet Advice", "channel": "Andrew Huberman", "thumbnail": "Man in black shirt with text 'the problem with diet advice'" },
        { "title": "How to Learn Anything (Evidence-Based)", "channel": "Ali Abdaal", "thumbnail": "Flat illustration of a man reading a book surrounded by colorful leaves" },
        { "title": "The Last of Us Part 2 is a Masterpiece", "channel": "Naughty Dog", "thumbnail": "Gritty portrait of Ellie with game logo" },
        { "title": "lofi hip hop radio - beats to relax/study to", "channel": "Lofi Girl", "thumbnail": "Anime girl studying at a desk with city view at sunset" }
      ]
    }
  },
  "os_environment": {
    "os": "{argument name=\"operating system\" default=\"Windows 10\"}",
    "taskbar_position": "bottom",
    "visible_icons": ["Start", "Search bar", "Task View", "File Explorer", "Edge", "Spotify"],
    "system_tray": ["network", "volume", "battery", "clock showing 08:34 03/04/2024"]
  }
}