Principle for UX Design (2021)

Course details

Principle for Mac is a Mac-based UX prototyping tool designed to bring your design ideas to life. In this course, join instructor Tom Green as he shows how to create interactive prototypes for smartphones, tablets, and desktop computers with Principle. The techniques go beyond static wireframes or blueprints; with Principle, your prototypes become more dynamic, with motion and interactivity. Along the way, learn how to import assets, crop and mask layers, and use the Principle timeline and drivers. The final chapter of the course includes examples of real-world prototyping projects, including a preloader animation, a card animation, a video player, and an Apple Watch UI.

Topics include:
Adding content to new artboards
Creating your first Principle animation
Managing the Principle timeline
Animating with keyframes and drivers
Using assets from Photoshop and Sketch
Masking and cropping
Creating an Apple Watch UI
Creating a video player

Concepts

Introducing Principle

01 - What is Principle

1. Getting Started with Principle

02 - Review of the Principle interface
03 - Principle tools
04 - Creating and adding artboards
05 - Adding content to an artboard
06 - Adding and formatting text
07 - Create your first animation
08 - Test and share your work

2. Using the Principle Timeline

09 - Understanding the timeline
10 - Adding keyframes and durations
11 - Using the easing feature
12 - Motion paths
13 - Create a tabbed interface
14 - Create scrollable content

3. Using the Principle Drivers

15 - Overview of Driver channel
16 - Constrain drivers
17 - Interactive drivers
18 - Paging
19 - Drivers and paging

4. Managing Content in Principle

20 - What Principle doesn't do
21 - Create assets in Photoshop
22 - Create assets in Sketch
23 - Import Sketch artboards
24 - Import Figma artboards
25 - Cropping and masking

5. Practical Principle Projects

26 - Drag and drop
27 - Create reusable UI components
28 - Create a preloader animation
29 - Card animation
30 - Create a slide in menu
31 - Auto animations
32 - Import video
33 - Create a video controller
34 - Scrub the audio and video tracks of a video
35 - Using multiple drivers
36 - Create an Apple Watch UI

Principle for UX Design (2021)

Authors

Tom Green