做弹跳、冲击反馈等有机弹性动效时，用「挤压拉伸 +…

当需要实现变形效果、弹跳动画、撞击响应或任何要求有机弹性与重量感的运动时，用挤压拉伸原理来赋予物体生命力。

适用场景

解决思路

1. 保持体积守恒：压扁时必须同时加宽，拉伸时必须同时变窄；只缩放单一轴会让物体看起来是变大/变小，而不是被挤压变形，从而失去可信度。
2. 用变形把看不见的力可视化：落地压扁体现地面的阻力，腾空拉伸体现速度与动量。
3. 按材质确定弹性等级：高弹性（橡胶球、卡通角色、果冻）做夸张变形；中弹性（人脸、布料、肌肉）做细微变形；低弹性（木头、金属、骨骼）做最小变形。
4. 即便看似「刚体」的对象也加上 1-2% 的微变形，避免死板、机械的感觉。
5. 让变形量匹配速度与节奏（Timing）：快速撞击需要更大的压扁，缓慢漂浮需要轻柔的拉伸。
6. 在预备动作（Anticipation）中使用拉伸：角色起跳蓄力时，先在运动开始前轻微拉伸。
7. 在跟随动作（Follow-through）中延续变形：落地后让压扁通过次级元素（头发、衣物、肌肉）产生余波。
8. UI / 动效设计：按钮点击时做轻微压扁（高度 95-98%）；列表项被拉出边界时轻微拉伸（橡皮筋式滚动）；通知到达时压扁、回弹到静止。
9. 角色动画：微笑时脸颊压扁、惊讶时拉伸；行走循环中躯干在触地时压缩、在经过时伸展；情绪表达上用极端拉伸表现震惊、用压扁表现沮丧。
10. Logo 动画：弹跳 logo 用夸张压扁制造俏皮个性；静态 logo 用微压扁/拉伸做细微「呼吸」以保持活力。
11. 游戏手感：跳跃弧线上升时拉伸、落地时压扁；受击时先做短暂压扁再击退以强化打击感；可收集物用轻柔的压扁/拉伸做有节奏的脉动。
12. 让变形按受力位置非均匀分布：真实物体在受力处变形更大，不要整个物体均匀变形。
13. 让变形平滑地缓入缓出（ease in/out），不要把变形直接突变到极值。
14. 按场景控制幅度：细微场景用 1-5%，而不是卡通式的 50%；有活力的运动从 10% 变形起步，细微打磨从 2-3% 起步，再按材质和调性调整。
15. 拿不准时宁少勿多：挤压拉伸应当是「被感觉到」的，而不是被「明显注意到」的。

适用边界 · 注意事项

• 需要严格保持原始尺寸或像素级精确对齐的场景（如数据可视化、精确排版），不要加入可见变形。
• 高频重复触发的交互（如快速连点按钮），避免大幅或长时长的变形，以免分散注意力。
• 低弹性材质（木头、金属、骨骼）不适用夸张变形，只能做 1-2% 的微变形。