原片 · Superhuman · 0:05–0:11YouTube ↗
Motionboard 复刻

堆积清空

任务、标签或事件逐个堆满画面,然后一次清空成一个结果状态。

原片出处

YouTube ↗
YouTube ↗
完整配方

为什么有效

元素的数量和位置把「事情越来越多」画出来,红色标签逐渐包围人物;清空时颜色由红换绿、标签从多变一,前后对比由一次换图完成。

参数

时长
窗口 0–0.9s 入场;22 封邮件从 0.9s 起落入,间隔 0.62→0.05s 递减(最后一封 5.32s);8 条桌面通知 2.75–5.1s;全选按键提示 5.45s,选中 5.85s;6.45s 单帧清空;Inbox Zero 停留 6.45–8.4s(约 1.95s,58 帧);场景 8.4s 淡出(0.5s),标志 8.7s、字标 8.8s、标语 9.1s;全片 10.8s
缓动
邮件落入:列表位移 expo.out(时长取 0.36s 与间隔 1.6 倍中的较小值),行淡入 power2.out 最长 0.14s;角标脉冲 scale 1.15→1,power2.out 0.1s;紧急邮件红色闪烁 0.9s;通知 expo.out 0.22s(scale 1.08→1,x 30→0);清空是单帧 tl.set;Inbox Zero 画面 scale 1.07→1,expo.out 1.8s
镜头
固定中景加缓慢漂移,8.4s 内 scale 1→1.035 linear(原点 50% 12%);窗口以 y 46→0, scale 0.965→1 在 0.9s 内 expo.out 入场
主体
一个邮件 App(Cobalt),原有 4 封邮件;22 封新邮件落在收件箱顶部,每封把列表下推 52px,收件箱角标和 Important 标签计数 5→26 逐步递增;紧急邮件闪红;8 条桌面通知堆叠在窗口边缘(间距 88px);command-A 选中全部 26 行,E 标记完成:列表、通知、选择栏和角标消失,换成黄昏风景的 Inbox Zero 面板,带绿色对勾和 toast
同步
每封邮件落入与计数递增同一帧;command-A 键帽与行选中同一帧(5.85s);E 键帽、清空、toast 和 Inbox Zero 面板同一帧(6.45s)
风格
浅色邮件界面配桌面壁纸;红色 Urgent 标签(#fde4e4 底、#c62f34 字),绿色对勾 #2fb36a,结果面板是深蓝紫黄昏渐变;尾卡是蓝色应用标志加小写字标和一行标语

提示词

用「堆积清空(Pile-up and Clear)」表达你的产品把杂事归零:一个邮件 App 窗口(y 46→0,scale 0.965→1,0.9s expo.out 入场),全程缓慢 scale 1→1.035 漂移。0.9s 起,22 封新邮件逐封落在收件箱顶部,间隔从 0.62s 缩短到 0.05s(最后一封 5.32s);每封用 expo.out 把列表下推 52px 并淡入,收件箱角标随每封邮件从 5 数到 26,并做 1.15→1 的 scale 脉冲,紧急邮件红色闪烁 0.9s。2.75s 到 5.1s,8 条桌面通知堆叠在窗口边缘,每条用 0.22s、expo.out 入场。5.45s 淡出 command-A 按键提示,5.85s 同一帧选中所有行。6.45s 按下 E:在这一帧里同时隐藏列表、通知、选择栏和角标,显示带绿色对勾的黄昏风景 Inbox Zero 面板,并升起 toast。停留约 1.95s,8.4s 用 0.5s 淡出场景,落上你的字标和一行标语。

常见说法

  • 待办越堆越多然后一下清零
  • 日程一格格被填满
  • 标签把人围起来再全部消失

容易混淆

  • 线框重排线框重排是连续插值重排,元素数量不变;本条元素数量先增后清,靠硬切
  • 作品墙漂移作品墙一开始就铺满并整体移动;本条元素逐个出现,终点是一次清空
配方文件 (.md)

更多「讲功能」