How to Animate a Sketch UI using Principle (Skillshare)

How to Animate a Sketch UI using Principle (Skillshare)
Free Course
Categories
Effort
Certification
Languages
Misc

MOOC List is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

How to Animate a Sketch UI using Principle (Skillshare)
This class will show you how to add motion to a User Interface that has been designed in Sketch using Prototype. It’s perfect for any designer who creates their UI using Sketch and wants to add motion and interaction to their designs. No prior experience of Principle is required to take the class as I’ll explain how to use it. The only thing you need to do before you take this is to download the Principle app on your machine.

MOOC List is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

You will learn how to:

- Prepare your Sketch UI for animation in prototype.

- Properly import your Sketch file into prototype.

- Use shapes, easing and timing effects to your UI.

- How to use components to create re-usable animations


You will animate a pre-existing Sketch UI and create an effect similar to the compose button on the inbox app.

Animate the Pre-existing Sketch UI attached and create an effect similar to the compose button on the inbox app. Use the concepts that you’ve learned to experiment with different timings, easing effects, app icons and colours as well. Feel free to change the UI background to mimic a different app even.



MOOC List is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Free Course

MOOC List is learner-supported. When you buy through links on our site, we may earn an affiliate commission.