January Sale 75% off all courses until 24th Jan
NEW Special offer Complete guide to Prototyping & UI Animations in Principle By Aashish Kumar
January Sale!
$100 $25
Complete guide to Prototyping & UI Animations in Principle
English English, Spanish, French (+3) [Machine translation]
3 Hours 54 Mins Course

Complete guide to Prototyping & UI Animations in Principle

January Sale!     $100 $25

UI animation is not only a visual garnish but a skill that can tell better stories & create aesthetically-pleasing user experiences. Motion looks difficult at first but if mastered can add a new dimension to your creative process.

With this course I’m gonna make all about prototyping and animation easy for you. I’m going to teach you how to think about motion in UI, and how to create that working prototype that can impress your clients and stakeholders.

In this course, you will learn how to add fluid motion to your designs and create interactive prototypes. We will cover topics ranging from basics of animation & prototyping, use of motion in UI, motion choreography, micro-interactions to multiple page prototypes with complex UI animations as well as how to prepare, animate and export your animations in Principle.

We’ll be creating a multiple pages mobile app interactive prototype. From importing in Principle, to preparing your workflow, to animating different UI elements such as page transitions, buttons, images and text.

At the end of this class, you will be able to create interactive prototypes with complex motion.

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

8 sections • 33 lectures • 3 hours 54 mins

  • Welcome
    3 lectures 06:02 Mins
    • Intro
      01:40 Mins
    • What is prototyping and UI Animation?
      02:27 Mins
    • Tools for Prototyping and Animation
      01:55 Mins
  • Use of Motion in UI
    5 lectures 11:02 Mins
    • Why do we need motion in Product Design?
      01:47 Mins
    • Purpose of UI Animations
      02:41 Mins
    • Is UI animation difficult?
      00:54 Mins
    • How does a Prototype and Animation work?
      03:41 Mins
    • What not to do while animating the UI
      01:59 Mins
  • Motion Choreography
    5 lectures 07:50 Mins
    • Breaking down a UI animation
      01:45 Mins
    • Realtime vs Non-Real Time interactions
      01:07 Mins
    • Principles of UX in motion
      02:17 Mins
    • Understanding motion choreography
      01:44 Mins
    • Understanding user interaction with mobile and web
      00:57 Mins
  • Animation Properties
    2 lectures 02:51 Mins
    • Animation styles in Action
      01:45 Mins
    • Creating animation in minutes by simple transform property changes
      01:06 Mins
  • Principle Intro (Basics)
    9 lectures 2 Hours 36 Mins
    • Intro, Installing Principle, Interface and Connecting screens
      12:45 Mins
    • Importing designs & Animation Timeline
      13:45 Mins
    • Creating a footer bar micro-interaction
      11:47 Mins
    • Scrolling & Paging in Action
      07:09 Mins
    • Understanding Drivers
      14:15 Mins
    • Easing, Timing in Animation & Creating Delays
      24:43 Mins
    • Components
      08:13 Mins
    • Creating Fake Tap Areas & Playing Videos
      14:26 Mins
    • Creating an interactive mobile app prototype with video
      49:08 Mins
  • Exporting Prototypes
    2 lectures 06:52 Mins
    • Previewing the interactive prototype on mobile device
      02:56 Mins
    • Exporting Video & GIF from Principle
      03:56 Mins
  • Complex UI animations (Advanced)
    3 lectures 40:19 Mins
    • Rapid Prototyping a UX Solution to a problem
      16:48 Mins
    • How to think about animation quickly?
      12:12 Mins
    • Text animation & Landing Page Animation
      11:19 Mins
  • Final thoughts
    4 lectures 03:52 Mins
    • What tools do I use to work with clients?
      01:05 Mins
    • How to get better at animation thinking?
      00:52 Mins
    • Resources you can take inspiration from
      00:40 Mins
    • Extro!
      01:15 Mins
Aashish Kumar
Work Work Work 
Work Work Work 

The great interaction designer I have ever seen. I have learned a lot from him. Seeing him creating such loveful interactions made me also learning the same. Aashish is an exemplary mentor.
Anshul Bhatia
Anshul Bhatia Product Designer
Course details

Complete guide to Prototyping & UI Animations in Principle

Complete guide to Prototyping & UI Animations in Principle

By Aashish Kumar

$25 75% off $100

January Sale!

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

    Aashish Kumar

    Product Designer @JustWatch, Founder & Creative Director @MillionFrames, & Youtuber


    Aashish Kumar is an award-winning filmmaker and he is currently the Product Designer in JustWatch based out of Berlin. Aashish is passionate about shaping digital experiences through design & motion. He combines his knowledge of Motion design and filmmaking in his creative process to add life to statics designs in digital products. With 8+ years of experience working in digital, Aashish has worked with brands like Byjus, Snapdeal, Cowrks, Envato, and ArtdeSuisse, etc. When he's not working, Aashish loves spending time outdoors shooting videos and photos. He also shares his passion for filmmaking by crafting video templates for filmmakers.


Similar Courses