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.

Create a slide-in menu

Create a slide-in menu - Principle Tutorial

From the course: Principle for UX Design (2019)

Start my 1-month free trial

Create a slide-in menu

“

- [Instructor] A common design pattern is a slide-in menu, and in principle they are surprisingly easy to create. So let's get started, and to get yourself started, open the slide-in menu file found in your chapter download. So let's talk a little bit about how that works. is it takes focus when it appears. So this is the menu, and it's got to be in focus. So the user should be looking at this on the screen, not at this bright image of the carnival. So everything behind it should either fade or blur to minimize any distractions that prevent the user from concentrating on the menu. Now if we open the main art board, which I've already got open, and hide the fair layer, okay, which is this one here, you can see there's the dark and blur. So by blurring the image, the menu actually gains prominence on the screen. The trigger for this design pattern So let's get started. Let's duplicate the main art board, so I'm just going to hold down the option key, drag it down, and rename it... And…

Contents