Principle for UX Design

Principle for UX Design
Principle for UX Design
English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 2h 12m | 459 MB

Principle for Mac is a Macintosh-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
Table of Contents

Introducing Principle
1 What is Principle

Getting Started with Principle
2 Review of the Principle interface
3 More of the Principle interface
4 Creating and adding artboards
5 Adding content to an artboard
6 Adding and formatting text
7 Create your first animation
8 Test and share your work

Using the Principle Timeline
9 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

Using the Principle Drivers
15 Overview of Driver Channel
16 Constrain drivers
17 Interactive drivers
18 Paging
19 Drivers and paging

Managing Content in Principle
20 What Principle doesnt do
21 Create assets in Photoshop
22 Create assets in Sketch
23 Import Sketch artboards
24 Import Figma artboards
25 Cropping and masking

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 Create a video player
32 Create a video scrub control
33 Control the audio volume of a video
34 Create an Apple Watch UI

35 Next steps