arc-mastery
Compare original and translation side by side
🇺🇸
Original
English🇨🇳
Translation
ChineseArc Mastery
Arc运动精通
The Natural Path Principle
自然路径原则
Almost all natural movement follows curved paths. Arms swing in arcs. Heads turn on arcs. Thrown objects travel parabolic arcs. When animation moves in straight lines, it immediately feels mechanical and artificial. Arcs are the signature of organic motion.
几乎所有自然运动都遵循曲线轨迹。手臂以Arc摆动，头部以Arc转动，抛出的物体沿抛物线Arc运动。当动画采用直线运动时，会立刻显得机械且生硬。Arc是有机运动的标志性特征。
Core Theory
核心理论
Anatomical basis: Bodies are systems of hinges and pivots. When a joint rotates, everything attached to it moves in an arc centered on that joint. Straight lines require mechanical rails—biology doesn't have those.
Physics basis: Gravity creates parabolic curves on projectiles. Momentum creates curved paths when direction changes. Straight-line direction changes require infinite force.
解剖学基础：人体是由铰链和枢轴（pivot）组成的系统。当关节转动时，附着在其上的所有部位都会以该关节为中心沿Arc运动。直线运动需要机械轨道——而生物结构中并不存在这种东西。
物理学基础：重力使抛射物形成抛物线轨迹。动量会在方向改变时产生曲线轨迹。直线方向的改变需要无穷大的力。
Arc Types
Arc类型
Circular arcs: Pure rotation around a single pivot (pendulum, door swing)
Parabolic arcs: Projectile motion under gravity (jumps, throws)
S-curves: Complex motion through multiple pivots (whip crack, spine movement)
Figure-8 patterns: Continuous flowing motion (hips during walk, flowing cloth)
Circular arcs（圆弧）：绕单个枢轴的纯旋转运动（如钟摆、门摆动）
Parabolic arcs（抛物线弧）：重力作用下的抛射运动（如跳跃、投掷）
S-curves（S形曲线）：通过多个枢轴的复杂运动（如挥鞭、脊柱运动）
Figure-8 patterns（8字形轨迹）：连续流畅的运动（如行走时的臀部运动、飘动的布料）
The Pivot Chain
枢轴链（Pivot Chain）
Understanding arcs requires understanding pivot hierarchies:
- Shoulder rotates → elbow travels an arc
- Elbow rotates → wrist travels a compound arc
- Wrist rotates → fingertips travel triple-compound arcs
Each joint adds complexity to the motion path of everything downstream.
理解Arc需要先理解枢轴层级关系：
- 肩部转动 → 肘部沿Arc运动
- 肘部转动 → 腕部沿复合Arc运动
- 腕部转动 → 指尖沿三重复合Arc运动
每个关节都会为下游部位的运动路径增加复杂度。
Interaction with Other Principles
与其他动画原则的交互
Follow through follows arcs: Appendages settle along curved paths, not straight returns.
Anticipation creates arc initiation: The wind-up often establishes the arc's direction.
Timing affects arc perception: Fast motion through arcs needs exaggerated curves to read clearly.
Overlapping action creates offset arcs: Secondary elements trace their own arc patterns behind the primary.
跟随运动（Follow through）遵循Arc：肢体末端会沿曲线轨迹复位，而非直线返回。
预备动作（Anticipation）启动Arc：预摆动作通常会确定Arc的方向。
时机（Timing）影响Arc感知：快速的Arc运动需要夸张的曲线才能清晰呈现。
重叠动作（Overlapping action）产生偏移Arc：次要元素会在主要元素后方形成自己的Arc轨迹。
Domain Applications
领域应用
UI/Motion Design
UI/Motion Design（UI动效设计）
- Page transitions: Elements should enter/exit on curved paths, not straight slides
- Menu expansions: Items fan out on arcs from origin point
- Gesture responses: Swipe follow-through curves naturally
- Notification entries: Slight arc on slide-in prevents robotic feel
- Dragging: Release trajectories should curve based on velocity vector
- 页面过渡：元素应沿曲线轨迹进入/退出，而非直线滑动
- 菜单展开：菜单项从原点沿Arc呈扇形展开
- 手势响应：滑动跟随动作自然呈曲线
- 通知入场：滑入时带有轻微Arc，避免机械感
- 拖拽操作：释放后的轨迹应根据速度矢量形成曲线
Character Animation
角色动画
- Walk cycles: Every limb segment traces arcs; hips follow figure-8
- Head turns: Chin traces arc, doesn't translate linearly
- Arm gestures: Hand paths curve even during "straight" pointing
- Jumping: Parabolic body path with internal rotation arcs
- 行走循环：每个肢体部位都沿Arc运动；臀部遵循8字形轨迹
- 头部转动：下巴沿Arc运动，而非线性平移
- 手臂手势：即使是“直线”指向，手部轨迹也呈曲线（Arc）
- 跳跃动作：身体沿抛物线Arc运动，同时伴随内部旋转Arc
Motion Graphics
动态图形
- Logo reveals: Elements following arc paths feel choreographed, not random
- Text animation: Letter paths curving adds elegance
- Infographic builds: Data points connecting along arcs creates flow
- Logo展示：沿Arc轨迹运动的元素会显得经过精心编排，而非随机运动
- 文字动画：字母沿Arc运动增添优雅感
- 信息图构建：数据点沿Arc连接，形成流畅的视觉效果
Game Design
游戏设计
- Projectile physics: True parabolic arcs for believable ballistics
- Character controllers: Turn animations following arcs prevent pivot-in-place
- Camera movement: Arc-based camera paths feel cinematic
- 抛射物物理：真实的抛物线Arc实现可信的弹道效果
- 角色控制器：沿Arc的转向动画避免原地旋转的生硬感
- 镜头运动：基于Arc的镜头轨迹具有电影感
Common Mistakes
常见误区
- Straight-line interpolation: Default animation software behavior—must be corrected manually
- Inconsistent arc centers: Motion arcs should have logical pivot points
- Symmetric arcs: Natural arcs are often asymmetric (fast one way, slow return)
- Flat arcs on fast motion: Quick movements need exaggerated arcs to register
- 直线插值：这是动画软件的默认行为——必须手动修正
- Arc中心不一致：运动Arc应具有符合逻辑的枢轴点
- 对称Arc：自然Arc通常是不对称的（一个方向快，返回方向慢）
- 快速运动中的扁平Arc：快速运动需要夸张的Arc才能被清晰感知
The 3D Arc Challenge
3D Arc挑战
In 3D, arcs must read from camera view. A perfect arc in world space may look straight or even reversed from certain angles. Always verify arc readability from final camera.
在3D场景中，Arc必须从镜头视角呈现合理效果。在世界空间中完美的Arc，从某些角度看可能显得笔直甚至反向。务必从最终镜头视角验证Arc的可感知性。
Arc Drawing Technique
Arc绘制技巧
Traditional method: Draw through the motion path with a single stroke. If your pencil naturally curves, the arc is working. If you must consciously redirect, the motion is likely too linear.
传统方法：用一笔画出运动轨迹。如果你的铅笔自然形成曲线，说明这个Arc是合理的。如果需要刻意调整方向，那么运动可能过于线性。
Implementation Heuristic
实现启发法
For any point-to-point motion: add a control point to create a curve. The control point should be offset perpendicular to the direct line, placed closer to the start for ease-out feeling, closer to end for ease-in. For complex motions, trace the intended path first—if it's not curved, it needs work.
Default arc height: 10-20% of travel distance for subtle organic feel, 30-50% for dramatic sweeping motion.
对于任何点对点运动：添加一个控制点来创建曲线。控制点应垂直于直线偏移，靠近起点时会产生减速（ease-out）效果，靠近终点时会产生加速（ease-in）效果。对于复杂运动，先勾勒出预期轨迹——如果轨迹不是曲线，就需要调整。
默认Arc高度：为营造微妙的自然感，设置为移动距离的10-20%；为实现戏剧性的大幅运动，设置为30-50%。