SuperAPI AI 工具集

medium-300-500ms

设计与创作

查看项目

更新于 10-15 21:36

技能介绍

用途:该技能适用于构建 300–500ms 的标准动画,例如页面/视图转场、复杂模态序列、动画插画、数据可视化变化、引导动画、功能揭示、状态机转场和加载完成庆祝等场景。

主要能力:说明 300–500ms 是“标准动画”区间,既足够被观看,又不阻碍流程。资料列出 12 条迪士尼动画原则在该时长下的应用方式,包括挤压与拉伸(15–25% 拉伸较自然)、预备动作(主动作前 80–120ms)、舞台调度、姿势到姿势、跟随动作、缓入缓出、弧线、次要动作、时间(60fps 下 18–30 帧)、夸张、扎实绘图与吸引力。

使用方式:资料给出缓动建议,如 transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1); 以及表现性入场、弹跳、戏剧性减速等曲线。还提供实现模式,如 .page-enter 与 .page-enter-active 的透明度与位移过渡,以及列表项错开延迟(0ms、50ms、100ms)。

适用场景:页面转场、复杂模态、动画插画、数据可视化、引导、功能揭示、状态机转场、加载完成庆祝。

限制:资料未提供该技能的具体安装命令、平台支持、收费方式或效果数据,暂未提供。