From the course: Principle for UX Design
Join today to access over 24,700 courses taught by industry experts.
Use the paging property - Principle Tutorial
From the course: Principle for UX Design
Use the paging property
- [Instructor] A common design pattern is an image carousel where a series of hero images are brought into focus by either swiping, clicking, or dragging on the screen. In Principle, the Paging feature is pretty close to scrolling and can be used to create these carousels. And that's what we're going to look at in this exercise. To get yourself started, open the Paging file found in your chapter download. So I've got the thing set up. And basically, what we want the user to do is to just sort of drag through here and bring these images into play. So the first thing you want to do, of course, is group the images. And so I'll just select them in Command + G to make a group, and I'll name it Images, just so I know what it is. And then, I'm going to select the group and select Page from the Horizontal properties. And if I bring in the Preview, you can see it does exactly what it's supposed to do, but there's a problem here, of…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.