JUNZHIJIA
品牌 / swipe-reveal-case0:10

同栏目视频

划动出现:交互式呈现

竖屏片子在开拍前就要算遮挡:1080×1920 的画布里,上方被压掉 12–18%、下方被压掉 20–28%,真正干净的只剩中间 54–68% 这一条带。滑动位移取 60–80% 屏高,手势 0.35–0.6 秒走完,整条 10.4 秒,首帧只放 2 个信息元素,3 秒留存做到 45–65% 才算过关。先量屏、再定机位、最后排信息:拍完才挪主体,重排成本要翻 2 倍,被平台 UI 挡掉的信息也补不回来,只能重拍;这套数换机型要重测。

01安全区只有中间 54–68%:上下让给平台 UI

1080×1920 是 9:16,画幅本身没问题,问题在叠加层。上方状态栏、标题、账号信息合计压掉 12–18% 屏高,下方文案、按钮、进度条压掉 20–28%,两端都按上限预留,剩下的中间 54–68% 才是不会被动的位置。箱体主体、滑动起点、揭晓结果,全部放进这条带里,机位再按这条带定。

换算成像素更好操作:1920 高的画面,上方留 345 像素、下方留 540 像素,中间 1035 像素是硬安全区。字幕基线不要贴在这条线上,再退 60 像素,否则长标题换行时会被压住。做完一版,用手机实机刷一遍再定稿,模拟器不显示这些叠加层。

02滑动位移 60–80% 屏高,手势 0.35–0.6 秒

滑动是这条片唯一的交互,位移太小像误触,太大像广告。取 60–80% 屏高:小于 60%,手指一动就到底,观众还没意识到自己在操作;大于 80%,手腕要换姿势,动作被打断。手势时长 0.35–0.6 秒,等效速度大约 1.2–2.2 倍屏高每秒,接近日常刷动,才不会显得被推着走。

起手位置定在安全区下缘往上三分之一处,收手位置略高于下方遮挡线,留 80 像素余量。滑动过程不要加回弹,回弹会让观众以为没划到位,重复划 2 次;也不要加惯性,惯性把落点交给系统,揭晓画面可能停在半途。手指离开那一刻,画面必须已经在终点。

03首帧只放 2 个元素:0.5 秒内要能被读懂

首帧只承担一件事:让人判断值不值得往下看。放 2 个元素就够——一个箱体轮廓,一行不超过 8 个字的字。三个以上,视线分散,0.5 秒内一个都记不住。元素之间的明度差要够,缩到 30% 尺寸仍能分辨,否则在信息流里就是一块灰。

首帧不要放动作。动作在缩略状态下只剩一团模糊,反而降低识别;要动,从第 2 秒开始,让观众先认东西再看变化。文字压在第一帧上时,字号按屏高换算,不小于 4%,低于这个数在 5 英寸屏上就糊成一团,怎么调对比都没用。

0410.4 秒与 3 秒留存 45–65%:揭晓放在 2.5 秒

10.4 秒是留给划、停、看三步的:0–2.5 秒建立悬念,2.5–6 秒完成滑动与揭晓,6–10.4 秒给结果和二次信息。揭晓点晚于 3 秒,留存会明显掉,因为滑动提示需要时间被看懂;早于 2 秒,观众还没看清起点就被推走,动作显得莫名其妙。三段时间按秒切,不按感觉切。

3 秒留存 45–65% 是这条片子的判断线。低于 45%,先查首帧而不是查内容:元素是否超过 2 个、主体是否落在安全区、文字是否小于 4% 屏高。高于 65% 而完播偏低,说明前段抓住了人、后段太长,把 6 秒之后的内容砍掉 1.5 秒再试一版。两个数一起读,比只盯一个准。

05投放前 5 项:遮挡、位移、首帧、时长、码率

交片前按顺序过五项。一,主体是否全在中间 54–68% 的安全带里;二,滑动位移是否落在 60–80% 屏高、手势是否在 0.35–0.6 秒内完成;三,首帧元素是否不超过 2 个;四,总时长是否 10.4 秒上下、揭晓是否落在 2.5 秒;五,竖版素材是否按原尺寸拍,横版裁切会掉 30% 以上的细节。

五项里最容易漏的是第五项。1080×1920 的竖版,源素材至少按这个尺寸拍,或按 1.5 倍超采样,横版直接裁会损失两侧 60% 的画面,箱体边缘发软。导出后放到手机上看一遍,专看上下两条被 UI 压住的区域里有没有关键信息,有就重排,别指望平台自动避让。

关键参数与判据
画幅1080×1920(9:16)
上方遮挡12–18% 屏高
下方遮挡20–28% 屏高
硬安全区中间 54–68%
滑动位移60–80% 屏高
手势时长0.35–0.6 秒
首帧元素≤2 个
3 秒留存45–65%

常见问题

安全区到底按 12% 还是 18% 预留?

按 18% 的上限留。不同机型、不同标题长度压掉的高度不一样,按上限做,换设备不会翻车;按下限做,一条长标题就能盖住主体,重剪一遍的成本远高于一开始就让出那 6%。

滑动位移能不能做成 100% 屏高?

不建议。满屏位移意味着手腕要换姿势,手势时长会被拉到 0.8 秒以上,动作中断;同时收手位置正好压在下方遮挡区。留 60–80% 的量,收手还有余量。

首帧只放两个元素,信息会不会不够?

首帧的任务是让人停下来,不是讲完。第二个元素给一行不超过 8 个字的判断依据就够,其余信息放到 2.5 秒揭晓之后,那时观众已经决定继续看,能接收更多。

3 秒留存做到 45% 就一定好吗?

45–65% 是合理区间。低于 45% 先改首帧,高于 65% 要看完播:完播也高说明片子成立,完播低说明后段拖沓,砍掉 6 秒之后的内容再测,不要只盯一个数。