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

Прототипирование и тестирование интерфейса
Moscow Institute of Physics and Technology via Coursera
Introduction to Autodesk Fusion 360
Autodesk via EMMA
Principle for UX Design
LinkedIn Learning
Sketch for UX Design
LinkedIn Learning
Sketch For UX Design Teams
LinkedIn Learning