Principle for UX Design

Introducing Principle

• What is Principle?

1. Getting Started with Principle

• Review of the Principle interface
• Principle tools
• 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
• Auto animations
• Import video
• Create a video controller
• Scrub the audio and video tracks of a video
• Using multiple drivers
• Create an Apple Watch UI