Create a scrollable dropdown menu | Adobe XD 2020 tutorial
In this UI design tutorial, I'll show you how to create a scrollable dropdown menu in Adobe XD | Subscribe: https://bit.ly/2AQm1x
This project covers the following areas;
- Masks 3:39
- Repeat grid tool 8:34
- Component hover state 11:11
- Scroll groups 12:48
- Animated masks 15:05
Sometimes a dropdown menu just has A LOT of stuff in it, and the actual dropdown container itself will need to scroll. This design was really inspired by the Google apps menu you can see on the Google homepage.
As always folks, I hope you learnt something new and enjoyed this tutorial. It's always good to hear from you, so leave a like or even a comment below, that's all for now.
#adobexd #uidesign #xdtutorial
Видео Create a scrollable dropdown menu | Adobe XD 2020 tutorial канала UX&D
This project covers the following areas;
- Masks 3:39
- Repeat grid tool 8:34
- Component hover state 11:11
- Scroll groups 12:48
- Animated masks 15:05
Sometimes a dropdown menu just has A LOT of stuff in it, and the actual dropdown container itself will need to scroll. This design was really inspired by the Google apps menu you can see on the Google homepage.
As always folks, I hope you learnt something new and enjoyed this tutorial. It's always good to hear from you, so leave a like or even a comment below, that's all for now.
#adobexd #uidesign #xdtutorial
Видео Create a scrollable dropdown menu | Adobe XD 2020 tutorial канала UX&D
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Multi-Level Nested Dropdown Menus in Adobe XD](https://i.ytimg.com/vi/v9pdW0q61lE/default.jpg)
![XD Daily Creative Challenge - Dropdown Menu](https://i.ytimg.com/vi/1uV09DoudWs/default.jpg)
![Scroll Menu Animations in Adobe Xd | Scroll Groups | Design Weekly](https://i.ytimg.com/vi/x75-YuXSWdQ/default.jpg)
![Adobe Xd Tutorial - Fixed header & sticky elements AFTER scrolling](https://i.ytimg.com/vi/LfnGNCVZ4nw/default.jpg)
![How to make a hamburger menu animation in Adobe XD](https://i.ytimg.com/vi/mUeu1gw11Hg/default.jpg)
![](https://i.ytimg.com/vi/XIT9fFZ7CsI/default.jpg)
![Hover Dropdown Menu Animations in Adobe Xd | Design Weekly](https://i.ytimg.com/vi/ZII1R1GPwF0/default.jpg)
![How to create a Mega Menu in Adobe XD | Nested component tutorial](https://i.ytimg.com/vi/IzSkQF70EfI/default.jpg)
![Landing Page design in Adobe XD (2020)](https://i.ytimg.com/vi/Oj6q_-kAPrQ/default.jpg)
![How To Animate Hamburger Menu In Figma](https://i.ytimg.com/vi/46sbeiRlfN0/default.jpg)
![Adobe XD - Water animation in 6 minutes.](https://i.ytimg.com/vi/Ev3fSi7P66c/default.jpg)
![Adobe XD Drag Tutorial - Create an Interactive Image Carousal](https://i.ytimg.com/vi/_C89fysipC8/default.jpg)
![Scroll Menu Animation - Adobe Xd Tutorial](https://i.ytimg.com/vi/JUlPVVw-ge0/default.jpg)
![Nested Components in Adobe XD](https://i.ytimg.com/vi/UJmBwDMle5U/default.jpg)
![Adobe XD Tutorial | Smooth Slide-Out Menu](https://i.ytimg.com/vi/Lo1jXDYHJqY/default.jpg)
![Hamburger Menu Animation | Figma Tutorial](https://i.ytimg.com/vi/gd33fI3GH5Q/default.jpg)
![Figma Tutorial: Hamburger Menu Animation | 2021](https://i.ytimg.com/vi/SX3epQoD90E/default.jpg)
![Figma Dropdown Menu with Variants | Figma Prototype Tutorial](https://i.ytimg.com/vi/hZd0s8yN0Io/default.jpg)
![How To Animate Toggle Button In Figma](https://i.ytimg.com/vi/e31lFAVDhuA/default.jpg)
![Hover Drop Down Menu in Adobe XD Animation Tutorial - Simple and Effective](https://i.ytimg.com/vi/_9ymeCC1ttI/default.jpg)