From the course: Prototyping a WordPress Project in Adobe XD
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Menu animation
From the course: Prototyping a WordPress Project in Adobe XD
Menu animation
- [Instructor] Here we'll be using some of the animation techniques to create the illusion of a hamburger menu. On the mobile version of the BanksBoard website, if I click the hamburger menu, you can see that the menu slides in, I put a close indicator there so the menu could close and I've actually wired these up so it actually goes to all of the various pages which you could technically look at and read just as if you were viewing this on your phone. So let's see how we can go ahead and create the animations to make the menu work in this way. Here's our starting screen and what I have here is I have the mobile version of the website fully built out with all of the artboards and in addition, I've created a new art board called menu. This art board is the exact same size as the additional artboards and I've just made the height so it matches up with the viewable height that would be on this particular type of screen. To…
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.