Create engaging animations and transitions. Master motion design through bite-sized, swipeable learning tiles — designed for busy people who want to learn on the go.
This Motion Design short course on SkillTiles breaks down everything you need to know into 10 structured milestones, each packed with bite-sized learning tiles you can swipe through in under 15 seconds each.
Whether you're a complete beginner or looking to refresh your knowledge, this online motion design course uses AI-powered content to adapt to your learning pace. Each tile delivers a focused concept, example, or quiz — making it perfect for commutes, coffee breaks, or quick study sessions.
Covering 70 key topics across 10 milestones, this course takes you from foundations to practical application. Earn badges as you complete each milestone and track your progress on your learning dashboard.
Course Curriculum
1
Animation Principles
Easing, timing, and meaningful motion
12 principles of animationeasing curvestiming and durationentrance and exit animationsmicro-interactionsloading statesCSS vs JS animations
2
Animation Principles
Foundation of great motion
squash and stretchanticipationstagingfollow-through and overlapslow in and slow outarcssecondary action
3
Timing & Easing
Make motion feel natural
easing curves explainedease-in vs ease-outcubic bezier curvesduration guidelinesstagger and sequencespring physicsperformance budgets
4
UI Animation
Motion for interfaces
micro-interactionsloading statespage transitionshover and focus statesscroll animationsgesture-based animationfeedback animations
5
CSS Animation
Animate with CSS
transitions propertykeyframe animationstransform functionsanimation timingCSS variables for animationwill-change and performanceprefers-reduced-motion