如何放置字幕,避免遮挡重要界面
演示终于来到真正有用的时刻,光标点击了观众想找的按钮。偏偏此时,两行字幕盖在按钮上。视频有字幕,文字也准确,关键操作说明却被藏了起来。
这种情况常常是因为录屏与布局已获批准,才开始添加字幕。此时画面下方已经有工具栏、结果通知,可能还有装饰标题,字幕层再没有合理落脚点。
视频字幕需要作为产品演示构图的参与者提前规划。它负责保留可听信息,必须与让演示有用的视觉证据共存。避开一次碰撞只是开始,真正的任务,是让不断变化的整个序列都可读。
把字幕与其他文字分开
字幕表示语音或相关可听信息,标注识别图像中的对象,场景标题告诉观众当前章节讲什么,界面文字则属于产品本身。这些职责在视觉上重叠,却不应互相替代。
想象一个虚构的分析教程。旁白说“选择按月比较”,字幕记录这句话。控件旁的标注可能写“比较周期”,界面本身则含有“Previous month”(上个月)选项。三者同等突出并无必要,但因为有标题就删掉字幕,也会丢掉一部分口头解释。
先改写后期解释层。保留口头字幕,让真实界面标签说明选中的值,只有确实解决歧义时才保留标注。这样能减少竞争,又不要求字幕轨承担别的职责。
使用一致的视觉区分。字幕可以位于可预期的阅读区域,小标注则附着在目标旁。避免把字幕做得像可点击界面控件。观众不该猜哪些词属于产品,哪些是剪辑者加的。
Netflix 已有的示例
Netflix 的通用定时文字指南要求避免与画面文字重叠,强制叙事字幕文档则展示了真实例子:翻译文字位于现有标签上方,而不是盖住标签。它也描述播放控件出现时如何重新放置字幕。这个原则不只适用于电影:可用字幕空间,是文字、画面与播放器状态之间的关系。Netflix:理解强制叙事字幕
左侧示例中,下方英文地点与日期保留,西班牙语文字放在上方。产品教程中,也应围绕观众需要检查的控件与结果作同样决定。
注意,示例保留了两类信息。它没有通过抹掉原标签来解决翻译,也没有把译文缩得太小来解决构图。产品字幕同样值得在必要时重新安排周围画面。
按时间梳理观众需要看见什么
单一安全区矩形无法描述产品演示。重要控件可能先在顶部,进入展开菜单,再在底部附近产生通知。必须保持清楚的区域,会随任务改变。
定下字幕位置前,先建立简短事件列表。每个事件找出操作目标、结果状态,以及解释状态所需的文字。简单短片不必做逐帧表格,但必须注意字幕的固定区域何时与演示冲突。
分析案例里,比较下拉菜单可能在右上,结果却在下方图例中。底部字幕在选择时无害,在理解结果时却有害。这提示你应改变构图,或在自然边界有意识地调整字幕位置。
不要让字幕追逐光标。不断变位会让阅读位置不可预测,还可能在半句话中途制造新碰撞。优先采用少数稳定区域,分别对应教程中连贯的章节。
缩小字幕之前,先给产品重新取景
字幕遮住重要控件时,很容易想缩字号。它保留截图,看似解决碰撞,却把明显重叠换成不太明显的阅读问题,小屏幕上尤其如此。
先尝试在构图中移动或缩放产品裁切。录屏下方适度留白,可以建立稳定字幕区;更紧凑的裁切,可以放大相关界面,同时给别处字幕留空间。这些变化常能同时改善两层。
不要把整个桌面窗口放在大字幕带上方,却让所有标签都变得很小。目标不是不惜代价留空间,而是按场景的信息优先级分配空间。缺失区域与操作无关时,产品录屏可以只展示一部分。
场景确实需要完整界面时,可以先用独立全景介绍,再给特写。先建立控件位置,再靠近展示操作。观众得到方向感,却不必在两行语音字幕下检查整个桌面。
用句子边界引导位置变化
一句话说到一半,字幕从底部跳到顶部,会迫使观众搜索后半句。位置变化与新字幕事件、新场景或任务阶段重合时,更容易跟随。
在有意义的位置拆分旁白。“选择按月比较”属于选择阶段;“图表现在对比上个月同期”属于结果阶段。拆开之后,如果结果需要画面下方,就有了合理机会移动字幕区域。
换行也重要。Netflix 通用指南建议按语言单位断行,而不是拆开紧密关联的词。对产品视频来说,启示很直接:不要让任意文本框宽度拆开产品名、数字与单位,或否定词与它限定的陈述。Netflix:定时文字通用要求
在目标平台字幕限制内,保留可读词组。视觉对称的换行,仍可能拆开产品名称,或让单位脱离数字。
根据实际播放器选择开放式或可关闭字幕
不是每种字幕格式或托管平台都会保留样式和位置信息。字幕编辑器可能让你在预览里定位文字,最终播放器却使用自己的规则。围绕某种行为设计之前,先测试交付链路能否保留它。
例如,Wistia 文档说明,上传的 WebVTT 会转成 SRT,转换不支持样式或位置指令。这是验证平台行为的具体理由,不能只依赖源格式的表达能力。Wistia:逐字稿与字幕
如果字幕位置由目标平台控制,就在视频本身预留合适区域。需要精确的解释标签时,应把它们作为独立视觉标注,而不是假定字幕轨会像设计标题图层一样工作。
开放式字幕嵌入画面并始终可见;可关闭字幕则是独立轨道,观众可在支持的播放器中开关。选择影响位置,也影响维护。烧录字幕能更精确控制位置,但观众不能隐藏,翻译或修正也需要重新导出视频;独立字幕轨可以单独改变,位置却依赖目标播放器。保留干净母版和字幕文件,交付选择改变时就不必重建演示。
播放控件可见时也要检查
产品素材常把底边留给状态栏、文件标签或完成消息,播放器也可能把时间线和控件放在同一区域。字幕加入后,就有第三方争用同一空间。
在实际播放器暂停、播放和临近结尾时检查。适用悬停显示控件时,把指针移上去;手机上则检查点击后出现的控件。控件消失后的干净截图,不足以证明日常使用中演示仍然可读。
不要假定字幕自动移动,就一定移到安全位置。播放器可能把它抬到时间线上方,却恰好盖住产品通知。文件与播放器单独看都合理,组合却失败。
重要结果只短暂出现时,让它避开可能的控件区域,或随后展示稳定结果。这也帮助那些边看教程、边在另一窗口操作而暂停的人。暂停应当让指令更容易检查。
为暂停查看结果预留空间
仔细看暂停的 Netflix 示例。字幕紧挨进度条和控制行上方。播放器占用了下方相当宽的一条画面,可用阅读区也随之上移。
产品教程最有用的确认,往往恰好在这条区域。导出完成、链接已复制和已保存消息,常出现在边缘附近。观众暂停检查结果时,控件可能同时出现,迫使字幕压到通知上。
录制前就要围绕结果占用的区域规划。打开目标播放器控件,确认字幕位置,再对照需要展示的产品状态。如果冲突,就在构图中移动录屏,或用更近的裁切把结果放高。仅仅抬高字幕,也可能挡住下一条重要界面行。
短暂通知消失后,继续显示最终状态。导出时,除了短暂浮动通知,也展示结果文件或对应完成项。在另一个窗口跟着操作的人,返回后还能看到稳定结果。这比要求他们赶在控件出现前的狭窄时间内捕捉通知更可靠。
操作与结果分处不同角落时,把它们处理为两个刻意安排的视图。先建立操作,再给结果一个清楚画面和稳定字幕区。观众不该在阅读解释与验证完成之间二选一。
修改案例:导出报告
假设素材展示报告编辑器,右下有 Export 按钮,下载确认也在同一角落。点击发生时,旁白解释导出格式。底部字幕把按钮和确认都遮住了。
第一轮修改先减少可避免的冲突。把格式解释稍微提前,放在格式选择器可见时,并裁得更靠近选择器。随后用更短的口头句子展示导出动作,将字幕放到始终不挡控件的区域。
点击后,停在真实结果文件或确认可读的视图。不要用巨大装饰性“成功”标签盖住界面,反而遮蔽真实证据。如果独立标题有用,就给它不同位置和层级。
接着检查本节最长字幕,而不只是平均长度。多出一行就可能再次碰撞,翻译后也是如此。只适合最短英文句子的位置方案,还不算稳定构图。
布局审查包含可能出现的最长字幕
一个常见错误,是挑一句整齐的示例来做样稿。真实逐字稿后来包含产品名、技术词组和增加一行的限定条件。获批位置从未用实际承载内容测试过。
评估布局时,用真实逐字稿事件。包括最长事件、短事件,以及与最重要结果同时发生的事件。计划多语言时,使用有代表性、已经审阅的翻译,而不是重复字母组成的假字符串。真实词语产生真实换行,也能暴露排版困难。
还要检查运动背景上的对比度。深色导航栏上清楚的字幕,白色菜单在后面打开时可能消失。克制的底板处理可以稳定对比,但也会占用视觉空间。要把它占用的空间与界面一起测试,而不是孤立评价文字。正确处理应始终可读,同时保留下面的证据。
把字幕作为任务的一部分审查
拼写审查与碰撞审查不同。完美转写的句子也可能挡住错误位置,优雅字幕也可能包含错误金额或产品名。两者都要检查。
先对照音频与已批准术语核对字幕,再按预期显示尺寸观看。找出观众需要同时阅读界面与字幕的每个时刻,在那里暂停,检查组合画面。
最后,请人根据视频执行或描述任务。如果没找到控件,要确定它是被挡住、太小、出现太快,还是字幕用了不同名称。这些原因需要不同修改。
记录具体观察。“点击时字幕盖住了 Export”可以落实为动作;“字幕感觉别扭”则让下一位剪辑者猜测。少量准确时刻,通常比很长的一般样式偏好更有价值。
下次录制时,提早留出空间
最佳修复往往发生在录制之前。摆好窗口,让重要控件别紧贴边缘。产品允许时,隐藏无关面板。使用真实合理的数据,让相关结果紧凑可读,同时不歪曲工作流。
在关键操作周围规划几秒稳定素材。这给剪辑留下自然对齐字幕的余地,不必把文字硬塞过转场。停止录制前捕获完整结果,包括必要确认或生成文件。
带字幕的产品演示,应让观众既能阅读解释,也能检查证据。两层不该争抢同一块显示空间。位置、时间、裁切和交付一起考虑时,字幕就成为教程教学方式的一部分,最重要的界面也能在人们需要的那一刻保持可见。