Hi,
Do you know any tutorial where you can learn how to create a 3-4 level side navigation menu?
Solved
3-4 level side navigation
Best answer by Raphael_M
Hi, Aph.
I am not entirely sure how your design library goes. But, you can do multiple levels of nav by doing multiple types of change to between variants.
- Change to from Main Menu open to close.
- Change to from submenu open to close.
- Change to from subsubmenu open to close.
- (so on…)
Using this logic, you can create multiple layers of nested dropdowns in 1 menu.
Here is the file that you can take a note of how I did it.
Menu Animation - 3 layer menu nav.fig (32.3 KB)
Here is video of that prototype.
Hi, Aph.
Is it possible for you to tell me more what you are trying to do? I’m quite familiar with prototyping techniques. Maybe I can help you. If you can provide a simple storyboard, much better.
Thank you.
[Edit] I want to confirm though if this is about prototyping a 3-4 level side menu.
What I’m talking about is a 3-4 level side menu, something like the screenshot below
Hi, Aph.
May I know if this is about prototyping the nav or are we talking about how to design the nav?
prototyping the nav
Hi, Aph.
I am not entirely sure how your design library goes. But, you can do multiple levels of nav by doing multiple types of change to between variants.
- Change to from Main Menu open to close.
- Change to from submenu open to close.
- Change to from subsubmenu open to close.
- (so on…)
Using this logic, you can create multiple layers of nested dropdowns in 1 menu.
Here is the file that you can take a note of how I did it.
Menu Animation - 3 layer menu nav.fig (32.3 KB)
Here is video of that prototype.
1 person likes this
Reply
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.