黄台窗口的寓目界面，应让视频、播放控制和片目选择各在合适的位置：翻开后先看到播放器，随后能找到目今问题、音量和进度控制，再按需浏览相关推荐。下面以一套通用结构为例，说明各区域怎样配合；详细尺寸是设计参考值，不代表某一特定版本或装备的牢靠规格。
主体结构：播放器占有视觉中心
窗口中央安排横向播放器，深色底框镌汰周边滋扰�Ｗ钕炔シ徘�，画面可显示预览图和醒目的播放按钮；播放后，视频铺满播放器区域。目今片目的题紧邻播放器，观众切换条目时可以连忙核对名称，阻止把相似缩略图认错。
播放器周围应留出适当逍遥，问题和操作按钮不要挤进画面。桌面宽屏可以在播放器旁安排片目列表；窄屏则把列表移到播放器下方。缩小浏览器窗口时，播放器按比例缩放，不横向撑破视口，问题、画面和控制栏依次排列。
| 结构字段 | 参考规格 | 对应作用 |
|---|---|---|
| 播放器画幅 | 16:9 | 坚持常见横向视频比例 |
| 桌面播放器最大宽度 | 1120 px | 阻止宽屏下画面太过拉伸 |
| 桌面推荐栏宽度 | 280 px | 容纳缩略图与简短问题 |
| 窄屏结构切换点 | 768 px | 将侧栏调解到播放器下方 |
| 触控按钮最小尺寸 | 44 × 44 px | 降低手机上误触的概率 |
播放控制：常用操作集中泛起
控制栏沿视频底部排列，包括播放或暂停、进度条、音量调理和全屏切换。播放按钮认真最先与暂停，进度条标出目今位置并允许拖动，音量按钮用于静音或调解响度，全屏按钮则扩大画面。把这些操作放在牢靠位置，观众无需在周边栏目里逐个寻找。
每次操作都应有清晰反�。涸萃：蟀磁ネ夹嗡孀刺谋�，拖动进度条后画面跳到对应时刻，切换全屏后提供容易识别的退收支口�；撼迨笨稍诨嬷醒胂允酒诖嵝�；指针移开后控制栏可以收起，重新移动指针时再泛起，阻止长时间遮挡视频。
问题与片目选择
播放器旁或下方显示目今片目名称，并用缩略图和简短问题区分其他条目。列表较长时，可按主题或更新时间分组，阻止把大宗卡片一连堆在一起。被选中的片目可用边框、底色或清晰标记突出，让观众确认即将播放的是哪一项。
相关推荐不应笼罩视频画面�？砥磷氨缚山舾煽ㄆ旁诓嗬�，每张卡片配一张缩略图和一行名称；手机屏幕空间有限，则把卡片改为播放器下方的纵向列表。这样既保存切换入口，也不会挤压主要寓目区域。
窗口层级与浏览节奏
翻开界面后，观众的视线先落在问题和播放器，再转向控制栏与相关推荐。首屏不宜同时堆放弹窗、装饰提醒和过多栏目；将播放操作放在视频边沿，把片目说明安排在下方，层级会更容易识别。
窗口边沿保存适度留白，播放器没关系贴屏幕边框。配景、问题和按钮通过明暗、字号与间距形成区分，阻止所有元素争抢注重力。观众应能迅速找到画面、确认正在播放的片目，并知道怎样暂停、调理音量或切换条目。
差别屏幕下的寓目体现
电脑浏览器的横向空间较富足，可以并排显示播放器和推荐栏。窗口变窄时，推荐栏应先收窄或移到下方，控制按钮仍坚持足够间距，不可因缩放而重叠。通俗窗口与全屏状态之间切换时，目今问题仍应和播放器坚持对应。
手机上应优先包管触控区域和画面比例。竖屏浏览时，播放器、控制栏和片目列表接纳上下排列；横屏播放时，画面只管扩大，同时让退出全屏的操作容易找到。结构随屏幕宽度重新排列，比纯粹缩小桌面结构更利于一连寓目。
整体体验特点
黄台窗口的使用体验，主要由播放器识别度、控制操作的清晰水平和片目切换的便当性决议。问题与缩略图资助观众识别条目，进度条和音量按钮处置惩罚播放历程，推荐列表提供后续选择。各区域分工明确，观众就不必重复寻找入口。
一套清晰的窗口结构，会把视频放在中心，以控制栏承接播放操作，再用问题和片目列表补足选择。它不需要依赖繁杂装饰：观众翻开后能找到画面、看清目今片目、调解播放状态，也能随手选择下一项。
Android版
iPhone版