Principle for UX Design

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

Concepts

0. Introduction

01 - What is Principle
02 - What you should know

1. Getting Started with Principle

03 - Review of the Principle interface
04 - Tools and menus
05 - Create and add artboards
06 - Add content to an artboard
07 - Add and format text
08 - Create your first animation
09 - Test and share your work
10 - Import from Sketch
11 - Figma import
12 - Export to web

2. Managing Content in Principle

13 - What Principle doesn't do
14 - Modify content in the Properties panel
15 - Create assets in Photoshop
16 - Create assets in Sketch
17 - Create assets in Illustrator
18 - Import retina images into Principle
19 - Crop and mask

3. Using the Principle Timeline

20 - Understand the timeline
21 - Add keyframes and durations
22 - Use the easing feature
23 - Create motion arcs
24 - Create circular motion
25 - Create a tabbed interface
26 - Create scrollable content

4. Using the Principle Drivers

27 - Overview of Driver channel
28 - Constrain drivers
29 - Drivers and layers
30 - Use the paging property
31 - Drivers and paging

5. Practical Principle Projects

32 - Create a drag-and-drop effect
33 - Create a component
34 - Create a preloader
35 - Create a card animation
36 - Create a slide-in menu
37 - Create special effects
38 - Prepare video for Principle
39 - Add video to an artboard
40 - Control audio volume
41 - Control video playback
42 - Create an Apple Watch alert

Conclusion

43 - Next steps