Learn Webflow the FAST way with our full Webflow Masterclass course - https://bit.ly/47axYIP

Play with Devins demo file: https://preview.webflow.com/preview/12-principles-of-animatio-b8d3febb39c66?utm_medium=preview_link&utm_source=designer&utm_content=12-principles-of-animatio-b8d3febb39c66&preview=0350abdb6d34468c9744b169e45704fe&workflow=preview

Follow Devin on Twitter: @devinsfountain

How do the pros create award-winning animations that people love? What's the secret sauce missing from your interactions? In this video, I'm going to show you the 12 basic principles of animation you can use to instantly make your website stand out and let you charge more for your work.

You can test these animations yourself on the read-only version of the project. https://bit.ly/43J8DTl



CHAPTERS

00:00 - Intro
01:13 - Squash & Stretch
07:10 - Anticipation
12:00 - Staging
15:22 - Straight Ahead & Pose-to-Pose
19:13 - Follow Through & Overlapping Action
24:49 - Slow in & Slow out
27:06 - Arc
31:06 - Secondary Action
31:34 - Timing
39:22 - Exaggeration
45:44 - Solid Shapes
49:36 - Appeal

Let us know what you’d like to see next!


Find us on SOCIAL MEDIA
Flux Academy's Instagram https://www.instagram.com/flux.academy/
Flux Academy's Twitter https://twitter.com/FluxAcademyHQ

#webdesign #webflow #design