January Sale 75% off all courses until 24th Jan
NEW Special offer UI Design: Animated is better By Daniele Buffa
January Sale!
$100 $25
UI Design: Animated is better
English English, Spanish, French (+3) [Machine translation]
3 Hours 50 Mins Course

UI Design: Animated is better

January Sale!     $100 $25

Learn the basics of motion design for digital experiences. Approaching the animation world can be challenging at the beginning, with many things to understand and learn and often there is some confusion on which is the best and most efficient way of learning this skill.

In this course I want to share with you the basics of motion & interaction design for digital experiences. We’ll talk about the pillars of animation like timing, easing, offset and more.

We’ll use Principle and After Effects to play with these concepts and understand the differences between functional prototyping and creative interactions.

We’ll animate a flow of an app with Principle, discovering best practices of product animation. Then we’ll have some fun in After Effects animating a full landing page, from the main transitions to micro interaction and teeny-tiny details.

This course is perfect for you if you’re just approaching the animation world or if you want to bring your motion game to the next level.

The subtitles are automatically generated, so the quality of the captions may vary.
Course Table of contents
What will you learn?

5 sections • 17 lectures • 3 hours 50 mins

  • Introduction
    2 lectures 03:04 Mins
    • Hello, My name is...
      01:26 Mins
    • What we’ll we do in this course?
      01:38 Mins
  • The Basics of Motion for Digital Experiences
    4 lectures 09:04 Mins
    • The importance of knowing the basics
      01:07 Mins
    • Starting from a Keyframe
      01:03 Mins
    • The Pillars of Animation
      05:22 Mins
    • Adapting your animation style
      01:32 Mins
  • Animate in Principle
    5 lectures 1 Hour 19 Mins
    • Organizing and importing your design on Principle
      07:03 Mins
    • Understanding Principle Interface
      04:28 Mins
    • Animating Session on Principle pt.1
      31:39 Mins
    • Animating Session on Principle pt.2
      35:11 Mins
    • Takeaways on Principle
      01:05 Mins
  • Animate in After Effects
    5 lectures 2 Hours 18 Mins
    • Organizing and importing your design on Ae
      12:47 Mins
    • Understanding Ae Interface
      13:52 Mins
    • Animating Session on Ae pt.1
      50:18 Mins
    • Animating Session on Ae pt.2
      1 Hour 19 Mins
    • Takeaways on Ae
      01:25 Mins
  • Conclusion
    1 lectures 00:29 Mins
    • Well done folks!
      00:29 Mins
Daniele Buffa
Work Work Work 
Work Work Work 

Daniele knows how to pull the right strings to add an unreal layer of awesomeness to the digital experiences he crafts. In this course you'll learn how to think, prototype and then give life to amazing motions that will enrich your website.
Fabio Carretti
Fabio Carretti Developer @ Paper Tiger + freelance
Course details

UI Design: Animated is better

UI Design: Animated is better

By Daniele Buffa

$25 75% off $100

January Sale!

  • English
  • English, Spanish, French, Japanese, Italian, Portuguese (Machine translation)
  • Beginner, Intermediate & Advanced
  • Access on mobile and Desktop
  • Full time access
  • Certificate of completion
About the Speaker
Learn from the best
  • Daniele Buffa

    Daniele Buffa

    Designer @MetaLab


    Daniele Buffa is a Creative Designer with focus on visual, motion, 3D & interaction design. During his design career he had the opportunity to work with companies & clients like Google, Sony Music, Headspace, Business Insider & More. He is also very passionate about cinema and he particularly loves the aesthetic of directors like Nicolas Winding Refn (Drive, Only God Forgives) or Dennis Villenueve (Arrival, Blade Runner 2049) he also loves to experiment with electronic music production in his free time and to play with his cat, Ed.


Similar Courses