From the course: Principle for UX Design (2019)
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Paging - Principle Tutorial
From the course: Principle for UX Design (2019)
Paging
- [Instructor] A common UX design pattern is an image carousel, where a series of hero images are brought into focus by either, swiping, clicking, or dragging them on the screen. In principle, the paging feature is pretty close to scrolling and that is what we're going to look at in this exercise. To get yourself started, open the Paging file, found in your chapter, Download. So, what we got here is a series of images of three waterfalls, that we are going to have scroll through the view port here, which is the artboard. And the first step in the process, of course, is to group them. So, we're going to hold down the shift key, and select all three images, press the cmd + g key to group them. And, we'll just name them Waterfall. And now we can concentrate on making this group a carousel. So we select the waterfall group. Make it scrollable, horizontally. And if we test, it scrolls. But if I look on the mess, it just pops right back. Now here's the reason. The width of this group, is…
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.