用途
信任与可靠感动画（Trust & Reliability Animation）用于创建能够建立信心、保持一致性和可靠用户体验的动画。其情感目标是：信任通过可预测、受控且尊重用户预期的运动来发展；可靠性意味着动画行为始终一致，绝不会带来负面的意外。
主要能力
该技能以迪士尼动画原则为基础，逐条给出面向“信任”的调整方式：
- 挤压与拉伸（Squash & Stretch）：最小拉伸，最多5-10%。受控的形变体现稳定，元素应感觉坚实、有根基，而非橡胶般柔软。
- 预备动作（Anticipation）：微妙但存在，50-100ms。简短的准备动作预示即将发生什么，不制造意外，用户应始终知道下一步会发生什么。
- 舞台呈现（Staging）：清晰、无歧义的呈现。一次只做一个动作。重要元素显而易见。没有隐藏或令人困惑的运动。
- 直进式动作（Straight Ahead Action）：为建立信任应避免使用。优先采用姿势到姿势（pose-to-pose），以获得可预测、受控的结果。每一帧都应有意图。
- 跟随与重叠动作（Follow Through & Overlapping Action）：克制的跟随。元素迅速稳定，没有过度弹跳。专业、受控地完成动作。
- 缓入缓出（Slow In & Slow Out）：平滑、对称的缓动。ease-in-out 创造可预测、专业的运动。没有突然加速或突兀停止。
- 弧线（Arc）：平缓、可预测的曲线。相似交互使用一致的弧线模式。避免不稳定或意外的路径。
- 次要动作（Secondary Action）：极简且有目的。辅助动画应强化而非分散注意力。加载指示器应平静而稳定。
- 时间（Timing）：适中、一致的时长，250-400ms。既不过快（显得仓促），也不过慢（显得故障）。相同元素应始终以相同速度动画。
- 夸张（Exaggeration）：极小，5-10%。接近真实的运动显得专业且可信。以细微打磨取代戏剧化效果。
- 扎实的绘画（Solid Drawing）：保持完美比例。没有扭曲或变形。元素应感觉稳定、构造良好。
- 吸引力（Appeal）：干净、平衡的设计。对称暗示稳定。以专业美学取代俏皮魅力。
使用方式
资料给出了时长与缓动的推荐值：
| 元素 | 时长 | 缓动 |
|---|---|---|
| 过渡（Transitions） | 250-350ms | ease-in-out |
| 反馈（Feedback） | 150-200ms | ease-out |
| 加载（Loading） | 连续 | linear |
| 模态框（Modals） | 200-300ms | ease-out |
CSS 缓动变量：
--trust-smooth: cubic-bezier(0.4, 0, 0.2, 1);
--trust-enter: cubic-bezier(0, 0, 0.2, 1);
--trust-exit: cubic-bezier(0.4, 0, 1, 1);
一致性规则：
- 相同动作 = 始终相同的动画
- 时长偏差：最大 ±50ms
- 不使用随机或可变的时长
- 尊重系统动效偏好
- 禁用时优雅降级
适用场景
- 金融交易与支付
- 表单提交与数据录入
- 身份验证流程
- 设置与配置
- 进度指示器
- 确认对话框
- 企业级应用
限制
资料未提供该技能的具体安装方式、依赖环境、平台支持范围、收费模式或效果数据，这些信息暂未提供。