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