YouTube深色模式UI
A detailed UI mockup of a video streaming homepage in dark mode on a desktop OS, useful for web design references and layout generation.
Prompt
{
"type": "桌面網路瀏覽器使用者介面截圖",
"environment": "{argument name=\"os environment\" default=\"Windows 11 桌面\"}",
"theme": "{argument name=\"ui theme\" default=\"深色模式\"}",
"browser_window": {
"tabs": ["YouTube", "新分頁"],
"url_bar": "youtube.com",
"profile_icon": "{argument name=\"profile initial\" default=\"M\"}"
},
"app_interface": {
"header": {
"logo": "{argument name=\"website name\" default=\"YouTube\"} GB",
"search_bar": "搜尋",
"icons": ["麥克風", "建立", "通知", "個人檔案"]
},
"filter_bar": {
"active_filter": "{argument name=\"active filter\" default=\"全部\"}",
"count": 11,
"labels": ["全部", "遊戲", "音樂", "直播", "播客", "混合", "科學", "低傳真", "驚悚", "最近上傳", "已觀看"]
},
"sidebar": {
"sections": [
{ "title": "主要", "count": 3, "labels": ["首頁", "Shorts", "訂閱"] },
{ "title": "你", "count": 6, "labels": ["你的頻道", "歷史", "播放清單", "你的影片", "稍後觀看", "喜歡的影片"] },
{ "title": "訂閱", "count": 8, "labels": ["Linus Tech Tips", "MrBeast", "Kurzgesagt - In a Nutshell", "ColdFusion", "3Blue1Brown", "Khan Academy", "Veritasium", "顯示更多"] },
{ "title": "探索", "count": 7, "labels": ["熱門", "音樂", "電影", "直播", "遊戲", "新聞", "體育"] },
{ "title": "更多來自YouTube", "count": 3, "labels": ["YouTube Premium", "YouTube Music", "YouTube Kids"] }
]
},
"main_content": {
"layout": "3列4行網格",
"count": 12,
"video_cards": [
{ "title": "為什麼自己建造GPU幾乎不可能", "channel": "Linus Tech Tips", "stats": "164K次觀看 • 1天前", "thumbnail": "CPU/GPU晶片" },
{ "title": "在圓圈中生存100天，贏得50萬美元", "channel": "MrBeast", "stats": "40M次觀看 • 5天前", "thumbnail": "MrBeast與穿著藍色運動服的人群" },
{ "title": "如果我們用核彈轟炸小行星會怎樣？", "channel": "Kurzgesagt - In a Nutshell", "stats": "4.2M次觀看 • 6小時前", "thumbnail": "導彈在太空擊中小行星" },
{ "title": "杜拜如何成為一個100億美元的城市", "channel": "ColdFusion", "stats": "1.6M次觀看 • 2週前", "thumbnail": "男子與杜拜天際線" },
{ "title": "歐拉恆等式的美妙數學", "channel": "3Blue1Brown", "stats": "2.8M次觀看 • 3個月前", "thumbnail": "數學方程式與螺旋圖" },
{ "title": "2040年的世界 - 人口、氣候等", "channel": "Veritasium", "stats": "7.7M次觀看 • 2週前", "thumbnail": "鬱蔥森林的空中視圖" },
{ "title": "我已經使用Linux 12年了，這是最終...", "channel": "DistroTube", "stats": "160K次觀看 • 3天前", "thumbnail": "帶有Linux標誌的筆記型電腦和智慧型手機" },
{ "title": "黑洞解釋 - 從誕生到死亡", "channel": "Khan Academy", "stats": "3.9M次觀看 • 3個月前", "thumbnail": "發光的黑洞吸積盤" },
{ "title": "飲食建議的問題", "channel": "Andrew Huberman", "stats": "4.4M次觀看 • 6天前", "thumbnail": "戴眼鏡說話的男子" },
{ "title": "如何學習任何事物（基於證據）", "channel": "Ali Abdaal", "stats": "2.7M次觀看 • 3個月前", "thumbnail": "男子閱讀書籍的向量插圖" },
{ "title": "最後生還者第二部分是一部傑作", "channel": "Naughty Dog", "stats": "2.3M次觀看 • 3年前", "thumbnail": "最後生還者中的艾莉" },
{ "title": "lofi hip hop radio - 放鬆/學習的節拍", "channel": "Lofi Girl", "stats": "直播中", "thumbnail": "Lofi女孩在書桌前學習" }
]
}
},
"taskbar": {
"os": "Windows",
"icons": ["開始", "搜尋", "工作檢視", "檔案總管", "Edge", "Spotify"],
"system_tray": "08:34 03/04/2024"
}
}
機器翻譯 — 實際產出作品的是原文 prompt。
原文 Prompt
{
"type": "desktop web browser UI screenshot",
"environment": "{argument name=\"os environment\" default=\"Windows 11 desktop\"}",
"theme": "{argument name=\"ui theme\" default=\"dark mode\"}",
"browser_window": {
"tabs": ["YouTube", "New Tab"],
"url_bar": "youtube.com",
"profile_icon": "{argument name=\"profile initial\" default=\"M\"}"
},
"app_interface": {
"header": {
"logo": "{argument name=\"website name\" default=\"YouTube\"} GB",
"search_bar": "Search",
"icons": ["mic", "create", "notifications", "profile"]
},
"filter_bar": {
"active_filter": "{argument name=\"active filter\" default=\"All\"}",
"count": 11,
"labels": ["All", "Gaming", "Music", "Live", "Podcasts", "Mixes", "Science", "Lo-fi", "Thrillers", "Recently uploaded", "Watched"]
},
"sidebar": {
"sections": [
{ "title": "Main", "count": 3, "labels": ["Home", "Shorts", "Subscriptions"] },
{ "title": "You", "count": 6, "labels": ["Your channel", "History", "Playlists", "Your videos", "Watch later", "Liked videos"] },
{ "title": "Subscriptions", "count": 8, "labels": ["Linus Tech Tips", "MrBeast", "Kurzgesagt - In a Nutshell", "ColdFusion", "3Blue1Brown", "Khan Academy", "Veritasium", "Show more"] },
{ "title": "Explore", "count": 7, "labels": ["Trending", "Music", "Films", "Live", "Gaming", "News", "Sport"] },
{ "title": "More from YouTube", "count": 3, "labels": ["YouTube Premium", "YouTube Music", "YouTube Kids"] }
]
},
"main_content": {
"layout": "3 columns by 4 rows grid",
"count": 12,
"video_cards": [
{ "title": "Why Build Your Own GPU is Almost Impossible", "channel": "Linus Tech Tips", "stats": "164K views • 1 day ago", "thumbnail": "CPU/GPU chip" },
{ "title": "Survive 100 Days In Circle, Win $500,000", "channel": "MrBeast", "stats": "40M views • 5 days ago", "thumbnail": "MrBeast with crowd in blue tracksuits" },
{ "title": "What If We Nuke an Asteroid?", "channel": "Kurzgesagt - In a Nutshell", "stats": "4.2M views • 6 hours ago", "thumbnail": "Missile hitting asteroid in space" },
{ "title": "How Dubai Became a $10 Billion City", "channel": "ColdFusion", "stats": "1.6M views • 2 weeks ago", "thumbnail": "Man and Dubai skyline" },
{ "title": "The Beautiful Math of Euler's Identity", "channel": "3Blue1Brown", "stats": "2.8M views • 3 months ago", "thumbnail": "Math equation and spiral graph" },
{ "title": "The World in 2040 - Population, Climate & More", "channel": "Veritasium", "stats": "7.7M views • 2 weeks ago", "thumbnail": "Lush green forest aerial view" },
{ "title": "I've Been Using Linux For 12 Years, This Is What Finally...", "channel": "DistroTube", "stats": "160K views • 3 days ago", "thumbnail": "Laptop and smartphone with Linux logo" },
{ "title": "Black Holes Explained - From Birth to Death", "channel": "Khan Academy", "stats": "3.9M views • 3 months ago", "thumbnail": "Glowing black hole accretion disk" },
{ "title": "The Problem With Diet Advice", "channel": "Andrew Huberman", "stats": "4.4M views • 6 days ago", "thumbnail": "Man with glasses speaking" },
{ "title": "How to Learn Anything (Evidence-Based)", "channel": "Ali Abdaal", "stats": "2.7M views • 3 months ago", "thumbnail": "Vector illustration of man reading a book" },
{ "title": "The Last of Us Part 2 is a Masterpiece", "channel": "Naughty Dog", "stats": "2.3M views • 3 years ago", "thumbnail": "Ellie from The Last of Us" },
{ "title": "lofi hip hop radio - beats to relax/study to", "channel": "Lofi Girl", "stats": "LIVE", "thumbnail": "Lofi girl studying at desk" }
]
}
},
"taskbar": {
"os": "Windows",
"icons": ["Start", "Search", "Task View", "File Explorer", "Edge", "Spotify"],
"system_tray": "08:34 03/04/2024"
}
}