In this video, learn how to create a common design pattern.
- [Instructor] A common design pattern is a slide in menu. … In Principle, as you saw earlier in this course … they are surprisingly easy to create. … So let's get started … and to get yourself started open this SlideInMenu file … found in your chapter download. … The key to a slide in menu … is the menu takes focus when it appears. … By that, what I mean is what the user sees either fades … or blurs to minimize any distractions … that prevent the user from concentrating on the menu. … If we open the Main artboard and hide the Fountain layer, … you can see that I've added a blur and a bit of a darken … and this was all created in Photoshop … simply because you just can't do … this sort of thing in Principle. … So basically what will happen here … is by blurring and darkening this menu … will actually gain prominence on the screen. … So we'll turn that back on. … The trigger will be this little icon up here, … this a little person icon. … And when it is tapped, the menu will slide into place …
- Adding content to new artboards
- Creating your first Principle animation
- Managing the Principle timeline
- Animating with keyframes and drivers
- Using assets from Photoshop and Sketch
- Masking and cropping
- Creating an Apple Watch UI
- Creating a video player
Skill Level Intermediate
Prototyping Microinteractions with Adobe Animatewith Joseph Labrecque1h 50m Intermediate
Prototyping Microinteractions with After Effectswith Tom Green3h 33m Intermediate
What is Principle?1m 17s
1. Getting Started with Principle
2. Using the Principle Timeline
3. Using the Principle Drivers
4. Managing Content in Principle
5. Practical Principle Projects
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.