UI/UX REFERENCE · FEATURE 01

视频社区 · 首页与推荐

功能目标:让用户 3 秒内决定「看什么」,并在浏览中不断获得新鲜感。 本页给出推荐首页、Shorts 竖屏流、分类聚合页三个页面的完整 UI 参考; 三个页面各自独立成框,宽度 375pt,便于直接进入开发。 视觉语言:深色底 + 玻璃拟态导航 + 圆角卡片,图标统一使用 Lucide Static。

设计规范:8px 圆角 / 12px 间距 / 16px 内边距 信息层级:封面 > 标题 > 频道 > 元信息 所有列表区域隐藏滚动条

页面 A · 推荐首页

菜单 Stream
搜索 提醒
推荐关注热门 音乐游戏直播新闻
封面
正在热播

城市夜景延时摄影:4K 航拍 60 分钟

光影实验室 · 12.4 万人在看

头像

我用一台旧胶片机拍了 1000 张废片,却拍下了最满意的黄昏

慢速快门 · 24 万次观看 · 3 天前

更多
头像

从零开始做一把大马士革钢刀(全流程记录)

铁匠阿远 · 8.7 万次观看 · 1 周前

更多
头像

深夜食堂:五分钟搞定的葱油拌面

一人食日记 · 45 万次观看 · 2 周前

更多

城市漫步 vol.07|雨后的巷子

剪辑技巧:让转场更顺滑

页面 B · Shorts 竖屏流

短视频封面
关注 推荐

3 个动作让房间瞬间有氛围感 #家居改造 #日常

@小满的屋子 · 128.6 万次观看

点赞 3.2万
评论 892
分享 分享
上一个 暂停 下一个

页面 C · 分类聚合页

返回 美食
搜索 筛选
按热度排序 下拉

家常红烧肉,肥而不腻的关键一步

老灶台 · 62 万次观看

新手也能做的披萨,零失败配方

芝士实验室 · 38 万次观看

一人食:十分钟番茄意面

一人食日记 · 45 万次观看

打工人午餐:食堂也能吃出仪式感

好好吃饭 · 19 万次观看

相关分类

家常菜烘焙快手菜 地方美食甜品咖啡