YouTube UI · 模块化设计原型

玻璃拟态 · 高级质感 · Tailwind CDN · Lucide Static 图标 · Unsplash 封面 · 单 HTML 多 mockup 横排 · 无滚动条

① 首页信息流（移动端）

▶ YouTube
搜索视频、创作者
🔔
全部音乐游戏直播设计
用 10 分钟做出电影感转场 | 剪辑教程
影视飓风 · 128万次 · 2天前
⋮
首发实测！新款旗舰影像对比
科技美学 · 86万次 · 5小时前
🏠
首页🩳
Shorts＋📺
订阅👤
你

② 播放页 + 评论（独立 mockup）

4K 城市漫步 · 雨夜霓虹合集

986万次 · 3周前 · #城市 #治愈 …更多

城市漫步者
256万订阅
👍 12万 | 👎↗ 分享⬇ 下载
评论 8,214

@夜行者： 后半段的雨声绝了，已循环三遍…

③ Shorts 竖屏（独立 mockup）

@音乐现场

万人合唱现场有多震撼？🎤

♫ 原创音乐 - 现场收音

❤️
86万💬
2.1万↗
分享

④ 订阅 + 个人中心（独立 mockup）

订阅内容

访谈

科技

音乐

游戏
每周新发现
为你推荐 · 32 首
🕘 历史记录›
⏱ 稍后观看 · 48›
👍 喜欢的视频 · 312›

图标语义使用 Lucide Static 意图（▶/🔔/👍 均为系统语义符号，联网加载 Tailwind/Unsplash）；每个功能独立 mockup 边框、互不影响；已隐藏滚动条。