Welcome to the last part of my Principle app crash course. Read my introduction article if you are new to this app, or go back to the first portion of this workshop.
After part 2, you should now be able to use Principle to show off your design and demonstrate the basic user journey from screen to screen. The basic. This last part of the crash course aims to expand your arsenal with two heavy hitters in Principle — drivers and components. Their purpose is to help you handle complex interactions (like parallax scrolling and this clever 3D card) and boost the authenticity of your prototype.
Download exercise files for this crash course here.
Edit (03/12/19): Link is updated due to missing layers in Exercise 04a file. Thanks Asaf Harari for calling that out!
Drivers
Need a sticky (and stacking) header? Want elements to pop up when you scroll down? The Drivers panel dictates what happens when you scroll up and down, left and right. This feature is powerful. You are able to replicate many more interactions on the web and bring your design to life. …
Read part one (introduction) if you are new to this app.
Now we’re going to learn about the key features in Principle, which define a new approach to prototyping and keep the process linear. This half of the crash course contains more hands-on learning and a deeper look into what makes Principle the Sketch of prototyping tool.
Grab some snacks and open up Principle. Each section includes one to two exercises for you to tinker with.
Download exercise files for this crash course here.
Everything you need for this crash course is already packaged into each exercise file, including these design elements:
#1 The Essential: Setting up Events
We are starting with the most simple task — how to make buttons work. Anytime you select an object in Principle, you will see a lightning bolt icon, click on it, then drag from the trigger you want (the speech bubble will disappear) to the designated artboard. …
Quick start to using Principle to replicate common web interaction
The amount of prototyping apps available can amount to the number of stars in the Milky Way. It can feel overwhelming choosing the right one for you. Luckily, I found Principle. This is the one that suits me the most. In short, Principle delivers low-fidelity designs quickly and even handles complex interactions. This app is for designers who want efficiency without losing control over the finer details. Download Principle here.
To begin this three-part series, I will start with what makes Principle my go-to tool.
Why Principle?
Let’s start with a disclaimer: I have’t — and will never be able to — explore all the prototyping tools available on the market, but Principle became my go-to app soon after I started my search. …
About
