Translation Comparison - emotional-disconnect

Animation feels "off" but hard to articulate
Playful motion on serious content
Sterile motion on warm content
Users describe UI as cold/robotic or chaotic/annoying
Mismatch between animation and message

动画感觉“不对劲”但难以具体描述
严肃内容搭配活泼的动效
温馨内容搭配生硬的动效
用户反馈UI冰冷/机械或混乱/烦人
动画与传递的信息不匹配

Diagnosis by Principle

基于迪士尼原则的诊断

Appeal

吸引力（Appeal）

Issue: Animation lacks emotional resonance Fix: Define the emotional goal. Warm = soft easing, overshoot. Professional = crisp, linear. Match motion to message.

问题：动画缺乏情感共鸣 解决方法：明确情感目标。温馨风格=柔和缓动、过场动画。专业风格=干脆、线性动效。让动效与传递的信息匹配。

Exaggeration

夸张（Exaggeration）

Issue: Wrong intensity for emotional context Fix: Serious contexts need restraint. Joyful contexts can be bouncy. Match exaggeration to emotional stakes.

问题：夸张程度与情绪场景不符 解决方法：严肃场景需克制。欢乐场景可增加弹性。让夸张程度与情感基调匹配。

Timing

节奏（Timing）

Issue: Speed conflicts with emotional tone Fix: Calm emotions = slower. Excitement = faster. Tension = variable speed. Timing IS emotion.

问题：速度与情感基调冲突 解决方法：平静情绪=较慢速度。兴奋情绪=较快速度。紧张情绪=变速。节奏本身就是情绪的体现。

Squash and Stretch

挤压与拉伸（Squash and Stretch）

Issue: Elastic effects on rigid contexts Fix: Squash/stretch implies playfulness and life. Remove for serious, clinical, or professional contexts.

问题：严肃场景使用弹性效果 解决方法：挤压与拉伸意味着活泼和生命力。在严肃、临床或专业场景中需移除该效果。

Follow Through

跟随动作（Follow Through）

Issue: Endings don't match emotional intent Fix: Abrupt endings feel harsh. Soft landings feel gentle. Bouncy endings feel playful. Choose consciously.

问题：动画结尾与情感意图不符 解决方法：突兀的结尾显得生硬。柔和的收尾显得温和。弹性结尾显得活泼。需有意识地选择合适的收尾方式。

Quick Fixes

快速修复方案

Name the target emotion - "This should feel calm"
Match easing to emotion - Bouncy = playful, smooth = calm
Adjust timing to context - Slow down serious moments
Remove mismatch sources - Cut animations that fight the tone
Test with emotional vocabulary - Ask users "how does this feel?"

明确目标情绪 - "这里应该传递出平静的感觉"
让缓动效果匹配情绪 - 弹性=活泼，平滑=平静
根据场景调整节奏 - 严肃场景放慢速度
移除不匹配元素 - 删除与基调冲突的动画
用情感词汇测试 - 询问用户"这个给你的感觉如何？"

Troubleshooting Checklist

故障排查清单

What emotion should this moment evoke?
Does animation easing match that emotion?
Is timing appropriate for emotional context?
Would removing animation feel better?
Do similar products use different motion here?
Ask users: "What 3 words describe this animation?"
Does animation match content gravity?
Test: Cover content, does motion emotion match?

这个场景应该唤起什么情绪？
动画的缓动效果是否匹配该情绪？
节奏是否符合情绪场景？
移除动画会不会更好？
同类产品在这个位置使用的动效是否不同？
询问用户："用3个词描述这个动画给你的感觉？"
动画是否与内容的严肃性匹配？
测试：遮盖内容，动效传递的情绪是否依然契合？

Emotion-to-Motion Map

情绪-动效对应表

Emotion	Easing	Timing	Effects
Joy	Bouncy overshoot	Fast	Squash/stretch, scale up
Calm	Gentle ease-out	Slow	Fade, subtle slide
Trust	Smooth, predictable	Medium	Minimal, consistent
Urgency	Sharp ease-in	Fast	Direct, no overshoot
Playful	Spring physics	Variable	Rotation, bounce
Serious	Linear or subtle ease	Slow	Minimal movement

情绪	缓动效果	节奏	动效
愉悦	弹性过场	快速	挤压与拉伸、放大
平静	柔和缓出	慢速	淡入淡出、微妙滑动
信任	平滑、可预测	中等	极简、一致
紧迫	锐利缓入	快速	直接、无过场
活泼	弹簧物理效果	变速	旋转、弹跳
严肃	线性或微妙缓动	慢速	极简移动

Code Pattern

代码示例

css

/* Calm/trustworthy */
--ease-calm: cubic-bezier(0.4, 0, 0.2, 1);

/* Playful/joyful */
--ease-playful: cubic-bezier(0.34, 1.56, 0.64, 1);

/* Urgent/serious */
--ease-urgent: cubic-bezier(0.4, 0, 1, 1);

css

/* Calm/trustworthy */
--ease-calm: cubic-bezier(0.4, 0, 0.2, 1);

/* Playful/joyful */
--ease-playful: cubic-bezier(0.34, 1.56, 0.64, 1);

/* Urgent/serious */
--ease-urgent: cubic-bezier(0.4, 0, 1, 1);

emotional-disconnect

Original

Translation

Emotional Disconnect

情绪脱节问题

Problem Indicators

问题迹象