01 · 视觉方向
内容优先的深色画布
以 #0B0B0D 为底,缩略图承担主要色彩;界面控件降低存在感。红色只用于品牌、直播和关键 CTA。
YouTube · mobile redesign
少一点噪音,多一点沉浸
针对移动端观看场景重构信息层级:用玻璃拟态承载浮层,用深色画布突出内容本身。 覆盖首页、Shorts、播放页、搜索、频道、媒体库、上传与个人中心八个核心功能。
8
核心页面
375
iPhone 基准宽
1
统一视觉语言
01 · 视觉方向
以 #0B0B0D 为底,缩略图承担主要色彩;界面控件降低存在感。红色只用于品牌、直播和关键 CTA。
02 · 玻璃拟态
玻璃只用于头部、底部导航、播放控件与 Premium 卡片,保持背景内容可感知,不堆叠无意义模糊。
03 · 信息层级
缩略图 16:9,标题最多两行,频道与观看数据合并为一行。操作按钮优先图标,减少文字噪音。
04 · 移动交互
主操作集中在底部 1/3;Shorts 使用全屏手势;播放页支持双击快进、上滑看评论的常见视频手势。
Prototype gallery
每个功能以独立 375 × 812 mockup 呈现,框内可滚动;桌面端自动换行,窄屏横向滑动。
山野放映室 · 128 万次观看 · 2 天前
日常研究所 · 36 万次观看
街角频道 · 89 万次观看
工程日志 · 54 万次观看 · 1 周前
01 · 首页信息流
玻璃底部导航、主视频、双列卡片与 Shorts 货架;红色仅用于品牌和关键入口。
凌晨四点的城市,原来有另一种呼吸方式。#城市漫游 #夜景
02 · Shorts
全屏沉浸、右侧操作轨、玻璃点赞按钮与音乐跑马灯;上下滑切换。
128 万次观看 · 2 天前 · #旅行 #纪录片
山野放映室
86.4 万订阅者
海拔 4,200 米的第一缕光。没有闹钟,也没有行程表,只有风、雪和慢慢亮起来的天。
评论 2,318
@slowtravel · 3 小时前
看到日出那一段突然安静下来了。谢谢你替我们去了这么远的地方。
接下来
在森林里住七天,不带手机
山野放映室 · 42 万次观看
湖边露营:把周末还给自己
慢速生活 · 18 万次观看
03 · 播放页
悬浮播放控件、玻璃操作条、可折叠简介与评论预览;下方承接推荐。
最近热门
独自旅行第 7 天:在雪山脚下等一场日出
山野放映室 · 128 万次观看
4K · 中文字幕
一个人去湖边:轻装徒步的 5 个建议
慢速生活 · 42 万次观看
徒步 · 装备清单
森林里的七天:不带手机之后发生了什么
山野放映室 · 86 万次观看
纪录片 · 推荐
频道
山野放映室
86.4 万订阅者 · 124 个视频
最近搜索
04 · 搜索与发现
搜索框常驻、类型筛选、结果卡片与频道入口;最近搜索可单条删除。
@mountainroom · 86.4 万订阅者 · 124 个视频
记录高山、森林与慢速生活。每周更新一支纪录片,偶尔直播日出。
精选视频
查看全部128 万次观看 · 2 天前
最新上传
森林里的七天
86 万次观看
湖边露营的 48 小时
42 万次观看
日出直播回放
18 万次观看
从山野回到城市
9.6 万次观看
05 · 频道页
横幅、头像、订阅与简介;精选视频与两列最新上传形成内容层级。
继续观看
清除在雪线之上醒来:一次没有计划的独自旅行
山野放映室 · 剩余 6:36
从零构建一个实时协作编辑器
工程日志 · 剩余 16:02
播放列表
新建周末慢速生活
12 个视频 · 私人
工程灵感
28 个视频 · 公开
下载内容
管理湖边露营的 48 小时
已下载 · 720p · 186 MB
06 · 媒体库
历史、播放列表、下载与稍后观看聚合;继续观看显示进度与剩余时长。
上传视频
草稿snow-morning-final.mp4
4K · 18:42 · 2.4 GB
上传完成 · 已通过基础检查
封面
24 / 100
公开
所有人都可以观看
立即发布
也可以预约首映
AI 摘要与章节
自动生成章节与简介草稿
07 · 上传与发布
上传状态、封面选择、标题描述、可见性与发布按钮;AI 辅助章节生成。
小禾
@xiaohe · 128 个订阅 · 36 个视频
YouTube Premium
无广告,后台播放
还可离线下载与收听 YouTube Music
36
我的视频
128
订阅频道
42
稍后观看
本页面为 UI 概念设计,不代表 YouTube 官方产品。
所有内容与数据均为原型演示。
08 · 个人中心
账户、Premium 玻璃卡片、数据概览与设置入口;强调这是概念设计。
Design handoff
以下令牌与交互约定可直接映射为 Tailwind 配置或设计系统组件。
色彩
字体与节奏
玻璃拟态配方
交互约定