黄台窗口的旁观界面，应让视频、播放节造和片目选择各在相宜的地位：打开后先看到播放器，随后能找到当前标题、音量和进度节造，再按需浏览有关推荐。下面以一套通用布局为例，注明各区域若何共同；具体尺寸是设计参考值，不代表某一特定版本或设备的固定规格。
主体布局：播放器占据视觉中心
窗口中央铺排横向播放器，深色底框削减周边滋扰�Ｆ鹜凡シ徘�，画面可显示预览图和能干的播放按钮；播放后，视频铺满播放器区域。当前片指标题紧邻播放器，观多切换条款时能够立即查对名称，预防把类似缩略图认错。
播放器周围应留出适当空地，标题和操作按钮不要挤进画面。桌面宽屏能够在播放器旁铺排片目列表；窄屏则把列表移到播放器下方。缩幼浏览器窗口时，播放器按比例缩放，不横向撑破视口，标题、画面和节造栏顺次分列。
| 布局字段 | 参考规格 | 对应作用 |
|---|---|---|
| 播放器画幅 | 16:9 | 维持常见横向视频比例 |
| 桌面播放器最大宽度 | 1120 px | 预防宽屏下画面过度拉伸 |
| 桌面推荐栏宽度 | 280 px | 包容缩略图与简短标题 |
| 窄屏布局切换点 | 768 px | 将侧栏调整到播放器下方 |
| 触控按钮最幼尺寸 | 44 × 44 px | 降低手机上误触的概率 |
播放节造：常用操作集中出现
节造栏沿视频底局部列，蕴含播放或暂停、进度条、音量调节和全屏切换。播放按钮掌管起头与暂停，进度条标出当前地位并允许拖动，音量按钮用于静音或调整响度，全屏按钮则扩大画面。把这些操作放在固定地位，观多无需在周边栏目里逐个寻找。
每次操作都应有明显反�。涸萃：蟀磁ネ夹嗡孀刺ぷ�，拖动进度条后画面跳到对应时刻，切换全屏后提供容易辨认的退出入口�；撼迨笨稍诨嬷醒胂允酒诖嵝�；指针移开后节造栏能够收起，沉新移动指针时再出现，预防长功夫遮挡视频。
标题与片目选择
播放器旁或下方显示当前片目名称，并用缩略图和简短标题区吩熹他条款。列表较长时，可按主题或更新功夫分组，预防把大量卡片陆续堆在一路。被选中的片目可用边框、底色或清澈象征凸起，让观多确认即将播放的是哪一项。
有关推荐不应覆盖视频画面�？砥辽璞缚山舾煽ㄆ旁诓嗬�，每张卡片配一张缩略图和一行名称；手机屏幕空间有限，则把卡片改为播放器下方的纵向列表。这样既保留切换入口，也不会挤压重要旁观区域。
窗口层级与浏览节拍
打开界面后，观多的视线先落在标题和播放器，再转向节造栏与有关推荐。首屏不宜同时堆放弹窗、装璜提醒和过多栏目；将播放操作放在视频边缘，把片目注明铺排鄙人方，层级会更容易辨认。
窗口边缘保留适度留白，播放器不要紧贴屏幕边框。布景、标题和按钮通过明暗、字号与间距形成分辨，预防所有元素争抢把稳力。观多应能迅速找到画面、确认在播放的片目，并知路若何暂停、调节音量或切换条款。
分歧屏幕下的旁观阐发
电脑浏览器的横向空间较充足，能够并排显示播放器和推荐栏。窗口变窄时，推荐栏应先收窄或移到下方，节造按钮仍维持足够间距，不能因缩放而沉叠。通常窗口与全屏状态之间切换时，当前标题仍应和播放器维持对应。
手机上应优先保障触控区域和画面比例。竖屏浏览时，播放器、节造栏和片目列表选取高低分列；横屏播放时，画面尽量扩大，同时让退出全屏的操作容易找到。布局随屏幕宽度沉新分列，比单纯缩幼桌面布局更利于陆续旁观。
整体履历特点
黄台窗口的使用履历，重要由播放器鉴别度、节造操作的清澈水平和片目切换的方便性决定。标题与缩略图援手观多辨认条款，进度条和音量按钮处置播放过程，推荐列表提供后续选择。各区域分工明确，观多就不用反复寻找入口。
一套明显的窗口布局，会把视频放在中心，以节造栏承接播放操作，再用标题和片目列表补足选择。它不必要依附繁芜装璜：观多打开后能找到画面、看清当前片目、调整播放状态，也能顺手选择下一项。
Android版
iPhone版