如何连接场景,让转场不分散注意力
转场即使制作得很漂亮,也可能让产品视频更难理解。画面旋转,界面化作粒子消散,下一个场景又精准地落入位置,效果令人印象深刻。接着,观众却要花一秒钟才能弄清自己现在看到了哪里。
这一秒很重要。旁白可能恰好在这一秒解释结果,一个小标签可能在这时出现,或下一步操作已经开始。转场消耗了下一个场景本来需要的注意力。
有用的动态图形转场,会告诉观众场景之间什么变了、什么没变。它帮助我们理解一张卡片变成了详情视图,一次操作产生了结果,对比切换到了另一个版本,或讨论主题已经改变。它是否成功,关键不在场景之间发生了多少事情,而在跨越场景之后,哪些关系依然清楚。
以一个虚构的报告工作流为例:选择报告、查看图表,然后分享结果。Material 已发布的编排示例,展示了共享元素如何连接这些状态。
从场景之间的关系开始
选择效果之前,先写清离场场景和入场场景之间发生了什么变化。“报告卡片打开成选中的报告”描述了一种关系;“用一个快速放大转场”则是在关系尚未明确时,就先作出了实现选择。
几种常见关系值得区别处理。详情视图属于画面上已经出现的某个对象;结果发生在操作之后;新主题可能与旧主题没有空间联系;前后对比则需要观众辨认出两个状态中相互对应的内容。
如果把这些变化统统处理成从右侧滑入,虽然风格一致,解释力却很弱。即使视频只是在换话题,方向也开始暗示导航关系。共享对象的展开还可能暗示,一个无关界面是前一画面的详情。不论剪辑者是否有意,运动都会传递含义。
在报告案例中,从卡片转到报告时,应当保留所选报告的身份;从图表转到分享确认时,应当保留因果关系;进入结尾的品牌信息时,则可以直接切镜,因为讨论层级已经改变。
这段简短的推理,能节省后续时间。当评审者说转场不对劲时,你可以进一步判断:是关系本身不对、关系被遮蔽了,还是执行效果过多?这些问题需要不同的修改。
保留一个可靠的视觉锚点
Google 的 Material 动效编排指南,用共享元素来解释连续性。它建议保持明确的焦点,并讨论表面与内容如何跨越转场连接。虽然这些是交互设计案例,但背后的视觉原则同样适用于视频:观众需要一个可靠的追踪对象。Material 动效编排指南展示了原始示例。
在已发布的收起示例中,大表面缩小时,可辨识的蓝色页头内容持续保留。旁边的时间示意图把卡片高度变化与离场的非共享内容不透明度变化分开表达。值得借鉴的是,并非所有东西一起消失:留下的内容负责维持身份,其余内容退让。应当借鉴这种职责分工,而不是把案例的具体时间数值当成所有产品视频的通用规则。
在报告序列中,选中的报告卡片有标题、缩略图,也有它在列表中的位置。你不必通过复杂运动把三者全部保留下来。让标题和报告中具有辨识度的一部分持续可见,可能就足以把后续详情视图连接起来。
锚点可以是对象、标签、位置,或稳定的视觉属性。关键是它是否能承载身份。一块普通蓝色矩形变成另一块普通蓝色矩形,虽然看起来连贯,却未必能告诉观众打开的是哪份报告。一个始终保留的短标题,可能比技术上很出色的形状变形更能解释关系。
锚点太多与没有锚点一样,都可能让人困惑。如果每张卡片、每个图标、标签和工具栏项目都独立移动,观众就会同时面对好几个可追踪对象。选择最能解释关系的元素,再让其他内容为它提供支持。
同一份 Material 指南中的单个共享元素示例,让这种选择更加明确。展开过程中,一个蓝色圆形始终保留,只改变位置。表面在它周围扩张,非共享文字发生变化。圆形提供连续性,同时不必强求新旧描述保持相同。
如果报告卡片的详情视图包含大量不同内容,这就是一个有用的模型。保留报告缩略图或可识别的标题作为锚点,让只属于摘要的内容离场,等关系建立后再引入详细控件。保留每个旧图标只会让转场更忙乱,并不能解释更多。用尽量少的共享元素,让观众依然知道打开了哪个对象。
区分镜头运动与产品行为
产品视频常常把真实界面录屏与后期镜头运动混合使用,而观众未必会自动分清两者。
卡片放大到占满画面,是产品正在打开详情,还是剪辑者在放大一张静态截图?工具栏滑走,是应用真的进入了某个状态,还是为了简化构图把它裁掉了?两种处理都可能合理,但剪辑不应暗示未经证实的交互能力。
保留这种区别的一种办法,是先建立真实操作,再引入后期运动。展示点击及其产生的界面状态,然后再放大相关内容。这样,观众能看清产品做了什么,以及视频正在强调什么。
另一种办法,是在截图周围使用明显属于视频编排的容器。镜头重新构图时,截图仍保持一个稳定的矩形。素材是静态图片而非录屏时,这种方式尤其有用。除非场景明确作为示意呈现,否则应避免把单个控件做成仿佛正在真实产品中工作的动画。
这种区别也影响时间处理。如果处理耗时是某项主张的核心,真实加载状态就不应通过转场消失,让人以为瞬间完成。为了精炼演示,可以缩短等待,但不能悄悄改写产品的性能含义。
在下一步操作前,让观众看清目的地
转场真正结束的时刻,是观众理解了新画面的时刻,不一定是最后一个动画属性停止变化的时刻。
假设报告展开成详细图表。它刚停稳,光标就移向一个很小的 Share 控件,旁白同时开始解释导出选项。观众必须同时认出图表、重新定位光标、找到控件并吸收讲解。时间线可能同步得非常精确,体验却依然仓促。
可以增加一小段帮助定位的时间,或减少画面重新组织的幅度。让图表标题保持稳定位置。如果镜头比例与界面状态同时改变会难以跟随,就不要让它们在同一瞬间变化。让下一步操作从观众已经有机会辨认的画面开始。
这不意味着每次转场后都要安排固定停顿。重复的停顿可能让序列显得机械。熟悉的视图几乎不需要重新定位,信息密集的新界面则需要更多时间。根据变化的信息量安排停稳后的时间。
一种有效的检查方式,是在转场刚结束时暂停,问自己观众接下来应该看哪里。如果答案依赖已经过去的旁白,就需要调整视觉上的注意力交接。终点画面应当足够明确,能够支持下一个事件。
转场无法提供有用连续性时,选择直接切镜
设计师有时会把直接切镜看成工作尚未完成。但在许多产品视频里,它恰恰是最清楚的转场方式。
切镜可以引入新主题,而不假装两者存在空间关系。它可以从问题陈述切入真实产品录屏,从界面演示转到客户引言,或从证据转入结尾行动。观众会明白,视频讨论的主题已经改变。
难点在于选好切出和切入画面。如果从一个密集界面切到另一个同样密集、比例相同但内容不同的界面,就可能让人迷失方向。简短标题、可识别的视觉结构,或刻意改变的构图,都能帮助解释这次切换。
不要用复杂转场遮掩尚未解决的剪辑连接。如果两个场景没有有用关系,形状变形只是在填补间隙;如果它们存在关系,就应辨明并保留。无论哪一种情况,解决内容上的连接,都比增加效果更有效。
直接切镜也可以创造节奏。始终漂浮运动的视频可能显得轻飘,难以快速把握内容。利落的切镜后接稳定画面,能为观众提供清楚的边界。把复杂转场留给关系本身值得占用注意力的时刻。
让方向与叙事保持一致
运动会让人对空间、顺序和层级形成预期。一个序列始终从左向右推进,随后突然反向,就可能让过程像是在倒退。用在撤销操作上也许有用,用在成功进入下一步时却容易造成困惑。
制作工作流视频时,要先决定方向表示的是进程、导航,还是单纯服务构图。如果它表示进程,就在相关序列中保持约定。如果界面自身采用不同的方向模型,真实产品行为应当优先于任意的后期剪辑习惯。
视频不需要时,不必给每个方向都赋予意义。简短的交叉淡化,可以改变重点而不建立空间模型。固定全局视图、仅改变高亮,也能展示流程推进,不必让整张图在屏幕上移动。
对比场景尤其要小心。如果“之前”向左移出,“之后”从右侧移入,运动可能被理解为替换。如果目标是仔细比较,匹配切镜或分屏可能更能保留对应关系。具体选择取决于观众应该比较、跟随,还是仅仅认出变化。
在本地化版本中,方向尤为重要,因为阅读习惯和界面布局可能不同。不要以为把所有转场反过来就够了。要检查运动、语言和产品状态之间的实际关系。
减少同时发生的变化
一次场景转场可以改变内容、比例、位置、颜色、纵深和朝向。六项同时变化也许很抢眼,却也几乎移除了观众用来追踪对象身份的所有线索。
选择真正能解释事件的变化维度。报告卡片打开成报告,可能需要改变比例和位置,但多半不需要再加上旋转、反色和模糊。强调图表中的一部分,可能只需要改变重点,而不必替换整个场景。
这时,克制就不只是审美偏好,而具有实际功能。减少同时变化的项目,更容易看清什么转变了、什么保持不变,也让下一画面与上一画面联系得更紧密。
如果动画由源码定义,可以把容器与次要内容的时间安排分开。先移动表面,等目的地明确后再展示详细控件。延迟要足够短,避免让产品显得缓慢,也要确保没有藏起重要步骤。
使用录屏界面时,要留意意外的重复运动。真实面板可能已经自带入场动画,再给整个录屏加上后期滑动,就可能让面板在两个坐标系中各移动一次。即使每个效果单看都很流畅,合在一起也常会产生奇怪的滑溜感。
结合相邻信息审看转场
不要只把转场当作一段孤立动画来批准。要一起观看它之前的最后一句话、转场本身,以及它之后第一个有意义的操作。
离场画面可能仍有观众需要阅读的条件,转场却过早把它移走。入场画面可能有一个需要与前一场景对比的数字,过长的效果却迫使观众无谓地把第一个数字记在脑中。配乐重音也可能把注意力引向转场,而真正重要的是紧随其后的结果。
一次非正式的初看检查,就可能发现这些问题。问一个第一次看的人:打开了哪份报告,哪个操作导致了确认,第二张图表是新数据集还是同一数据的另一种视图?答案能反映转场是否保留了预期关系。
还要检查导出文件在连接点附近的画面。短暂黑帧、被裁掉的阴影、不匹配的裁切,或延迟加载的图片,都可能破坏连续性,而流畅预览却会掩盖这些问题。这些是具体缺陷,与个人喜欢更多或更少运动的主观偏好不同。
一个有用的压力测试,是在临时审看版本中去掉配乐,把彩色样式替换成中性表面。如果所选报告变成详情时仍能辨认,连续性就由真实关系承载。如果连接只是因为两个场景都是蓝色才成立,锚点可能过于泛化。检查后恢复最终样式;这一步是为了诊断身份连接,而不是规定采用中性视觉风格。
在转场说明中写清含义
不要要求智能体“加一些高级转场”,而要明确关系和锚点:“选中的报告卡片变成报告详情。全程保留报告标题。详情停稳后再展示工具栏。保留产品实际的点击和结果。”
换话题时,指令可以更简单:“直接切入新章节。在下一次界面操作前,先给新标题一个稳定画面。”这比抽象的风格形容词更容易评价。
成片应当因为观众理解了一个场景如何引向下一个场景,而显得连贯。转场通过保留身份、因果或顺序来证明自身价值。做得好时,观众记住的是产品的故事,而不是镜头之间的效果。