TH-DS 2026-09-08

动态效能系统

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

交互反馈采用短缓动,布局过渡可使用弹簧;不要把循环装饰带入密集工作台。系统减少动效设置应关闭循环装饰并保留即时反馈。Logo 的 Ink 与小尺寸规则以官方组件为准。

核心原则

自然物理

根据任务选择短缓动或弹簧,保持过渡连贯,不把弹性效果作为所有交互的默认。

克制且明确

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

即时响应

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

时长与速率

Standardized timing for consistent interaction feel.

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

缓动与弹簧

Curated easing curves for natural transitions.

Standard
Entrance
Exit

动效实验室

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

300
30
1