2016
Lynda
Tom Green
2:07
English
Principle for Mac is a Macintosh-based UX prototyping tool designed to bring your design ideas to life. Join Tom Green in this course, 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, interactivity, and even transitions between screens. Along the way, you'll learn how to import assets, crop and mask layers, and use Principle's timeline and drivers. The final chapter of the course includes five examples of real-world prototyping projects: a weather app, a card animation, a ripple effect, a button press, and an Apple Watch alert.
Introduction
1m 42s
Welcome
1m 14s
How to use the exercise files
28s
1. Getting Started with Principle
23m 23s
The Principle interface
6m 31s
Creating and adding artboards
2m 50s
Adding content to an artboard
4m 21s
Adding and formatting text
2m 49s
Creating your first animation
3m 59s
Testing and sharing your work
2m 53s
2. Using the Principle Timeline
23m 15s
Scrolling and tabs
2m 21s
Adding key frames and setting duration
5m 23s
Using the easing feature
5m 50s
Understanding the timeline
4m 52s
Challenge: Zoom an image
1m 9s
Challenge: Solution
3m 40s
3. Using the Principle Drivers
25m 36s
Overview of Driver Channel
5m 21s
Drivers and layers
3m 25s
Adding dragging
3m 38s
How to create page scrolling
5m 9s
How to use paging
4m 41s
Challenge: Drag a card off of the canvas
54s
Challenge: Solution
2m 28s
4. Managing Content in Principle
28m 3s
What Principle doesn’t do
3m 15s
Creating assets in Photoshop
5m 28s
Creating assets in Sketch 3
2m 57s
Working with vectors
2m 21s
Using the Import from Sketch command
1m 34s
Cropping and masking
3m 12s
Using the Properties panel to manipulate content
3m 23s
Challenge: Create a card with an Animated Floating Action button
2m 6s
Challenge: Solution
3m 47s
5. Practical Principle Projects
24m 34s
Creating a weather app transition
5m 5s
Creating a card animation
6m 23s
Creating a ripple effect
5m 38s
Animating a button press
3m 46s
Create an Apple Watch alert
3m 42s
Conclusion
1m 2s
Next steps
1m 2s
lynda.com/Prototyping-tutorials/UX-Design-Tools-Principle/475945-2.html
Download File Size:364.79 MB
|
