Тёмный

How to Create a Drop down Menu Component in Adobe XD | Tutorial 

Digital Art Creation
Подписаться 324 тыс.
Просмотров 140 тыс.
50% 1

Опубликовано:

 

22 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 66   
@petera3788
@petera3788 4 года назад
Thank you for taking the time to show us how to do this. Very easy to follow
@akunikkola
@akunikkola 3 года назад
I followed this tutorial step by step, but I'm really confused because at 4:45 you create the ''option states'' that look exactly the same as the others, and even though you don't go back to edit them they look totally different from 8:35 onwards. You have clearly missed this ''editing option state layers'' step, or?
@KimberZarco
@KimberZarco 4 года назад
I don't know who you are but I love you, THANKS!!
@Its_me_rishi_
@Its_me_rishi_ 4 года назад
I got selected in an interview with this step, thanks :)
@McKlimm
@McKlimm 4 года назад
Hello Sir and thanks a lot for this tutorial. As a relative newcomer to XD this was the first time I really got the logic behind animating components (which is quite confusing at first). Maybe it‘s your calm way of explaining or the structure of explanation- whatever it is : Thanks !
@davetaylor7664
@davetaylor7664 2 года назад
a massive help with what I'm currently working on, so much appreciated :D
@iannesofie
@iannesofie 3 года назад
Great tutorial! Does anyone know if I can create the interactions in Prototype instead of XD for this component?
@migueldejesus8344
@migueldejesus8344 3 года назад
man this helped a lot I made a dope drop down thanks to you! 👌👍
@paulXmbingu
@paulXmbingu 4 года назад
Hey man, this is a very useful tutorial. Thanks for sharing. How do record your screen cast? Which software do you use and what settings do you apply for exporting?
@freedomyong2972
@freedomyong2972 4 года назад
how do u add items inside the mask like only show in option 1 then after changing it to option 2 it wont show up?
@asyleee
@asyleee 4 года назад
thanks for your tutorial! really helped :) Would you know if there's a way to do a scrollable drop-down menu in xd? (if it's not supported yet in xd, maybe a mimicking workaround perhaps...?)
@andikaputrapratama6123
@andikaputrapratama6123 3 года назад
Great explanation! Thank you for sharing.
@salmamostafa
@salmamostafa 3 года назад
great tutorial, thanks!! but I want to create another dropdown menu and add a button outside the menu that says "ok" and when I click option 1 in the 1st menu ad option 1 in second menu then click ok it drive me to a different page and so on any tutorial for this? thanks
@samisak_kids
@samisak_kids 3 года назад
Thank you so much for the tutorial, just what I needed!
@joaovpguimaraes450
@joaovpguimaraes450 3 года назад
Great tutorial, you saved my day, thanks you from brazil !
@burjhers832
@burjhers832 3 года назад
My destination only shows artboards, it doesnt show other components or layers :( help
@CHi-le1qc
@CHi-le1qc 3 года назад
exact same problem, I don’t know what to do
@yanoahnoya5217
@yanoahnoya5217 3 года назад
yep same
@TheAlixx623
@TheAlixx623 4 года назад
This was really helpful! Thank you so much and appreciate your effort creating the video
@DigitalArtCreation
@DigitalArtCreation 4 года назад
Glad it was helpful!
@sr_yeet
@sr_yeet 3 года назад
Thank you, Helped me a lot.. good one sir..
@samiulislamsharan
@samiulislamsharan 3 года назад
I get this but when I do this with multiple menus containing submenues with them and put them in stack they doesn't slide then I tap to extend a menu. How can i achieve that?
@ramalsrougi
@ramalsrougi 3 года назад
Very useful 😍 thanks ❤
@dmedilicious8488
@dmedilicious8488 4 года назад
Nice video. The only problem I have is that the states are much for what I'm doing and I can't seem to scroll to any state not shown on the property inspector but you seem to select any state easily. Only 4 states are shown in mine and I cannot go to the others and if I try scrolling, it's the general scroll that's activated
@jacopovivaldini8424
@jacopovivaldini8424 4 года назад
Hi, i was looking for something more than what you have posted: i need to do exactly what you've shown, but i need ALSO to highlight the option (make it bold or change its color) when i pass on it with the cursor. I'm struggling a lot... can please anybody help?
@wensihu8356
@wensihu8356 4 года назад
You can do it bro
@emilyjane9390
@emilyjane9390 3 года назад
Okay so I followed this video, My default state is the drop down list open, when I want the default to be it closed, how can I change it without it hiding all of the other options when I change it???? I dont want to have to redo it all because I have quite alot of options😕
@seanhardman1964
@seanhardman1964 2 года назад
when I click each state it doesn't change to the original format
@4988raja
@4988raja 2 года назад
Interesting one ☝️
@CHi-le1qc
@CHi-le1qc 3 года назад
Thank you so much!!
@jamievdj2824
@jamievdj2824 Год назад
On 5:45 sec won't work to drag the options 2-3 above..
@omme2459
@omme2459 4 года назад
Thanks sir.!! And can we have some tips about how to export this to HTML?
@90s_sarcastickid95
@90s_sarcastickid95 4 года назад
What about part-2 of ui clock and music player?
@Nrek_AI
@Nrek_AI 4 года назад
Thank you so much for this - truly helpful!
@everdavid6256
@everdavid6256 3 года назад
Thank you mario
@vasucreations2678
@vasucreations2678 4 года назад
if there are two dropdowns one below the other how to work with it? if i click on the bottom one the top component is getting selected.
@carolinadicamillo8981
@carolinadicamillo8981 3 года назад
Hey Vasu! Did you resolve this issue? Is happening the same for me.
@OtusWise
@OtusWise 4 года назад
Hi. Do you have any animation tutorials of a car moving forward like on a 3D plane? Thanks for your time.
@DigitalArtCreation
@DigitalArtCreation 4 года назад
Not yet!
@OtusWise
@OtusWise 4 года назад
Digital Art Creation Okay. Thanks for responding!
@DesignersValley
@DesignersValley 4 года назад
Really love it. You are my inspiration bro. I started my channel to watch your videos. thanks bro ;)
@زمنالسقا
@زمنالسقا 3 года назад
Thanks brother
@yusrakhan3
@yusrakhan3 4 года назад
Hey, I need help with the sidebar drop-down menu. I am trying to make a menu that I can click on one menu while it stays open I can click on another one on XD. If you can help me if will be great THank you. if you have a Facebook group or something else where I can send a video would be great. I can show you what I need help with.
@aangbrian2723
@aangbrian2723 4 года назад
Please help from 8:31 when i click option 2 the order doesnt change but in the video the order is changing
@pramodhss
@pramodhss 4 года назад
yes... for me also not changing
@muhammaddanyal8493
@muhammaddanyal8493 4 года назад
brother if you solve this problem then please tell me
@deeniswaranselvaras1975
@deeniswaranselvaras1975 4 года назад
Change it manually by typing there
@DigitalArtCreation
@DigitalArtCreation 4 года назад
You have to change labels in each of closed states .
@natali9263
@natali9263 2 года назад
@@deeniswaranselvaras1975 Hi, I tried to chance manually, but it just returns to the old label.... it hovers between the old label and the new one like a glitch...help me :p
@designerbounab2476
@designerbounab2476 3 года назад
thanks my bro
@rahulmartin10
@rahulmartin10 2 года назад
Great tutorial.. But adobe xd is not really a good option for wireframing, For making each component is too complicated compared to other free wireframe tools. Wish it could be much more user friendly :/
@kapt819
@kapt819 4 года назад
Good tutorial! 👍🏼
@jesuscesar4352
@jesuscesar4352 3 года назад
chevere manito, me salvaste
@esssee5121
@esssee5121 3 года назад
My dropdown symbol doesn't highlight in prototype 😫😭
@artmuseum123
@artmuseum123 4 года назад
😀🌺Your video is so beautiful. 🎵🎶You made an amazing video.🌹
@venkatesansj7919
@venkatesansj7919 2 года назад
I am confused bro...
@saltypretzzel9668
@saltypretzzel9668 2 года назад
This is so hard. Crying and throwing up.
@HaiderMajlesi
@HaiderMajlesi 4 года назад
Bhai please apna Insta ID bataye Aap se bohat bohat bohat bohat zaruri Help chahiye.. please tell your instagram ID
@Flaviotrs
@Flaviotrs 3 года назад
Muito bom...
@BowGazalh
@BowGazalh 4 года назад
COOL
@charliemagati7418
@charliemagati7418 4 года назад
THIS VIDEO IS BOGUS!!!! ALOT OF STEPS SKIPPED. NOT GOOD FOR LEARNING!!
@a_n_i_m_e_sound
@a_n_i_m_e_sound 4 года назад
😍😍😍😍
@mrshark100100
@mrshark100100 4 года назад
omg can you please slow down!!!
@elias1410e
@elias1410e 3 года назад
XD
@Underhills
@Underhills 4 года назад
Jisses christ man, get a grip!
Далее
Multi-Level Nested Dropdown Menus in Adobe XD
15:06
Просмотров 85 тыс.
Борщ в стиле высокой кухни!
00:57
Fake Referee Whistle Moments 😅
00:38
Просмотров 8 млн
Simple Dropdown Menu in Adobe XD - Auto Animate
13:10
Просмотров 4,5 тыс.
Adobe XD Multiple Interactions Prototype Tutorial
11:02
Adobe XD Dropdown Menu
9:02
Просмотров 94 тыс.
Борщ в стиле высокой кухни!
00:57