黄台窗口的旁观界面，，，，，，应让视频、播放节造和片目选择各在相宜的地位：打开后先看到播放器，，，，，，随后能找到当前标题、音量和进度节造，，，，，，再按需浏览有关推荐。。。。。。。。下面以一套通用布局为例，，，，，，注明各区域若何共同；；；；；；；；具体尺寸是设计参考值，，，，，，不代表某一特定版本或设备的固定规格。。。。。。。。

主体布局：播放器占据视觉中心

窗口中央铺排横向播放器，，，，，，深色底框削减周边滋扰。。。。。。。？？？？？Ｆ鹜凡シ徘，，，，，，画面可显示预览图和能干的播放按钮；；；；；；；；播放后，，，，，，视频铺满播放器区域。。。。。。。。当前片指标题紧邻播放器，，，，，，观多切换条款时能够立即查对名称，，，，，，预防把类似缩略图认错。。。。。。。。

播放器周围应留出适当空地，，，，，，标题和操作按钮不要挤进画面。。。。。。。。桌面宽屏能够在播放器旁铺排片目列表；；；；；；；；窄屏则把列表移到播放器下方。。。。。。。。缩幼浏览器窗口时，，，，，，播放器按比例缩放，，，，，，不横向撑破视口，，，，，，标题、画面和节造栏顺次分列。。。。。。。。

播放节造：常用操作集中出现

节造栏沿视频底局部列，，，，，，蕴含播放或暂停、进度条、音量调节和全屏切换。。。。。。。。播放按钮掌管起头与暂停，，，，，，进度条标出当前地位并允许拖动，，，，，，音量按钮用于静音或调整响度，，，，，，全屏按钮则扩大画面。。。。。。。。把这些操作放在固定地位，，，，，，观多无需在周边栏目里逐个寻找。。。。。。。。

每次操作都应有明显反。。。。。。。。涸萃：蟀磁ネ夹嗡孀刺ぷ，，，，，，拖动进度条后画面跳到对应时刻，，，，，，切换全屏后提供容易辨认的退出入口。。。。。。。。；；；；；；；撼迨笨稍诨嬷醒胂允酒诖嵝眩；；；；；；；指针移开后节造栏能够收起，，，，，，沉新移动指针时再出现，，，，，，预防长功夫遮挡视频。。。。。。。。

标题与片目选择

播放器旁或下方显示当前片目名称，，，，，，并用缩略图和简短标题区吩熹他条款。。。。。。。。列表较长时，，，，，，可按主题或更新功夫分组，，，，，，预防把大量卡片陆续堆在一路。。。。。。。。被选中的片目可用边框、底色或清澈象征凸起，，，，，，让观多确认即将播放的是哪一项。。。。。。。。

有关推荐不应覆盖视频画面。。。。。。。？？？？？？砥辽璞缚山舾煽ㄆ旁诓嗬，，，，，，每张卡片配一张缩略图和一行名称；；；；；；；；手机屏幕空间有限，，，，，，则把卡片改为播放器下方的纵向列表。。。。。。。。这样既保留切换入口，，，，，，也不会挤压重要旁观区域。。。。。。。。

窗口层级与浏览节拍

打开界面后，，，，，，观多的视线先落在标题和播放器，，，，，，再转向节造栏与有关推荐。。。。。。。。首屏不宜同时堆放弹窗、装璜提醒和过多栏目；；；；；；；；将播放操作放在视频边缘，，，，，，把片目注明铺排鄙人方，，，，，，层级会更容易辨认。。。。。。。。

窗口边缘保留适度留白，，，，，，播放器不要紧贴屏幕边框。。。。。。。。布景、标题和按钮通过明暗、字号与间距形成分辨，，，，，，预防所有元素争抢把稳力。。。。。。。。观多应能迅速找到画面、确认在播放的片目，，，，，，并知路若何暂停、调节音量或切换条款。。。。。。。。

分歧屏幕下的旁观阐发

电脑浏览器的横向空间较充足，，，，，，能够并排显示播放器和推荐栏。。。。。。。。窗口变窄时，，，，，，推荐栏应先收窄或移到下方，，，，，，节造按钮仍维持足够间距，，，，，，不能因缩放而沉叠。。。。。。。。通常窗口与全屏状态之间切换时，，，，，，当前标题仍应和播放器维持对应。。。。。。。。

手机上应优先保障触控区域和画面比例。。。。。。。。竖屏浏览时，，，，，，播放器、节造栏和片目列表选取高低分列；；；；；；；；横屏播放时，，，，，，画面尽量扩大，，，，，，同时让退出全屏的操作容易找到。。。。。。。。布局随屏幕宽度沉新分列，，，，，，比单纯缩幼桌面布局更利于陆续旁观。。。。。。。。

整体履历特点

黄台窗口的使用履历，，，，，，重要由播放器鉴别度、节造操作的清澈水平和片目切换的方便性决定。。。。。。。。标题与缩略图援手观多辨认条款，，，，，，进度条和音量按钮处置播放过程，，，，，，推荐列表提供后续选择。。。。。。。。各区域分工明确，，，，，，观多就不用反复寻找入口。。。。。。。。

一套明显的窗口布局，，，，，，会把视频放在中心，，，，，，以节造栏承接播放操作，，，，，，再用标题和片目列表补足选择。。。。。。。。它不必要依附繁芜装璜：观多打开后能找到画面、看清当前片目、调整播放状态，，，，，，也能顺手选择下一项。。。。。。。。