Create a Working Sidebar Menu - Adobe Xd Tutorial

Create a Working Sidebar Menu - Adobe Xd Tutorial
Working with the prototype tab of Adobe Xd to create a sidebar menu that slides in from the side. Perfect for simulating a sidebar menu for a client. I will teach you how to use the basic tools of Xd and how to make a nice sidebar menu design. Repeat grid is a really cool feature we will be using in the video. Want more Adobe Xd? Let me know with a comment.
Have a great day and don’t forget to Like,Share the video and Subscribe for NEW VIDEOS every Tuesday, Thursday and Saturday!
Subscribe- ruclips.net/user/CalerEdwa...
Used:
Adobe Experience Design CC
Previous Video:
• Web Design Speed Art -...
Hire Me? Just send me a private RUclips message (Fees do Apply) or send me an Email (on about page).
My Links:
Website- caleredwards.com
Facebook- / caler-edwards-12628247...
Behance- behance.net/CalerEdwards
GooglePlus- plus.google.com/u/0/+CalerEdw...
Plugins I use (Photoshop):
Font Awesome PS: • My Favorite Photoshop ...

[@ryanjones444]

My friend, your videos are fantastic! Watching your videos is part of the reason I decided to learn HTML and CSS. I am now working as a web developer, living the dream! Thanks man.

[@rajeshlad3519]

From all videos...i like this one most coz u explain everything in detail and properly...thank u so much for this❤

[@fortsts]

Wow it's satisfying to see how quickly you built the UI. Great tutorial! Thank you.

[@loiuhuiygny7guyguiygk]

finding great tutorials are hard, but finding great tutorials with great design skills! even harder, nice job man :) thanks

[@mariaellers8026]

Thanks Caler really like your teaching style quick, simple and easy to follow no BS like a lot of others. Cheers Maria

[@Rych3rInLyf3]

I started learning UI/UX over the holidays and recently got a beta copy of this software for Windows 10. Im amazed how efficient the tools and everything is. This tutorial was my first time actually designing a layout. Thanks for your detailed videos. I never felt confused or lost.

[@CalerEdwards]

Thanks for the good feedback! Yea, Adobe Xd is really amazing, the adobe team did a really great job on it.

[@cb6862]

It can't get anymore simple than this. Thank you soo much howtobasic!

[@shervin66]

Great tutorial man! These days people just run through the instructions without much clean explanation of the usage of tools in programs. Definitely not the case for you. thanks for taking the time.

[@Schalubi]

Very nice and clear explained with additional useful steps. Thank you!

[@himanshukushwaha7200]

The introduction was very helpful, thanks!

[@prabhakarmishra2182]

Thx for sharing your knowledge

[@MrMartillo20Lbs]

This helped a lot. Thanks for the video!

[@mansoorahmed3239]

Excellent explanation!!! Thank you.

[@maxlima9165]

Awsome job! You nailed it. Thank you so much.

[@Hamza-xc9kb]

Thankyou so much. I'm an app developer and now I can design apps as well. Leand a lot. Thankss..

[@DallySkyeAnims]

The illusion definitely holds up well. Very nice work!

[@martinxi2439]

Thank you for the Playlist. At least I have lessons being learned in order. Focus guaranteed. Thankyou. Great work Sir. Michael.

[@just4creative]

Well done great job, easy to understand, thank you

[@ondratraveler7415]

clever idea. Thanks for the tutorial.

[@jopisjournal7036]

This is so helpful. Thanks so much!

[@shankhuishirik7965]

Thank you very much. Very simple and understandable

[@zakariamoulay6445]

looking forward to learning from the rest of your videos. Subscribed!

[@Barrakovsky]

This tutorial is awesome!!! Thank you very much!!!

[@sunrose6372]

This helped a lot, thank you!!

[@merulapiz7515]

seriously helped thank you!!

[@jazken]

Thanks for the tutorial! It's great although it might be a bit faster! Can't wait to see more.

[@aci25tv]

Great tutorial. Thank you!

[@dannyelACM]

Thanks Caler ! Very helpful and the way you explain how it works makes it even easier.

[@CalerEdwards]

Thanks! glad It helped :D

[@nojyeloot]

So dang nice looking man. Extremely inspiring. Thanks for showing this. It's made me scrap half my prototype ideas due to your insight. Thank you.

[@DA-ed9bv]

This was so helpful thank you
More like these videos please :)

[@arnoc.2107]

Very helpful tutorial. Thanks alot!

[@007MrNiko]

Cool tutorial thank you) Keep it up!

[@JeremyChevallier]

Finally, 12m 36s later and we finally get to the purpose of this video - creating a working sidebar menu. Thanks for posting.

[@imerycdasilva]

Great tutorial, bro! Just what I needed to get started.
Good explanations, right to the point and practical examples. I liked it.
I'll be expecting more vids!

[@CalerEdwards]

Thanks!! Glad to hear it was helpful :D

[@dediatib6573]

thanks bro.. keep it on making like this great video bro...

[@94JAVS]

you got a new subscriber! thanks man, I appreciate that video

[@Sa32929]

Thanks for the video, very helpful and well explained. Off to make so soft

[@unknown-do5oo]

Fantastic tutorial, keep up the great videos!

[@Malygos11]

firstly I would like to wish you well and to say a huge thank you for uploading these videos as they have been an invaluable resource to

[@dogacapanoglu]

this is perfect. thank you very much :)

[@balajiEditz666]

thanks bro very helpful

[@wayoindia9085]

This was fantastic. Thanks

[@mlad]

Nice job man, seems like soft soft has gotten a lot more complex since the fruity loops days that I rember. Very helpful, thank you.

[@somebodyCEO]

you sir are a hero!

[@genius4tru]

Nice work. Just subscribed!

[@coolmonkey2366]

really helpful thank you

[@cruzo1022]

Love it! Thanks dude!

[@emrehuzeyfe]

thanks man!

[@cynthiayparraguirre8304]

its priceless. the slickness and the passion of the devs. priceless. what is cheaper and better than soft? Piracy is NOT the answer if you

[@raghavSharma-jb1lp]

Thanks that was very very helpful

[@johncarter8626]

Thanks for the help brotha!

[@JohnPalmer]

For a minute there I thought you was going to show us how to add a permanent side bar / menu on all the pages... but I guess that works as a separate prototype to show the sidebar / menu function... Thanks good video.

[@lhaamed]

you are the best man.

[@ellesan7081]

Great video! Thank you :) Greetings from Ecuador

[@SarkarRipon]

How can I find out finder window in my Experience design cc 2017? This feature is not appear in this version. Please suggest.
Thanks

[@harshith9880]

Much appreciation.

[@adedotunakande6577]

Very helpful. Thanks

[@aniketjadhav5965]

Man Im in love with your content😍😍keep making

[@CalerEdwards]

Thank you! Will do!

[@iamquyenvu]

Thanks you so much, It is what I need to find.

[@DianteEx]

Nice job @Caler!

[@capscampoverde6660]

bro thanks so much. dis video is tiless 3 years ltr n still great

[@aquator3706]

Thank you!

[@devon9308]

Great tutorial! I ran into an issue when you were placing the icons on the Repeat Grid, as it did in your video, it linked all the icons together. How do you get them to be independent of one another?

[@hassuunna]

it's not independent, you can select multiple images to put and it was like to repeat them
so dragging the first image would make it on all of them now to the independent part starting from the second, the program automatically adds it in the row as if you select the two images together in the first step
and so on
so again
Select multiple images one time and they will be ordered
they will be sorted according to their sort in file explorer so make sure they are sorted correctly
or put them individually starting from the second repetition

[@ellaiyarasankalidass5699]

While clicking you might have missed ctrl+G to group all together. try in that way, it will solve the issue.

[@varunjain3756]

nicely explained! thanx buddy :)

[@simonknibbs5867]

This is a few years later, but you can add colours to the left Assets. That then allows you to bulk update all shapes linked to that colour. Typography too can be managed in this way.

[@michaelshaylilly]

Love the video and how you get right into it. That's the key :). Only thing is my version of XD (not free) does not have those options. My version is limited in choices versus what you highlighted.

[@willgoldstone]

Great tutorial thanks for your work! if you could throw any hex references into your description it would be super handy, cheers!

[@maartenblonk2838]

Thanks man!

[@raitasorin]

You rocking my Dude

[@jasonsalamone2749]

Thanks for this Video, just started using XD this week and this wasa great help. I love how you have a library of the the font awesome icons. how did you get those? Is there way to download a PNG of all the icons from their website?

[@pankajpatel1411]

Thank you very much 🙂

[@vas-xpromo9189]

Hi that was really awesome, could you perhaps give us a glimpse further on how to transition the separate tabs on the sidebar?

[@eliezerpujols]

Thank You so much!!!! You're Awesome Bro!!! Subscribed!

[@CalerEdwards]

No problem, Thanks man :D

[@deepjyotibaishya7576]

Sir, thanks . For creating this . I have a questions . can i export this project direct android studio .

[@miguelmanzaba-tcis1149]

BROOO THANK YOU!!!!!!!!!!!!!!!!! YOU'R THE BEST!!!!!! I LEARNED EVERYTNice tutorialNG I NEEDED TO KNOW THAN YOU VERY

[@valerica8360]

Nice tutorial dude! Cheers!

[@CalerEdwards]

Thanks :D

[@mariaeleonoraurelia4760]

Thanks for sharing! Really helped me. :D

[@CalerEdwards]

Glad it helped :D

[@stephen3511]

Great. Thanks dude 👍👍

[@3xpert259]

jij bent echt een topper!

[@iamlazy7281]

Nice workaround, hopefully they will improve and add actual animation posibilities

[@hassamali8581]

Thanks bro.

[@auresitopatez6842]

Really helped in 19 thx

[@TYOrder1]

Awesome video, new to XD. Your explanation is very easy to follow. Subscribe!

[@MrMarkx7]

Do more, like Masking or ICON Building in Photoshop

[@chunhui323]

thank you

[@krishanmanchanda7747]

Nice Work Brother

[@webdesigner1048]

Nice Video

[@noamgoodman228]

awsome thanks

[@harryvanaken6925]

Extemely clear

[@joann907]

Dude, witNice tutorialn 4 hours of watcNice tutorialng tNice tutorials video, I bought soft soft, and made my first 56-second soft clip. You're an aweso teacher,

[@lotshangela160]

Duuuuuuuuude!!!! Thank you so so much

[@rdbaez]

I love u man

[@vanbyakmuang1246]

Keep on doin what u doin

[@WojtekRamone]

Awesome!

[@tyronepetilla9129]

Am Just Impressed About Your TeacNice tutorialng Way About Daw Its Really HelpFull For Begginer Just Like Love From India Tamil Nadu ...

[@FerneyManrique]

Nice one!

[@diracsea2774]

Great tutorial

[@CalerEdwards]

+ZigZag Method thank you!

[@DrackCraftBr]

Thanks.

[@arjunasondhi2003]

Can a sidebar over a scroll-able art-board be implemented?
If the user had scrolled somewhere in the middle of the art-board and then clicks on the menu to open the sidebar, if we implement it in this way the transition to the new art-board will show the top of the art-board again.

[@aulia3271]

thankyou