YouTube 深色模式桌面端 UI 原型

{ "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"] } }

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