In this Skillshare class you’ll learn how to use Principle for Mac to add motion design to your user interfaces.
This class is for experienced UI designers that want to bring their designs to the next level with animations.
<img src="https://static.skillshare.com/uploads/discussion/tmp/a206c39f" class="zoomable rounded-image-wrapper" alt="a206c39f">
 
In this class you will:
<ul><li>Understand the principles of animation and how they are used in UI design.</li>
<li>How to use drivers in Principle to create vertical and horizontal scrolling effects.</li>
<li>How to use events and the animate timeline in Principle to create hover effects.</li>
<li>How to work with multiple screens to create transitions.</li>
<li>How to export and share your prototype.</li>
</ul>For this class we will be animating the components of a landing page, by the end of this course you will be able to apply this knowledge to any UI design whether it is for website or mobile.
Here are some examples of what you'll be doing in this class:
<img src="https://static.skillshare.com/uploads/discussion/tmp/7904e941" class="zoomable rounded-image-wrapper" alt="7904e941">
 
<img src="https://static.skillshare.com/uploads/discussion/tmp/a172a155" class="zoomable rounded-image-wrapper" alt="a172a155">
<img src="https://static.skillshare.com/uploads/discussion/tmp/e96e8db4" class="zoomable rounded-image-wrapper" alt="e96e8db4">

Welcome to the class!

Learning objectives

Understanding animation

Principles of animation recap

The illusion of a user interface

Duration

Easing

Working file

Principle: Import our file

Principle: Page scroll

Principle: Page load

Principle: Hover effects

Principle: Scroll effects (part 1)

Principle: Scroll effects (Part 2a)

Principle: Scroll effects (Part 2b)

Principle: Scroll effects (part 3)

Principle: Scroll effects (part 4)

Principle: Interaction scroller (part 1)

Principle: Interaction scroller (part 2)

Principle: Interaction cards

Principle: Auto scroller

Conclusion

Landing Page.fig

Landing page.prd

Project for this class!

Motion Graphics for UI Designers using Principle for Mac

Bettsina Walkinson gave you 1 free month of Skillshare

Get 1 free month of Skillshare

Motion Graphics for UI Designers using Principle for Mac

Project Example by Bettsina Walkinson

Project Example by Bettsina Walkinson

Creative Learning Made Easy

Company

Work With Us

Teach with Us

Shop

Mobile

English

English