-
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 Mac-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.
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
