Learn how to create dynamic interactive prototypes for smartphones, tablets, and desktop computers with Principle for Mac, the UX design tool.
Overview
Syllabus
Introducing Principle
- What is 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
- Understanding the timeline
- Adding keyframes and durations
- Using the easing feature
- Motion paths
- Create a tabbed interface
- Create scrollable content
- Overview of Driver channel
- Constrain drivers
- Interactive drivers
- Paging
- Drivers and paging
- What Principle doesn't do
- Create assets in Photoshop
- Create assets in Sketch
- Import Sketch artboards
- Import Figma artboards
- Cropping and masking
- 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
Taught by
Tom Green