其他

slow-800-1200ms

dylantarre/anim…inciples

Use when building deliberate motion between 800-1200ms - dramatic reveals, loading sequences, storytelling moments where users should pause and absorb

  • 483 次安装
  • 133 星标
  • 收录于

安装命令

npx skills add https://github.com/dylantarre/animation-principles --skill slow-800-1200ms

SKILL.md

Slow Animations (800-1200ms)

At 800-1200ms, animation approaches cinematic territory. This is deliberate, intentional motion for moments that matter. Users are expected to stop and watch.

Disney Principles at Slow Speed

Cinematic Application

Squash & Stretch: Pronounced and characterful - 25-35% deformation tells stories. Objects have weight and personality.

Anticipation: Full theatrical wind-up - 200-300ms preparation. The audience knows something is coming.

Staging: Scene composition - think in terms of camera and stage. Clear visual hierarchy with entrance order.

Straight Ahead/Pose to Pose: Pose to pose essential - 4-6 key poses for 1 second of motion.

Follow Through: Extended overlap - different elements settle at clearly different times, 200-300ms of settling.

Slow In/Slow Out: Dramatic curves - strong ease-in creates weight, strong ease-out creates impact.