From the course: Principle for UX Design

Unlock the full course today

Join today to access over 24,600 courses taught by industry experts.

Create a slide-in menu

Create a slide-in menu - Principle Tutorial

From the course: Principle for UX Design

Start my 1-month free trial Buy for my team

Create a slide-in menu

“

- [Instructor] A common design pattern is a slide-in menu. In principle, as you saw earlier in this course, they're surprisingly easy to create. In this exercise, we're going to do things a whole lot differently. So let's get started, and to get yourself started, open the slide-in menu file found in your chapter download. As explained earlier in the course, the key to a slide-in menu is letting the menu take focus when it appears. By that, what I mean is what the user should be looking at is the menu and everything else either fades or blurs to minimize any distractions that prevent the user from concentrating on the menu. And you can see, when you open it up, we've kind of got that in play here. There's the image that they first see, there's the menu that's going to slide in, and there is a blurred version of the image. Now, to reiterate, there is no blur feature inside of Principle. So this has to be done in Photoshop…

Contents