YoVDO

Principle for UX Design (2019)

Offered By: LinkedIn Learning

Tags

User Experience Courses Animation Courses Sketch Courses Figma Courses UX Design Courses

Course Description

Overview

Learn how to create dynamic interactive prototypes for smartphones, tablets, and desktop computers with Principle for Mac, the UX design tool.

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.

Syllabus

Introducing Principle
  • What is Principle?
1. Getting Started with Principle
  • Review of the Principle interface
  • More of the Principle interface
  • Creating and adding artboards
  • Adding content to an artboard
  • Adding and formatting text
  • Create your first animation
  • Test and share your work
2. Using the Principle Timeline
  • Understanding the timeline
  • Adding keyframes and durations
  • Using the easing feature
  • Motion paths
  • Create a tabbed interface
  • Create scrollable content
3. Using the Principle Drivers
  • Overview of Driver Channel
  • Constrain drivers
  • Interactive drivers
  • Paging
  • Drivers and paging
4. Managing Content in Principle
  • What Principle doesn't do
  • Create assets in Photoshop
  • Create assets in Sketch
  • Import Sketch artboards
  • Import Figma artboards
  • Cropping and masking
5. Practical Principle Projects
  • Drag and drop
  • Create reusable UI components
  • Create a preloader animation
  • Card animation
  • Create a slide-in menu
  • Create a video player
  • Create a video scrub control
  • Control the audio volume of a video
  • Create an Apple Watch UI
Conclusion
  • Next steps

Taught by

Tom Green

Related Courses

Interactive 3D Graphics
Autodesk via Udacity
Creative Coding
Monash University via FutureLearn
Make Your Own 2048
Udacity
An Introduction to Interactive Programming in Python (Part 2)
Rice University via Coursera
HTML5 Coding Essentials and Best Practices
World Wide Web Consortium (W3C) via edX