Principle for UX Design

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