Motion Graphics for UI Designers using Principle for Mac

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.

In this class you will:

• Understand the principles of animation and how they are used in UI design.
• How to use drivers in Principle to create vertical and horizontal scrolling effects.
• How to use events and the animate timeline in Principle to create hover effects.
• How to work with multiple screens to create transitions.
• How to export and share your prototype.

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:

• 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