Learn Adobe XD in 2021 by Example (Crash Course)

แชร์
ฝัง
  • เผยแพร่เมื่อ 14 ก.ค. 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 TH-cam. 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.

  • @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...

  • @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.

  • @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.

  • @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

  • @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.

    • @Atxurra
      @Atxurra 2 ปีที่แล้ว

      XD

  • @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.

  • @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'?

  • @donnaknight2451
    @donnaknight2451 3 ปีที่แล้ว +2

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

  • @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!

  • @mlktae
    @mlktae 3 ปีที่แล้ว +1

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

  • @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.

  • @rohitkaushal6197
    @rohitkaushal6197 2 ปีที่แล้ว +2

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

  • @djerebus
    @djerebus 2 ปีที่แล้ว

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

  • @RickBeacham
    @RickBeacham 3 ปีที่แล้ว

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

  • @conicabadhan1477
    @conicabadhan1477 3 ปีที่แล้ว +1

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

  • @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

  • @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!

  • @suhassp2594
    @suhassp2594 3 ปีที่แล้ว

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

  • @innocentiuslacrim2290
    @innocentiuslacrim2290 3 ปีที่แล้ว +2

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

  • @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!

  • @tibelchior
    @tibelchior 3 ปีที่แล้ว +1

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

  • @johnbinken6646
    @johnbinken6646 3 ปีที่แล้ว

    Thank you Gary! This is exactly what i need.

  • @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.

  • @imertron
    @imertron 3 ปีที่แล้ว

    Another fantastic tutorial. Thanks a lot, Gary!

  • @greenlizard812
    @greenlizard812 3 ปีที่แล้ว

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

  • @francescociulla
    @francescociulla 3 ปีที่แล้ว +2

    Awesome!🔥

  • @cortesam1
    @cortesam1 ปีที่แล้ว

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

  • @ephotopros
    @ephotopros 3 ปีที่แล้ว

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

  • @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 🙏🏼

  • @hamzafarooq4590
    @hamzafarooq4590 3 ปีที่แล้ว +1

    Always wanted this video 🥰

  • @carolemedia3470
    @carolemedia3470 3 ปีที่แล้ว

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

  • @reutlester4688
    @reutlester4688 3 ปีที่แล้ว

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

  • @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

  • @Abhinavsharma_Themadbrains
    @Abhinavsharma_Themadbrains 3 ปีที่แล้ว

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

  • @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

  • @chibuikematueyi6920
    @chibuikematueyi6920 3 ปีที่แล้ว

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

  • @stepchrist
    @stepchrist ปีที่แล้ว

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

  • @phoenixwebb5495
    @phoenixwebb5495 2 ปีที่แล้ว

    THIS HAS BEEN AMAZING! THANK YOU!

  • @sudayang1230
    @sudayang1230 2 ปีที่แล้ว

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

  • @aryapandey4576
    @aryapandey4576 3 ปีที่แล้ว

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

  • @steveokoth229
    @steveokoth229 2 ปีที่แล้ว

    Watched till the end. It was great. Thanks

  • @bharathgorental4928
    @bharathgorental4928 2 ปีที่แล้ว

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

  • @markbalazo1914
    @markbalazo1914 2 ปีที่แล้ว

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

  • @session_clips
    @session_clips 3 ปีที่แล้ว

    great info!! THANK YOU

  • @tambo2397
    @tambo2397 3 ปีที่แล้ว +1

    Thank you this is very easy and simple to understand 👍

  • @LegendaryHypocrite
    @LegendaryHypocrite 2 ปีที่แล้ว

    Amazing. Thank you so much for this video!

  • @jaybz811
    @jaybz811 2 ปีที่แล้ว

    Thanks for this! learned a lot

  • @sidarr9569
    @sidarr9569 ปีที่แล้ว

    Thank you so much for this!

  • @ArunMeansSun
    @ArunMeansSun ปีที่แล้ว

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

  • @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.

  • @abdisamadjoe
    @abdisamadjoe 3 ปีที่แล้ว +1

    Thanks, I appreciate your hardwork!

  • @janouleroux8204
    @janouleroux8204 2 ปีที่แล้ว

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

  • @borimex-az
    @borimex-az 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.

  • @realearn9258
    @realearn9258 ปีที่แล้ว

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

  • @lopoyadriang.9114
    @lopoyadriang.9114 ปีที่แล้ว

    Woah, great video mate!

  • @j-oneeditz1561
    @j-oneeditz1561 3 ปีที่แล้ว

    This is just amazing teacher I love it man

  • @georgegonos760
    @georgegonos760 2 ปีที่แล้ว

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

  • @anahitpanosyan35
    @anahitpanosyan35 2 ปีที่แล้ว

    Thank you, that was so helpful.

  • @assiadib8423
    @assiadib8423 ปีที่แล้ว

    Hey! Thanks so much for this video!

  • @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.

  • @Systemx93
    @Systemx93 3 ปีที่แล้ว +1

    This course earned you the ring 🔔

  • @sadeghhosseini6381
    @sadeghhosseini6381 2 ปีที่แล้ว

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

  • @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😁😁

  • @vigneshkumar9720
    @vigneshkumar9720 2 ปีที่แล้ว

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

  • @ramialkhateeb4395
    @ramialkhateeb4395 3 ปีที่แล้ว

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

  • @caslan1000
    @caslan1000 3 ปีที่แล้ว

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

  • @HabibUllah-rx2mb
    @HabibUllah-rx2mb 3 ปีที่แล้ว

    This is was helpful, Thanks for this crashcourse

  • @andrewlytton6830
    @andrewlytton6830 3 ปีที่แล้ว

    Brilliant tutorial, thanks!

  • @JeanRamos
    @JeanRamos ปีที่แล้ว

    Very nice explanatory video!

  • @kayawtatu8963
    @kayawtatu8963 2 ปีที่แล้ว

    You are the best. Thank you so much

  • @valeriebodart9105
    @valeriebodart9105 3 ปีที่แล้ว

    Very very helpful! Thanks a lot Gary

  • @tworeddots
    @tworeddots 3 ปีที่แล้ว

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

  • @newyearshiphop
    @newyearshiphop 3 ปีที่แล้ว

    This video is very good. Learned a lot !

  • @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

  • @jesss108
    @jesss108 3 ปีที่แล้ว

    Thank you for the tutorial. Very helpful

  • @meoalveo
    @meoalveo 3 ปีที่แล้ว

    This is amazing!

  • @farhadshaon5595
    @farhadshaon5595 3 ปีที่แล้ว

    Thank you so much for this

  • @hippolytesama3817
    @hippolytesama3817 3 ปีที่แล้ว

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

  • @NetanelColish
    @NetanelColish 2 ปีที่แล้ว +1

    Thank you so much!

  • @melindamuller5418
    @melindamuller5418 2 ปีที่แล้ว

    Excellent tutorial!

  • @imadmachi3227
    @imadmachi3227 2 ปีที่แล้ว

    Thanks for this great tutorial

  • @RenzoCotta
    @RenzoCotta 2 ปีที่แล้ว

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

  • @AndresLopez-zj2ki
    @AndresLopez-zj2ki 3 ปีที่แล้ว

    Straight to the point.. priceless

  • @shiftsh7945
    @shiftsh7945 3 ปีที่แล้ว

    Thanks so much !

  • @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!

  • @visualmodo
    @visualmodo 2 ปีที่แล้ว

    Excellent video!

  • @abdoutr5680
    @abdoutr5680 3 ปีที่แล้ว

    That's realy helpful, thank u

  • @ravibhushan7680
    @ravibhushan7680 3 ปีที่แล้ว +2

    That's an awesome tutorial. Appreciate your efforts.

    • @alibinnaseer
      @alibinnaseer 2 ปีที่แล้ว +1

      i too appreciate him

  • @objectivelyobjective
    @objectivelyobjective 2 ปีที่แล้ว

    Thank You!

  • @udugmills
    @udugmills 3 ปีที่แล้ว

    Thank you!!!

  • @OthmanAlikhan
    @OthmanAlikhan 2 ปีที่แล้ว

    Thanks for the video =)

  • @paulcarrasco3270
    @paulcarrasco3270 ปีที่แล้ว

    Nice man ty

  • @shubhsharma19
    @shubhsharma19 3 ปีที่แล้ว

    what an amazing crash course

  • @elhambayat1662
    @elhambayat1662 2 ปีที่แล้ว

    thank you so much.