Learn Adobe XD in 2021 by Example (Crash Course)

Поделиться
HTML-код
  • Опубликовано: 7 июн 2024
  • bit.ly/2KAQUv5 - Take my UI Design Bootcamp Now!
    -- Want to learn UI/UX? designcourse.com
    -- Today, we're going to step back into the world of UI/UX design and cover one of the most popular UI/UX design and prototyping tools: Adobe Experience Design (Adobe XD). You're going to learn all major features of this powerful app in crash course format, all while doing so by creating a UI for a fictional business.
    You will learn all about components, states, repeating grids, content aware layouts, plugins, auto-animate, scroll groups and much more.
    As mentioned in the video, I would link you all to my Figma Crash Course I just released 2 weeks ago, if you're interested in that:
    • The Figma 2021 Crash C...
    Timestamps:
    0:00 - Introduction
    1:24 - An awesome offer
    2:00 - Using the Interface
    6:54 - The Navbar Design
    33:00 - The Hero Section Design
    57:17 - Features Section Design
    1:06:27 - Testimonials Section Design
    1:17:22 - Contact Section Design
    1:25:17 - Watch a Video Overlay Design & Prototyping
    1:34:49 - "Try for free" Design & Prototyping
    1:41:28 - Creating a Mobile Version
    1:56:55 - Closing
    Let's get started!
    - - - - - - - - - - - - - - - - - - - - - -
    Subscribe for NEW VIDEOS!
    Learn UI/UX: designcourse.com
    My personal FB account: logodesigner
    Coursetro FB: coursetro
    Coursetro's Twitter: / designcoursecom
    Join my Discord! / discord
    ^-Chat with me and others
    - - - - - - - - - - - - - - - - - - - - - -
    Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
    Now, I focus all of my time and energy on this channel and my website Designcourse.com.
    Come to my discord server or add me on social media and say Hi!
  • ХоббиХобби

Комментарии • 283

  • @arthemisagatha1704
    @arthemisagatha1704 2 года назад +6

    This is the best Adobe XD course that was ever uploaded to RUclips. You not only cover how things are done, but also the logic behind it and the fundamentals of design. Thank you so much!

  • @stemase
    @stemase 2 года назад +10

    Thanks. That was so helpful. I was getting frustrated with other tutorials assuming I had plugins etc already sorted. You started at the the start and took me through in a logical and very helpful way. No time wasted - every bit of that 2 hours was gold.

  • @omkarkottawar8309
    @omkarkottawar8309 3 года назад +21

    Love these crash courses!!! The best way of refreshing for the experienced & a foundational structure for new comers.... Also, eagerly waiting for the UI/UX Course!!

  • @Sowmo
    @Sowmo 3 года назад +47

    I just finished your 2019 crash course and now this! Damn I have learned so many things to be honest and you are a good teacher.

    • @Sowmo
      @Sowmo 3 года назад

      @@gatlinfinnley666 you guys can rest in peace.

  • @Kyee71
    @Kyee71 3 года назад +46

    I downloaded Adobe Xd for the first time today, I then searched for tutorials, yours was the first one I came across, you made it extremely easy to follow along, you have really inspired me to go further after finishing your crash course, outstanding video!, Thank you.

    • @klaus117gaming
      @klaus117gaming Год назад +1

      His tutorials are one of the best out there. Most tutors just make us watch them speed-run everything without even going in-depth into “how” or “why” things are done

  • @DesignCourse
    @DesignCourse  3 года назад +28

    For those of you interested in Figma instead of XD, check out the youtube description for my Figma crash course just released 2 weeks ago! Enjoy!

    • @jancifoxhound6380
      @jancifoxhound6380 3 года назад +1

      Which one is better?

    • @parthkumarchaudhary
      @parthkumarchaudhary 3 года назад

      @@jancifoxhound6380 depends on you

    • @valencefootball9740
      @valencefootball9740 3 года назад

      XD

    • @sarathchandra1183
      @sarathchandra1183 3 года назад

      I am having trouble using prototype ..... It's like when I try to connect from left artboard to the right one is not connecting but when I try to prototype connect from right to left is connecting.What should I do ?

    • @wasd3108
      @wasd3108 3 года назад

      @@jancifoxhound6380 I just wanted to meme in caps lock WHICH IS BETTER?! TELL ME!!
      but you got ahead of me...

  • @sakibrayhan9708
    @sakibrayhan9708 3 года назад +7

    thank you so much! This is my first step in UX designing.

  • @stjepan8740
    @stjepan8740 3 года назад +12

    This was seriously good! Amazing tutorial. Much appreciated.

  • @dgloria
    @dgloria 3 года назад +14

    I'm a backend dev, but I like your work so much, I can't skip your videos! :))) I wish there were backend videos so exciting.

  • @JR-mk6ow
    @JR-mk6ow 3 года назад +16

    XD is a tool every web Dev should know. I'm not talking about animations and stuff, but just being able to show visually what's your idea makes things so much easier.
    What about making a video for developers like 'Adobe XD Essentials'?

  • @jugl-studio
    @jugl-studio 2 года назад +1

    THIS WAS SO HELPFUL! Thank you for taking the time to walk through this step by step. VERY clear and informative.

  • @rohitkaushal6197
    @rohitkaushal6197 2 года назад +2

    I learned so much! THIS WAS GREAT! Thanks so much for uploading this.

  • @donnaknight2451
    @donnaknight2451 3 года назад +2

    Absolutely brilliant tutorial that answered so many of my questions. Thanks so much!

  • @mlktae
    @mlktae 3 года назад +1

    Thank you for helping people like me who are just beginning to learn ! Love your videos!

  • @cortesam1
    @cortesam1 Год назад

    This was amazing! I leaned so much. Thank you!

  • @conicabadhan1477
    @conicabadhan1477 3 года назад +1

    This was just amazing. Thanks for creatinf these crash courses.

  • @innocentiuslacrim2290
    @innocentiuslacrim2290 3 года назад +2

    This was extremely effective 2 hours used on watching the video and following the steps. Thanks a million!

  • @paulvalenzuela7994
    @paulvalenzuela7994 3 года назад +1

    I am definitely going to sign up for your course! Great lessons in these videos and taught in a concise and easy to understand manner, Thanks a lot!

  • @racheldreimiller2350
    @racheldreimiller2350 2 года назад

    Well worth the 2 hours to watch and work along with you on this! Really helpful for trying to understand how to learn and use XD.

  • @nicholasgood470
    @nicholasgood470 2 года назад

    This is the best way to learn in my opinion - many thanks and you're obviously a really natural designer which helps too

  • @djerebus
    @djerebus 2 года назад

    this is fantastic. I downloaded XD yesterday and already have a solid grasp thanks to this tutorial.

  • @tally647
    @tally647 2 года назад

    I learned SOO MUCH from this tutorial! I am BRAND NEW to Adobe XD and you made this a fun & easy experience to follow. Considering your course! Going to exhaust your tutorials!

  • @RickBeacham
    @RickBeacham 3 года назад

    I'm really loving these videos you make. Alot of great theory here. Cheers.

  • @thiguet55
    @thiguet55 2 года назад

    Thank you very much! You helped me a lot with all your courses! This one is incredible! :)

  • @nro337
    @nro337 3 года назад

    Thank you so much for the in-depth tutorial!

  • @lopoyadriang.9114
    @lopoyadriang.9114 Год назад

    Woah, great video mate!

  • @imertron
    @imertron 3 года назад

    Another fantastic tutorial. Thanks a lot, Gary!

  • @steveokoth229
    @steveokoth229 Год назад

    Watched till the end. It was great. Thanks

  • @greenlizard812
    @greenlizard812 3 года назад

    Amazing video! You're very easy to follow and one of the best XD videos I have seen.

  • @Hamyhamster24
    @Hamyhamster24 3 года назад +14

    I completed this crash course woohoo! Thank you so much and I really appreciate the high quality effort you put in to teach us understand XD better.
    I found this extremely helpful and highly recommend for those who wants hands-on learning experience.

    • @Atxurra
      @Atxurra 2 года назад +1

      XD

    • @Rollyax
      @Rollyax 2 года назад

      @@Atxurra xD

  • @tibelchior
    @tibelchior 2 года назад +1

    Amazing course! You are really a great teacher, thanks for sharing this on RUclips.

  • @janouleroux8204
    @janouleroux8204 2 года назад

    Thank you so much, very instructive. :-) Hope to see more.

  • @stepchrist
    @stepchrist Год назад

    thank you so much for your great teaching class. wonderful!!!!!

  • @matthiasfeit8739
    @matthiasfeit8739 2 года назад +1

    Great 101! I just looked at this to see how some of the features differ from Figma and for that it was a great two hours!
    I would stress the point that people should immediately name their layers and components even more though.

  • @carolemedia3470
    @carolemedia3470 3 года назад

    Wow this crash course was soooooo helpful, thanks so much for sharing your knowledge!

  • @sudayang1230
    @sudayang1230 2 года назад

    This video is the best I've ever seen. Thanks to you, I saved my time.

  • @phoenixwebb5495
    @phoenixwebb5495 2 года назад

    THIS HAS BEEN AMAZING! THANK YOU!

  • @session_clips
    @session_clips 2 года назад

    great info!! THANK YOU

  • @suhassp2594
    @suhassp2594 3 года назад

    To all the beginner's, this is the right place to start.
    This guy explains most useful things.
    Thanks man. 🥳

  • @bharathgorental4928
    @bharathgorental4928 2 года назад

    One of the best video I have ever seen, thank you so much for the valuable information!

  • @realearn9258
    @realearn9258 Год назад

    BROTHER, YOU ARE THE BEST!!! You oooh really helped me!! THANK YOU VERY MUCH!

  • @johnbinken6646
    @johnbinken6646 3 года назад

    Thank you Gary! This is exactly what i need.

  • @ArunMeansSun
    @ArunMeansSun Год назад

    Your 20 tuts video is awesome .. . It is truly amazing

  • @markbalazo1914
    @markbalazo1914 2 года назад

    This is a very easy to follow tutorial. Thank you so much!

  • @reutlester4688
    @reutlester4688 3 года назад

    Wow! thank you so much, this is the perfect crash course

  • @Abhinavsharma_Themadbrains
    @Abhinavsharma_Themadbrains 3 года назад

    This video was very helpful. You're doing great ! 💯

  • @angelxv01
    @angelxv01 3 года назад

    Just finished. Don't really understand why same font size on my screen looks really small, and in your it's giant.
    But at the end, that's a crazy super useful crash course! Thank you a lot

  • @chibuikematueyi6920
    @chibuikematueyi6920 2 года назад

    Thank you for this crash course. Very helpful in helping me take the first step using XD

  • @jaybz811
    @jaybz811 2 года назад

    Thanks for this! learned a lot

  • @hartigas
    @hartigas 2 года назад

    Great Video Bravo! Thanks for the free and easy design course. Just used it for the first time and I appreciate you for sharing.

  • @georgegonos760
    @georgegonos760 Год назад

    Great video! I have been a MUSE user for years. Adobe XD might just be what I need.

  • @LegendaryHypocrite
    @LegendaryHypocrite 2 года назад

    Amazing. Thank you so much for this video!

  • @ephotopros
    @ephotopros 3 года назад

    came for an XD tutorial, got that plus some great design tips. Thanks!

  • @assiadib8423
    @assiadib8423 Год назад

    Hey! Thanks so much for this video!

  • @hamzafarooq4590
    @hamzafarooq4590 3 года назад +1

    Always wanted this video 🥰

  • @JeanRamos
    @JeanRamos Год назад

    Very nice explanatory video!

  • @abdisamadjoe
    @abdisamadjoe 2 года назад +1

    Thanks, I appreciate your hardwork!

  • @tambo2397
    @tambo2397 3 года назад +1

    Thank you this is very easy and simple to understand 👍

  • @sankalpbalani4973
    @sankalpbalani4973 3 года назад

    Man !!!! Gotta say, love these new crash courses.
    Can you make a video on ideation process of web design ? Coz that's the thing I struggle with most. Like what colors and font to use. How to come up with good layouts etc.

  • @aryapandey4576
    @aryapandey4576 3 года назад

    this video is really really helpful, thank you so much for uploading such amazing stuff!

  • @anahitpanosyan35
    @anahitpanosyan35 2 года назад

    Thank you, that was so helpful.

  • @sidarr9569
    @sidarr9569 Год назад

    Thank you so much for this!

  • @UnculturedRobots
    @UnculturedRobots 3 года назад

    Yo, your energy is way different at 1:16:35 yet great stuff and I’ve been using this program a bit and it’s definitely going to boost my work flow. Thanks 🙏🏼

  • @tworeddots
    @tworeddots 3 года назад

    Great to follow crash course. Curious about the sequel, working out the front end development of this design

  • @francescociulla
    @francescociulla 3 года назад +2

    Awesome!🔥

  • @cabtrorambino1111
    @cabtrorambino1111 2 года назад

    Thanks a lot sir! Your turtorails are very educative and professional, you are the best!
    You work is very classic and modern!
    Top quality😁😁

  • @HabibUllah-rx2mb
    @HabibUllah-rx2mb 3 года назад

    This is was helpful, Thanks for this crashcourse

  • @caslan1000
    @caslan1000 3 года назад

    A great tutorial and UI teaching for free?! Amazing!

  • @lavnishb8328
    @lavnishb8328 2 года назад

    This is the best course ever!!
    I have learnt so many thing espacially the time trigger feature
    haha
    I almost spend a day to figure it out that how the hell that feature would wrok. Finally if found it and finished my course.
    Thank you so much
    you are doing great great job.

  • @vigneshkumar9720
    @vigneshkumar9720 2 года назад

    This is the extremely helpful xd crash course I have ever found on youtube. Thank you for your high quality content

  • @bellsnow2386
    @bellsnow2386 3 года назад +1

    Awesome! I watched for less than 2hrs. how? Simply change speed to 1.5x haha I was so excited to watch the whole video. I was assigned to make the ui for our app. Thanks a bunch Gary!

  • @newyearshiphop
    @newyearshiphop 3 года назад

    This video is very good. Learned a lot !

  • @sadeghhosseini6381
    @sadeghhosseini6381 2 года назад

    Thanks it was an awesome crash course on adobe XD + lots of nice tips on UI design

  • @valeriebodart9105
    @valeriebodart9105 3 года назад

    Very very helpful! Thanks a lot Gary

  • @ramialkhateeb4395
    @ramialkhateeb4395 3 года назад

    That was very helpful and include a lot of tricks and information, Thank you for that 🌸

  • @ravibhushan7680
    @ravibhushan7680 2 года назад +2

    That's an awesome tutorial. Appreciate your efforts.

  • @melindamuller5418
    @melindamuller5418 2 года назад

    Excellent tutorial!

  • @j-oneeditz1561
    @j-oneeditz1561 3 года назад

    This is just amazing teacher I love it man

  • @andrewlytton6830
    @andrewlytton6830 3 года назад

    Brilliant tutorial, thanks!

  • @RenzoCotta
    @RenzoCotta 2 года назад

    thank you very much for your helpful video ... greetings from Bolivia

  • @visualmodo
    @visualmodo 2 года назад

    Excellent video!

  • @jesss108
    @jesss108 2 года назад

    Thank you for the tutorial. Very helpful

  • @hippolytesama3817
    @hippolytesama3817 3 года назад

    Thanks sir that was really helpful for us who begin in ui/ux design

  • @imadmachi3227
    @imadmachi3227 2 года назад

    Thanks for this great tutorial

  • @Systemx93
    @Systemx93 3 года назад +1

    This course earned you the ring 🔔

  • @kayawtatu8963
    @kayawtatu8963 2 года назад

    You are the best. Thank you so much

  • @NetanelColish
    @NetanelColish 2 года назад +1

    Thank you so much!

  • @mansk8073
    @mansk8073 3 года назад

    Hi, You did a really good job and covered up many things in this video tutorial. It would be gr8 if you made a video where we could learn the design process for Mobile app design with the real project (not single-screen design) like how to choose color etc.

  • @leslieb6174
    @leslieb6174 3 года назад

    Great class! Thank u

  • @paulcarrasco3270
    @paulcarrasco3270 Год назад

    Nice man ty

  • @mateuszkozowski1137
    @mateuszkozowski1137 3 года назад

    Dzisiaj znalazłem Twój kanał i to jest to czego potrzebowałem ! Praktycznie w ogóle nie komentuje filmików na YT.... Ale tu koniecznie trzeba zrobić wyjątek. Kopalnia wiedzy ! Brawo !

  • @OthmanAlikhan
    @OthmanAlikhan 2 года назад

    Thanks for the video =)

  • @abdullahkhaskheli9445
    @abdullahkhaskheli9445 2 года назад

    wonderful job :)

  • @jrwojick
    @jrwojick 2 года назад

    Cool crash course. Will the upcoming design course also handle development/design for High Res/High DPI screens? It feels like there are specific issues in going up/down from 1080.

  • @shiftsh7945
    @shiftsh7945 3 года назад

    Thanks so much !

  • @farhadshaon5595
    @farhadshaon5595 3 года назад

    Thank you so much for this

  • @abdoutr5680
    @abdoutr5680 3 года назад

    That's realy helpful, thank u

  • @meoalveo
    @meoalveo 3 года назад

    This is amazing!

  • @AndresLopez-zj2ki
    @AndresLopez-zj2ki 3 года назад

    Straight to the point.. priceless

  • @railboat1105
    @railboat1105 2 года назад

    i love the outro.