SuperAPI AI 工具集

deliberate-1200-2000ms

设计与创作

查看项目

更新于 10-15 21:36

技能介绍

用途:该技能面向需要缓慢、有意图动画的场景,时长区间为1200-2000毫秒,此时动画本身即内容,用于讲故事而非单纯展示界面。

主要能力:以迪士尼动画原则指导慢速动画设计,包括挤压与拉伸(30-40%形变塑造角色感)、预备动作(300-400ms蓄势)、舞台调度、姿势到姿势(6-10个关键姿势定义叙事弧)、跟随动作(主运动完成后300-500ms次级运动)、缓入缓出、运动弧线、次级动作、时间控制(60fps下72-120帧)、夸张、扎实绘图与吸引力。

使用方式:通过CSS缓动与关键帧实现。资料给出示例缓动:animation-timing-function: cubic-bezier(0.34, 0, 0.14, 1);transition: all 1500ms cubic-bezier(0.16, 1, 0.3, 1);transition: all 1800ms cubic-bezier(0.65, 0, 0.35, 1);transition: transform 1600ms cubic-bezier(0.68, -0.6, 0.32, 1.6)。并给出appLaunch关键帧与.app-launch类,使用animation: appLaunch 1800ms cubic-bezier(0.16, 1, 0.3, 1) forwards。

适用场景:应用启动/启动画面、品牌时刻、教程叙事、成就庆祝、里程碑动画、情绪状态变化(如错误到成功)、故事驱动的新手引导、功能发布。

限制与注意事项:用户必须能够跳过或关闭;不得阻塞关键路径;避免在重复访问时播放(需检测回访用户);必须提供真实价值而非装饰;需测试运动敏感度并优先支持减少动态效果。资料未提供具体平台、收费或价格信息。