动效与动画

橡皮筋拉伸 Rubber Band

元素在横纵两个方向交替地拉长压扁,像橡皮筋被扯动

拉一下

橡皮筋拉伸(Rubber Band)和果冻弹性(Jelly)是近亲,区别在幅度与用途:果冻是小幅形变的点击反馈(1.18/0.82),橡皮筋是大幅夸张形变(1.25/0.75)的表演型动画——它不谦虚,就是要在页面上“扯”一下给你看。

什么时候用:强调时刻(数字揭晓、徽章解锁)、加载成功的庆祝、儿童向或娱乐向产品。商务后台别用。

对 AI 说清楚的三要素:① X/Y 反向交替(横向拉长时纵向必压扁,体积守恒才可信);② 幅度 1.25/0.75 起步;③ 3~4 个来回收尾。和果冻弹跳区分时给 AI 报幅度即可。

复制即用的提示词片段

元素播放橡皮筋动画(Rubber Band):scale 在 X/Y 轴大幅反向交替
(1.25/0.75 → 0.75/1.25 → 渐弱),形变幅度比果冻弹跳更大更夸张,
总时长 0.8~0.9s。