确认爆发

为什么有效

图形只出现在点击或付款成功这类关键动作帧，标出产品的关键时刻。碎片元素与全片的地图、功能卡共用一套形状和颜色；确认图标带厚度和高光，与扁平界面形成材质对比，外扩描边沿用同一形状。

参数

时长

全片 11s。键盘点击在 1.0s、1.22s、1.44s、1.66s；点击「Review」时碎片爆发在 2.65s（外扩 0.3s，漂移到 0.64s，0.64–0.8s 淡出）；3.0s 切到确认页；5.1s 点击「Pay」，按钮禁用态 5.1–5.3s，5.45s 图标弹出（0.28s 内缩放从 0.6 到 1.1，再用 0.24s 回到 1.0），描边光环同时扩散 0.6s；8.0s 手机离场；8.45s 出字标

缓动

碎片外扩 expo.out 0.3s，随后线性漂移 12px（0.5s），用 power1.in 0.16s 淡出；图标缩放先 power3.out 从 0.6 到 1.1，再 power2.inOut 从 1.1 回到 1.0；描边缩放 power2.out 从 1 到 3，透明度 power2.in 在 0.6s 内从 0.6 到 0；对勾描边 power2.out 0.24s；按钮禁用 power1.out 0.2s

镜头

不固定：1.9s 前缓推 1.18 到 1.215，之后用 expo.out 推到 1.7 并锚定在 Review 按钮上（从 2.0s 起 0.6s），让爆发占据画面下方；3.0s 拉回到 1.42（0.9s），5.25s 前漂移到 1.5，5.53s 变为 1.3（1.0s）并漂移到 1.36。54px 的触点指示器移动到每个目标并按下（0.06–0.07s 缩放到 0.78，0.14–0.16s 回弹）

主体

爆发：6 个元素从点击点向上和两侧弹出，角度为 -26、-78、-156、-128、-52、-104 度：白色描深蓝边的线、深蓝线、蓝色线、深蓝波浪线、白色圆点、蓝色方块，行进 96–120px（镜头缩放 1.7 时约为画面高的 20%）。图标：Pay 按钮变成带转圈的禁用态 Sending 之后，一枚 132px 的波浪边蓝色徽章（带渐变、内高光和内阴影、白色对勾描边）弹出，同形描边在其后扩散

同步

爆发和按钮按下（缩放 0.965）共用 2.65s 的点击帧，0.35s 后切到确认页；图标版里禁用态从 5.1s 的点击开始，图标在 0.35s 后弹出，同一个按钮在这一帧变成 Done

风格

深蓝底 #0b1b6a，带虚化的银行通知卡（8.0s 淡出），白色手机界面，品牌蓝 #1e45d6，碎片用深蓝 #0b1b6a、蓝 #2a58ee 和白色；图标渐变从 #86a4ff 到 #1530b4；字标 Inter 700 168px，字距 -0.055em，白色

提示词

常见说法

• 点下去那一下周围炸出一圈小图形
• 付款成功时冒出线条方块和圆点
• 确认图标弹出来外面扩散一圈描边

容易混淆

• 地图落钉地图落钉的碎片出现在落钉位置；确认爆发的碎片出现在点击接触点
• 同位替换同位替换是整个物体被换成另一个；确认爆发只在原画面上叠加反馈图形