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.
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.
