Motion v1.0

动态效能系统

在 Trans-Hub,动效不只是装饰。它是数字世界的物理法则,用于引导注意力、确认操作并赋予产品生命力。

核心原则

自然物理

动作遵循弹簧物理模型而非线性的贝塞尔曲线。物体具有重量感和惯性。

克制且明确

每一处动效都有其目的:引导视线、确认操作或平滑过渡状态。

即时响应

动效绝不能阻碍用户交互。它们应当感觉是即时的且可被打断的。

时长与速率

Standardized timing for consistent interaction feel.

Fast (150ms)
Normal (300ms)
Relaxed (500ms)

缓动与弹簧

Curated easing curves for natural transitions.

Standard
Entrance
Exit

动效实验室

实时调试我们的弹簧配置参数。

300
30
1