Translation Comparison - brand-consistency

Animation feels "off-brand"
Generic motion that could be any product
Inconsistent animation styles across features
Motion conflicts with brand voice
Users don't recognize the product's personality

动画感觉“不符合品牌调性”
通用化动效，可适用于任何产品
不同功能间动画风格不一致
动效与品牌语气冲突
用户无法识别产品的个性

Diagnosis by Principle

基于原则的诊断

Issue: Animation lacks distinctive character Fix: Define brand motion attributes. Is your brand playful (bouncy easing), professional (smooth, minimal), energetic (quick, snappy)?

问题：动画缺乏独特个性 解决方案：定义品牌动效属性。你的品牌是活泼型（弹性缓动）、专业型（流畅简约）还是活力型（快速干脆）？

Issue: Wrong level of drama for brand Fix: Match exaggeration to brand personality. Luxury = subtle. Playful = bouncy. Corporate = restrained.

问题：夸张程度与品牌不符 解决方案：让夸张程度匹配品牌个性。奢侈品牌=柔和低调；活泼品牌=弹性十足；企业品牌=克制内敛。

Issue: Speed doesn't match brand energy Fix: Fast brands: 100-200ms. Calm brands: 300-500ms. Define a timing scale and use consistently.

问题：速度与品牌活力不匹配 解决方案：快节奏品牌：100-200ms；沉稳品牌：300-500ms。定义时长标准并统一使用。

Squash and Stretch

挤压与拉伸

Issue: Elastic effects conflict with serious brand Fix: Reserve squash/stretch for playful brands. Use scale transforms for professional brands.

问题：弹性效果与严肃品牌冲突 解决方案：仅为活泼品牌保留挤压/拉伸效果。专业品牌使用缩放变换。

Secondary Action

次要动作

Issue: Details don't reinforce brand Fix: Secondary actions should amplify brand personality. A fun brand might have playful ripples; a serious brand uses subtle fades.

问题：细节未强化品牌形象 解决方案：次要动作应放大品牌个性。有趣的品牌可加入活泼的波纹效果；严肃品牌则使用柔和的淡入淡出。

Quick Fixes

快速修复方案

Create a motion style guide - Document easing, duration, principles used
Define 3-5 brand motion words - "Swift, precise, confident"
Build reusable animation tokens - Consistent timing/easing variables
Audit existing animations - Find outliers
Create animation components - Enforce consistency through code

创建动效风格指南 - 记录缓动曲线、时长及所用原则
定义3-5个品牌动效关键词 - 如“迅捷、精准、自信”
构建可复用的动画令牌 - 统一的时长/缓动变量
审核现有动画 - 找出不符合规范的案例
创建动画组件 - 通过代码确保一致性

Troubleshooting Checklist

故障排查清单

Can you describe animation in 3 brand words?
Does motion match brand voice guidelines?
Are easing curves consistent across features?
Is timing scale documented and followed?
Would a competitor use identical animation?
Do animations feel like the same product?
Test: Show animation without UI—recognizable as your brand?
Review with brand/design team

能否用3个品牌关键词描述动画？
动效是否符合品牌语气指南？
各功能间的缓动曲线是否一致？
时长标准是否已记录并遵循？
竞争对手会使用完全相同的动画吗？
动画是否感觉属于同一产品？
测试：仅展示动画（无UI）——能否识别出你的品牌？
与品牌/设计团队一同审核

Code Pattern

代码模式

css

:root {
  /* Brand motion tokens */
  --brand-ease-default: cubic-bezier(0.4, 0, 0.2, 1);
  --brand-ease-enter: cubic-bezier(0, 0, 0.2, 1);
  --brand-ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --brand-duration-fast: 150ms;
  --brand-duration-normal: 250ms;
  --brand-duration-slow: 400ms;
}

css

:root {
  /* Brand motion tokens */
  --brand-ease-default: cubic-bezier(0.4, 0, 0.2, 1);
  --brand-ease-enter: cubic-bezier(0, 0, 0.2, 1);
  --brand-ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --brand-duration-fast: 150ms;
  --brand-duration-normal: 250ms;
  --brand-duration-slow: 400ms;
}

brand-consistency

Original

Translation

Brand Consistency

品牌一致性

Problem Indicators

问题表现