关于 problem-diagnosis
这项技能通过 12 条动画原则诊断动效问题,为设计师和开发者提供系统方法,以识别症状、隔离原因,并逐项迭代调整。
主要功能
- 01从症状映射到动画原则
- 02常见动效问题的原因与修复
- 03逐步诊断和测试流程
- 04调整时序与夸张程度的建议
适用场景
- 01改善轻飘或失重的运动
- 02让僵硬动作更自然
- 03提升难以读懂的动画场景
- 04调整过快或过慢的动效
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ dylantarre/ animation-principles --skill problem-diagnosis安装后在 Claude Code 中输入/problem-diagnosis确认已加载。
详细介绍
问题诊断
像医生检查症状一样思考。某些地方感觉不对。你的任务是找出具体违反了哪条原则,并开出解决方案。系统化诊断胜过随机修复。
核心思维模型
当动画感觉不对劲时,问问自己:违反了哪条原则?具体是怎么违反的?
“看起来不对”并不能指导行动。这 12 条原则是你的诊断清单。每个动画问题都是原则问题——找出是哪一条,解决方案就会变得清晰。
诊断框架
症状:“轻飘飘”或“没有重量感”
可能原因:
- 缺少慢入慢出(物体应在重力作用下加速)
- 跳跃前缺少足够的预备动作
- 落地冲击时没有挤压
- 节奏过于均匀(所有动作速度都一样)
- 缺少体现重量的次级动作(头发/衣物没有随重力摆动)
解决方法:
- 在动作开始时加入缓入
- 在冲击点加入挤压帧
- 在停止后加入逐渐稳定的振荡
- 根据质量调整节奏
症状:“僵硬”或“像机器人”
可能原因:
- 缺少弧线(用线性插值代替曲线)
- 没有重叠动作(所有部位一起移动)
- 动作完全对称(左右两侧动作完全相同)
- 没有次级动作
- 节奏过于均匀
解决方法:
- 为所有动作路径添加弧线
- 错开相连身体部位的动作时机
- 打破姿势的对称性
- 加入呼吸和重心转移
- 加入细微动作
症状:“不清楚”或“难以辨认”
可能原因:
- 场面调度不佳(元素相互重叠,造成混乱)
- 轮廓不够鲜明
- 预备动作不足(动作仿佛凭空出现)
- 夸张程度不够
- 有多个相互竞争的注意力焦点
解决方法:
- 关键动作期间简化背景
- 调整姿势,形成清晰的轮廓
- 延长预备动作的时长
- 将夸张程度提高 20%
- 在主要节拍期间减少次级动作
症状:“无聊”或“没有生气”
可能原因:
- 角色姿势缺乏吸引力
- 节奏缺少对比(没有快与慢)
- 缺少预备动作与效果的结构
- 夸张程度不够
- 没有次级动作或细节
解决方法:
- 通过姿势凸显角色个性
- 营造节奏对比(快的部分更快,慢的部分更慢)
- 加入清晰的预备动作节拍
- 增强关键姿势的夸张程度
- 叠加次级动作
症状:“卡通感太强”(非刻意为之)
可能原因:
- 挤压和拉伸过度
- 节奏过于夸张
- 物理规律被违反得太过头
- 跟随动作过于有弹性
解决方法:
- 将挤压/拉伸幅度控制在 10-20% 范围内
- 增加帧数,让极端动作更加平滑
- 加入符合现实的稳定时间,让动作更有真实感
- 缩短跟随动作的延迟
症状:“太快”/“太慢”
可能原因:
- 帧数与预期不符
- 缺少缓入或缓出
- 关键姿势停留时间不够
- 预备动作与效果之间失衡
解决方法:
- 调整帧数(增加/删除中间帧)
- 检查缓动曲线
- 让关键姿势多停留 2-4 帧
- 重新平衡预备动作与实际动作的时长
诊断流程
- 识别症状——用简单明了的话描述问题
- 隔离问题——问题出在整个场景,还是某些特定时刻?
- 系统地检查各项原则:
- 节奏和间距?
- 挤压和拉伸?
- 预备动作和跟随动作?
- 弧线?
- 场面调度?
- 夸张程度?
- 次级动作?
- 检验假设——做出一项改动,然后评估效果
- 迭代——如果问题仍未解决,就尝试下一个最可能相关的原则
黄金法则
一次只做一项修复。 动画问题往往有多个原因,但同时改动所有内容,就无法判断哪些改动有效。先诊断,再针对一项原则进行调整,评估效果,然后重复这个过程。
评论
支持 Markdown