Multi-level Dropdown Menu Design and Prototyping | Adobe Xd | Blue Fin Design
Вставка
- Опубліковано 31 лип 2021
- Design and prototype a multi-level dropdown menu for an app or website. This dropdown is completely scalable, customizable, and adaptable to your design styles!
Watch this video to learn how to prototype input fields animation in Adobe Xd.
Check out my previous video on the design and prototype of Input Fields - • Input Fields Design & ...
Howard Pinsky's dropdown menu design video - • Multi-Level Nested Dro...
If you liked this video and would like to see more such tutorials, do subscribe to this channel - / bluefindesign
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
View our work - www.bluefindesign.ca
Connect with us on Social Media:
Instagram - / bluefin.design
Facebook - / bluefin.design
Behance - www.behance.net/nikhilgala/
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Keywords -
UX Design | Experience Design | UI Design | User Experience Design | Prototyping | Adobe Xd | Figma | Tutorial | Animations | Mobile App | App | iOS App | Android App | Input Fields | Input | Dropdown | Menu | Multilevel | Submenu | Scalable | Customizable | Adaptable | Prototype | Components | Nested Components
Thank you so much for 1k views on this video!
I’m so grateful and hope that you benefited from this video. If you have any feedback or questions, feel free to put them down in the comments.
Happy designing :)
This vid helped as the previous one you mentioned felt overly complicated, thank you!
I'm glad this was helpful :)
Consider subscribing and sharing this to your friends
@@BlueFinDesign subbed!
Do you know why I may not be able to keep my default state as 100% opacity while the hoover is 0%? When setting the hoover it's automatically making my default state 0%.
Hey hope you liked the video.
To answer your question, if you change any property in the default state, unless it’s already overridden in the other states, all the states update that change in the property.
Can you elaborate your question so I can understand your situation better ?
This drop down menu is nice but both nobody is explaining how you can actually CLICK on the options like you would need to in a real website. We want these components to be as accurate as possible when sending out prototypes. Simply scrolling through the menu is only half of it, need to be able to pick one of the options! (Nice job though)
Thank you for watching this video!
In your design/prototype, you can link the menu option to the destination screen from the components directly.
These components are as close to the real world as they can be. One needs to be mindful that these are just prototypes and not the actual application, and should manage the stakeholders' expectations when sharing these designs.
@@BlueFinDesign Ok thanks a lot for your response I appreciate it! I am transitioning from graphic design into UX so Im still learning what's required and what's not. Id like to see you tackle a disappearing search bar if you haven't done one already!
Thank you for your feedback. I genuinely appreciate it.
I've taken a note of your suggestion and will share a video on that soon :)
what a useless and waste element in XD. Thanks anyway.
Thank you for sharing your thoughts :)