mcpField
E
exaggeration-mastery

exaggeration-mastery

github.com/dylantarre创意与媒体132509 次安装43 周前更新
代码仓库

关于 exaggeration-mastery

一份讲解如何通过夸张传达动作与情绪本质的参考技能,适用于动画和动效设计。内容说明如何结合情境调整夸张程度,并指出应强化和克制的部分。

主要功能

  1. 01按情境划分夸张程度
  2. 02适合强化与克制的元素
  3. 03动效设计与游戏应用
  4. 04情境校准方法
  5. 05一致性与克制建议

适用场景

  1. 01根据品牌调校动作风格
  2. 02突出角色情绪与动作
  3. 03设计游戏动作和反馈
  4. 04强化界面交互的表现

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/dylantarre/animation-principles --skill exaggeration-mastery

安装后在 Claude Code 中输入/exaggeration-mastery确认已加载。

详细介绍

夸张的艺术

超越写实的真实

夸张不是为了让事物变得不真实,而是为了让它们显得真实。对运动进行完美的摄影式复刻,往往会让画面显得死气沉沉。动画需要超越字面上的现实,才能捕捉动作、情感和意图的精髓。

核心理论

镜头会说谎:影像会失去维度、触觉反馈和环境沉浸感。现实中清晰易懂的事物,在屏幕上往往会变得扁平。夸张可以弥补这种损失。

精髓胜于准确:夸张会提炼动作的本质特征。悲伤的垂头丧气会变得更加悲伤,欢快的跳跃会变得更加欢快。漫画式表现捕捉到了照片无法呈现的真实。

夸张程度

微妙(1.1-1.2x):适用于企业、严肃的场景。动作精致,但仍贴近现实。 适度(1.3-1.5x):适用于消费产品、友好型品牌。动作鲜活而引人入胜。 大胆(1.6-2x):适用于娱乐、游戏、轻松活泼的场景。动作富有个性和活力。 戏剧化(2x+):适用于卡通、喜剧、风格化作品。动作本身定义了现实。

适合夸张的方面

姿势:将轮廓推到舒适范围之外。如果倾斜 15° 感觉刚好,就做到 20°。 时机:进一步压缩快速动作,延长停顿时间。 间距:加大快速阶段和缓慢阶段之间的对比。 挤压与拉伸:让形变超出物理极限。 弧线:让运动轨迹比严格遵循物理规律时更宽广。 表情:强化情绪姿势和反应。

不应夸张的方面

运动过程中的比例:除非风格本身支持这种表现,否则角色不应发生形变。 同一物体的物理规律:保持前后一致。 所有内容一视同仁:夸张需要与克制形成对比。

与其他原则的互动

挤压与拉伸是夸张的主要手段:形变的程度决定了动作看起来有多卡通化。

时机的夸张塑造类型风格:利落的时机处理带来喜剧感;延长的时机处理带来戏剧感。

预备动作往往也会被夸张:小动作前加入大幅蓄势(喜剧),或大动作前加入微小蓄势(惊喜)。

构图引导夸张的重点:主要动作夸张更多;次要动作则保持克制。

领域应用

UI/动效设计
  • 微交互:1.1-1.3x(弹跳稍微更明显,缩放稍微更大)
  • 庆祝效果:1.5-2x(彩纸、徽章、成功状态)
  • 错误状态:微妙的夸张能吸引注意力,又不会引发恐慌
  • 引导流程:适度夸张,帮助用户了解交互模式
角色动画
  • 面向镜头的表演:采用舞台级表现力,而非自然主义表现
  • 动作场面:采用违背物理规律但清晰易读的动作
  • 喜剧:极度夸张是幽默的表达方式
  • 戏剧:以克制的夸张营造可信的强烈情感
动态图形
  • 品牌个性:夸张程度决定视觉表达风格
  • 数据可视化:微妙的过冲有助于理解
  • 动态排版:夸张的运动能增强强调效果
游戏手感
  • 跳跃轨迹:夸大跳跃顶点的滞空时间
  • 受击反应:采用夸张的击退效果,增强满足感
  • 技能:夸大蓄势和释放动作
  • 反馈:对玩家操作给出比现实更强烈的响应

常见错误

  1. 夸张不足:动作显得僵硬、乏味、胆怯
  2. 夸张与场景不符:在严肃的企业软件中使用卡通式动作
  3. 夸张程度不一致:部分元素被夸张处理,其他元素却保持写实,造成不协调
  4. 夸错了对象:次要动作被夸张,主要动作却平淡无奇

克制的悖论

最好的夸张让人察觉不到。把动作推到明显过头的程度,再收回 20%。观众应该感受到其中的活力,却不会有意识地觉得“这太夸张了”。

情境校准方法

  1. 从真实的动作开始
  2. 找出需要传达的关键特质(重量、速度、喜悦、冲击力)
  3. 将该特质强化 50%
  4. 判断效果读起来是“真实”还是“卡通化”
  5. 持续调整,直到契合情境

实施启发式原则

专业情境默认夸张 10-20%,消费娱乐情境则夸张 30-50%。始终保持内在一致性——如果某个元素强化了 30%,相关元素也应按比例强化。没有目的的夸张只是粗制滥造;有意为之的夸张才是艺术。

评论

支持 Markdown