Streamly · Module UI Kit

Streamly 视频社区 · 五模块高保真原型

按功能拆分为 5 个可独立交付的模块,每个模块的所有页面放在同一张 mockup 画布内横向排列、互不影响: ① 首页推荐 ② 视频播放 ③ 发现探索 ④ 个人中心 ⑤ 创作中心。 全部使用玻璃拟态与 Tailwind 工具类,图标统一走 Lucide Static CDN。

1 / 5 首页推荐 Tailwind CDN Lucide Static Glassmorphism
search 搜索视频、频道、播放列表 ⌘K
为你推荐 音乐游戏编程 纪录片美食健身
芯片特写
独家

从零手写一个神经网络:90 分钟完整实现

Deep Dive · 12.4 万次观看 · 3 天前

play

关注了 3 位创作者的新作

每天 08:00 更新

今日观看时长

1 小时 42 分

超过 78% 的用户

继续观看

12:08

城市漫游:夜上海 4K

看到 18:24

14:22

远程团队的一天:异步协作实录

工作台 · 8.2 万次观看

LIVE

深夜爵士电台 · 每一晚都不一样

2.3 万人在看

21:05

一人食:15 道快手晚餐

厨房日记 · 32 万次观看

36:40

居家训练:零器械 30 分钟

运动日常 · 15 万次观看

模块 ① 首页推荐 · 侧边导航 / 顶栏搜索 / 焦点内容 / 四列瀑布

城市漫游:夜上海 4K
夜上海
07:42 / 19:30

城市漫游:夜上海 4K · 外滩到陆家嘴的 90 分钟

128.6 万次观看 · 3 天前 · 摄影 · 上海

林岸的镜头

42.8 万粉丝

分享 AI 总结
本章要点:00:00 外滩夜景开场 · 04:20 陆家嘴天际线延时 · 09:55 苏州河沿岸夜景 · 15:10 地铁口的人间烟火。

接下来播放

22:10

城市高空视角:无人机带你看深圳

航拍日记 · 56 万次观看

16:44

京都的雨季:一个人走了三十座寺

慢行 Japan · 31 万次观看

LIVE

深夜写作直播:一起写完第三章

写作间 · 8600 人在看

28:02

拆解三部悬疑片的开场调度

影视课 · 18 万次观看

模块 ② 视频播放 · 播放器控制 / 频道信息 / AI 章节 / 相关推荐

发现

按兴趣探索今天的内容

地区:中国大陆近 7 天
热

铲屎官的一天:猫咪行为学解读

动物星球 · 92 万次观看

18:20

从 0 到 1 做一场发布会

产品手记 · 44 万次观看

11:05

每天 10 分钟英语:跟读挑战 Day 30

语言实验室 · 210 万次观看

24:48

复古游戏改造:把掌机做成桌面

硬件改造 · 77 万次观看

上升趋势

1极简书桌改造+218%
2AI 工作流实测+164%
3露营装备清单+121%
4城市漫步路线+96%

为你精选的频道

查看全部

野生程序员

88 万订阅

订阅

厨房小灶

203 万订阅

订阅

山野放映室

51 万订阅

订阅

继续你的主题

「现代前端」主题还有 12 个未看完

模块 ③ 发现 · 趋势榜 / 频道推荐 / 主题续看

陆见川

@lujianchuan · 加入 3 年

42

订阅

186

关注

1.2万

获赞

概览 视频播放列表收藏历史

最近上传

18:24

第 12 期:把旧笔记本改成家庭服务器

3 天前 · 12.4 万次观看 · 公开

26:10

给非技术同事讲清楚「缓存」这件事

1 周前 · 8.9 万次观看 · 公开

09:52

每周开源速递 · 第 38 期

2 周前 · 5.2 万次观看 · 定时发布

频道数据 · 近 28 天

观看时长 1,284 小时↑ 18.4%

最近里程碑

单条视频突破 10 万观看3 天前
订阅数突破 1 万2 周前
完成平台创作学院认证1 个月前

模块 ④ 个人中心 · 资料卡 / 内容管理 / 频道数据 / 里程碑

创作中心

草稿箱 6定时发布 2

内容列表

视频状态数据操作
把旧笔记本改成家庭服务器 已发布 12.4 万
给非技术同事讲清楚「缓存」 定时发布 —
每周开源速递 · 第 38 期 草稿 —
桌面系统装机实录(下) 版权申诉中 3.1 万

观众留存曲线

前 30 秒流失偏高,建议在前 15 秒加入结论

流量来源

推荐页46%
搜索27%
外部18%
频道页9%

上传与发布

拖拽视频到此处上传

支持 MP4 / MOV,最大 20 GB

标题

给非技术同事讲清楚「缓存」这件事21/100

标签

#技术科普 #职场 #缓存 + 添加

封面与缩略图

AI 检查:字幕已生成(中/英),未发现敏感内容;建议补充章节标记以提升完播率。

模块 ⑤ 创作中心 · 内容管理 / 数据洞察 / 上传发布

模块状态

检查项当前值期望值判定

快捷键:← / → 切换模块,Home / End 跳首尾,空格 播放/暂停。地址栏 #m2 可直接定位到模块 ②。

① 首页推荐

焦点内容 + 四列瀑布 + 继续观看,弱化侧栏突出内容密度。

② 视频播放

播放器常驻控制条,右侧推荐不打断观看,AI 章节降低跳出。

③ 发现

趋势榜 + 频道推荐 + 主题续看三卡并列,突出「没看完」的心理。

④ 个人中心

把「我在消费」切换成「我在创作」,数据可视化增强留存。

⑤ 创作中心

列表管理 + 上传流程 + 留存曲线与流量来源,形成创作者闭环。