关于 arc-mastery
面向动画师和动态设计师的创意技能，解释曲线路径在解剖结构与物理中的成因，并提供动画、界面、图形和游戏领域的应用指导。
主要功能
- 01圆弧、抛物线与 S 曲线类型
- 02关节链的运动路径
- 03跨设计领域的弧线指导
- 04常见弧线错误及修正
- 05从摄像机视角检查可读性
适用场景
- 01为 UI 转场设计曲线路径
- 02规划角色手势和走路循环
- 03设计抛射物与摄像机运动
安装
复制下面的命令，在终端中运行。
npx skills add https:/安装后在 Claude Code 中输入/arc-mastery确认已加载。
详细介绍
弧线掌握
自然路径原则
几乎所有自然运动都遵循曲线路径。手臂沿弧线摆动。头部沿弧线转动。抛出的物体沿抛物线弧线运动。动画沿直线运动时，会立刻显得机械而不自然。弧线是有机运动的标志。
核心理论
解剖学基础：身体由铰链和枢轴组成。关节旋转时，连接在其上的所有部位都会沿以该关节为中心的弧线运动。直线运动需要机械导轨——生物体没有这种结构。
物理学基础：重力会使抛射物沿抛物线运动。方向变化时，动量会形成曲线路径。沿直线改变方向则需要无限大的力。
弧线类型
圆弧：绕单一枢轴进行纯旋转（钟摆、门的摆动） 抛物线弧：重力作用下的抛射运动（跳跃、投掷） S 形曲线：通过多个枢轴形成的复杂运动（鞭子抽响、脊柱运动） 8 字形轨迹：连续流畅的运动（行走时的臀部、飘动的布料）
枢轴链
理解弧线需要了解枢轴层级：
- 肩部旋转 → 肘部沿弧线运动
- 肘部旋转 → 手腕沿复合弧线运动
- 手腕旋转 → 指尖沿三重复合弧线运动
每个关节都会增加其下游所有部位运动路径的复杂度。
与其他原则的相互作用
缓冲动作遵循弧线：附属部位会沿曲线路径稳定下来，而不是沿直线返回。
预备动作确定弧线起始方向：蓄力动作通常会确立弧线的方向。
时间影响弧线感知：沿弧线快速运动时，需要夸大曲线，才能清晰呈现。
重叠动作形成偏移弧线：次要元素会在主要元素之后描绘各自的弧线路径。
应用领域
UI/动效设计
- 页面转场：元素应沿曲线路径进入或退出，而非直线滑动
- 菜单展开：项目应从起始点沿弧线散开
- 手势响应：滑动后的延续运动会自然形成曲线
- 通知进入：滑入时稍带弧线，可避免显得机械
- 拖动：释放后的轨迹应根据速度向量形成曲线
角色动画
- 行走循环：每段肢体都会描绘弧线；臀部沿 8 字形轨迹运动
- 转头：下巴沿弧线运动，而非直线平移
- 手臂动作：即使是“直线”指向，手部路径也会弯曲
- 跳跃：身体沿抛物线路径运动，内部各部分则沿弧线旋转
动态图形
- Logo 显现：元素沿弧线路径运动，会显得经过编排，而非随机出现
- 文字动画：让字母沿曲线路径运动，可增添优雅感
- 信息图构建：数据点沿弧线连接，可形成流动感
游戏设计
- 抛射物物理：采用真实的抛物线弧线，才能让弹道可信
- 角色控制器：转向动画沿弧线运动，可避免原地转向
- 镜头运动：基于弧线路径的镜头运动更具电影感
常见错误
- 直线插值：动画软件的默认行为——必须手动修正
- 弧线中心不一致：运动弧线应有合理的枢轴点
- 对称弧线：自然弧线通常不对称（一个方向快，返回时慢）
- 快速运动的弧线太平：快速动作需要夸大弧线，才能让观众看清
3D 弧线挑战
在 3D 中，弧线必须从摄像机视角看得清楚。从世界空间看完美的弧线，从某些角度看可能像直线，甚至方向相反。务必从最终摄像机视角确认弧线是否清晰可辨。
弧线绘制技巧
传统方法：用一笔沿运动路径描画。如果铅笔自然地画出曲线，说明弧线有效。如果必须刻意改变方向，说明运动可能过于线性。
实现启发式
对于任意点到点运动：添加一个控制点来创建曲线。控制点应垂直于直线方向偏移；若想营造缓出效果，应将其放在靠近起点的位置，若想营造缓入效果，则放在靠近终点的位置。对于复杂运动，应先描绘预期路径——如果路径不是曲线，就需要改进。
默认弧线高度：若想营造微妙自然的效果，取移动距离的 10-20%；若想营造戏剧性的扫掠效果，取 30-50%。