YoVDO

Principle for UX Design

Offered By: LinkedIn Learning

Tags

Web Design Courses Animation Courses Prototyping Courses Sketch Courses Figma Courses User Interface Design 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.

Syllabus

Introduction
  • What is Principle?
  • What you should know
1. Getting Started with Principle
  • Review of the Principle interface
  • Tools and menus
  • Create and add artboards
  • Add content to an artboard
  • Add and format text
  • Create your first animation
  • Test and share your work
  • Import from Sketch
  • Figma import
  • Export to web
2. Managing Content in Principle
  • What Principle doesn't do
  • Modify content in the Properties panel
  • Create assets in Photoshop
  • Create assets in Sketch
  • Create assets in Illustrator
  • Import retina images into Principle
  • Crop and mask
3. Using the Principle Timeline
  • Understand the timeline
  • Add keyframes and durations
  • Use the easing feature
  • Create motion arcs
  • Create circular motion
  • Create a tabbed interface
  • Create scrollable content
4. Using the Principle Drivers
  • Overview of Driver channel
  • Constrain drivers
  • Drivers and layers
  • Use the paging property
  • Drivers and paging
5. Practical Principle Projects
  • Create a drag-and-drop effect
  • Create a component
  • Create a preloader
  • Create a card animation
  • Create a slide-in menu
  • Create special effects
  • Prepare video for Principle
  • Add video to an artboard
  • Control audio volume
  • Control video playback
  • Create an Apple Watch alert
Conclusion
  • Next steps

Taught by

Tom Green

Related Courses

UX Design for Mobile Developers
Google via Udacity
UX Research at Scale: Analytics and Online Experiments
University of Michigan via edX
Introduction to UX Research
University of Michigan via edX
UX Design: From Wireframe to Prototype
University of Michigan via edX
UX Design: From Concept to Wireframe
University of Michigan via edX