YouTube 深色模式桌面端介面模型

{
  "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": "Why Build Your Own GPU is Almost Impossible",
          "channel": "Linus Tech Tips",
          "thumbnail": "帶有紅色箭頭的GPU晶片"
        },
        {
          "title": "Survive 100 Days In Circle, Win $500,000",
          "channel": "MrBeast",
          "thumbnail": "MrBeast面帶微笑且背景有參賽選手"
        },
        {
          "title": "What If We Nuke an Asteroid?",
          "channel": "Kurzgesagt - In a Nutshell",
          "thumbnail": "太空中逼近小行星的導彈"
        },
        {
          "title": "How Dubai Became a $10 Billion City",
          "channel": "ColdFusion",
          "thumbnail": "迪拜天際線旁的男子及文字'$0 TO $10B'"
        },
        {
          "title": "The Beautiful Math of Euler's Identity",
          "channel": "3Blue1Brown",
          "thumbnail": "黑色背景上的數學公式與螺旋圖表"
        },
        {
          "title": "The World in 2040 - Population, Climate & More",
          "channel": "Veritasium",
          "thumbnail": "鬱鬱蔥蔥的森林配文字'The World in 2040'"
        },
        {
          "title": "I've Been Using Linux For 12 Years, This Is What Finally...",
          "channel": "DistroTube",
          "thumbnail": "藍色箭頭連線的膝上型電腦與智慧手機"
        },
        {
          "title": "Black Holes Explained - From Birth to Death",
          "channel": "Khan Academy",
          "thumbnail": "黑洞發光的橙色吸積盤"
        },
        {
          "title": "The Problem With Diet Advice",
          "channel": "Andrew Huberman",
          "thumbnail": "身穿黑襯衫的男子及文字'the problem with diet advice'"
        },
        {
          "title": "How to Learn Anything (Evidence-Based)",
          "channel": "Ali Abdaal",
          "thumbnail": "被彩色樹葉環繞讀書男子的扁平插畫"
        },
        {
          "title": "The Last of Us Part 2 is a Masterpiece",
          "channel": "Naughty Dog",
          "thumbnail": "艾莉的堅毅肖像與遊戲標誌"
        },
        {
          "title": "lofi hip hop radio - beats to relax/study to",
          "channel": "Lofi Girl",
          "thumbnail": "夕陽城市街景窗前書桌學習的動漫少女"
        }
      ]
    }
  },
  "os_environment": {
    "os": "[Windows 10]",
    "taskbar_position": "底部",
    "visible_icons": [
      "開始",
      "搜尋欄",
      "任務檢視",
      "檔案資源管理器",
      "Edge",
      "Spotify"
    ],
    "system_tray": [
      "網路",
      "音量",
      "電池",
      "顯示 08:34 03/04/2024 的時鐘"
    ]
  }
}