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

Paging - Principle Tutorial

From the course: Principle for UX Design (2019)

Start my 1-month free trial

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…

Contents