Free Adobe XD Tutorial | User Experience Design Essentials Course | UI UX Design

Sdílet
Vložit
  • čas přidán 26. 06. 2024
  • SUMMER SALE 🌞 Join BYOL for $5.60 a month. Save 20% on an unlimited year of learning: byol.com/ss24yt
    This free Adobe XD Tutorial will teach you how to use Adobe XD quickly and easily!
    Join my website to watch this full course + 30 others for $12p/m: byol.com/XD22L
    Download the free Exercise Files to Follow Along: byol.com/XD22E
    Free Trial of ALL Adobe Apps!: byol.com/FREETRIAL11
    Get the Free Cheatsheet: byol.com/XD22CS
    Free User Experience Design Essentials Course. Free Adobe XD UI UX Design course
    Join the Bring Your Own Laptop Facebook Group: / bringyourownlaptop
    Follow me on Instagram: / bringyourownlaptop
    Follow me on TikTok: www.byol.com/tiktok/
    Follow me on Twitter: / danlovesadobe
    Join the LinkedIn Group: / 10539178
    #AdobeXD #UXDesign #UIDesign
    Intro: 0:00
    Getting started with XD: 2:28
    BYOL certificate: 4:54
    What is Adobe XD for?: 7:02
    UI vs UX: 12:34
    What we are making?: 16:07
    Persona & task flow: 17:19
    Class Project 01 - Create your own brief: 28:45
    LoFi vs HiFi: 32:10
    Middletro: 35:06
    How to use Artboards in Adobe XD: 35:54
    Working with type in Adobe XD: 45:32
    How to make Shapes in Adobe XD: 56:57
    How to use color in Adobe XD: 1:05:22
    Strokes & Borders in Adobe XD: 1:11:38
    Class Project 02 - Wireframe: 1:23:34
    Free icons in Adobe XD: 1:27:44
    Using UI kits for Adobe XD: 1:35:43
    How to use Groups & editing icons in Adobe XD: 1:42:58
    Class Project 03 - Icons: 1:58:47
    How to add interactions in Adobe XD: 2:04:00
    Adding Animation & easing in Adobe XD: 2:11:29
    Testing Adobe XD wireframe on phone: 2:17:39
    Class Project 04 - Testing on your phone: 2:28:01
    How to add Auto-animations in Adobe XD: 2:33:13
    More animation: 2:44:31
    Class Project 05 - My first animation: 2:54:26
    Sharing & comments: 2:59:25
    Outro: 3:06:34
    Hi there! My name is Dan & I’m an Adobe Certified Instructor. I’m here to help you learn Adobe XD efficiently and comprehensively. XD is a fantastic design tool used by industry professionals to product high quality & functional mockups. By the end of this course, you will be able to produce practical and effective User Experience (UX) and User Interface (UI) designs.
    Throughout the course I’ll invite you to participate in a real-life freelance project which I’m working on. It’s a project that requires a fresh website and mobile app interface. This will prepare you for dealing with real world projects if you choose to move towards a UX/UI career path.
    This course is aimed at people interested in UI/UX Design. We’ll start from the very beginning and work all the way through, step by step. If you already have some UI/UX Design experience but want to get up to speed using Adobe XD then this course is perfect for you too!
    First, we will go over the differences between UX and UI Design. We will look at what our brief for this real-world project is, then we will learn about low-fidelity wireframes and how to make use of existing UI design kits.
    I’ll go over all of the essential tools necessary for creating excellent wireframes, including: type, colours, icons, Lorem ipsum, artboards, prototyping, models and popups, symbols and repeat grids. We will even make use of the new prototyping app so that you can experience your prototype on your mobile device.
    An important part of maximizing your UX Design workflow is being able to utilize other software such as Photoshop and Illustrator. This is why I’ll be teaching you how to make use of both to help boost your XD productivity.
    One of the awesome new features of XD is micro-interactions. I’ll be teaching you all about those and how to use them to grow icons and scenes. This is one of the parts of web design that’s growing and being adopted rapidly so you won’t want to miss out on learning it early.
    There are two class projects for you to complete during this class, these will help develop your skills and will give you something for your own portfolio.
    It is now time to upgrade yourself & learn Adobe XD.

Komentáře • 170

  • @BringYourOwnLaptop
    @BringYourOwnLaptop  Před 2 lety +33

    Hey guys! If you want to get the rest of the course then you can find it on my site. It's just $12 and you get access to all of my courses, check it out if you're interested! bit.ly/3w21PCS

  • @user-xr1gz1pw6z
    @user-xr1gz1pw6z Před 5 měsíci +4

    I just wanted to reach out and say how great you are as an instructor. I have completed the Google UX Professional Certificate and i can honestly say i learnt more from this, its so much easier to understand. Such an informal way of teaching is so much better for someone like me who has ADHD. I found it difficult to stay motivated with the google course as it was too formal and text based ! Great work

  • @Kuwandi
    @Kuwandi Před rokem +1

    Dan I find your teaching skills spot on pro. There are people touting themselves “tutors” however they are simply describing what they are doing already on the screen. You have a highly structure bullet by bullet approach…✅💯

  • @JobsAroundTheCornercom
    @JobsAroundTheCornercom Před rokem +11

    Hi, Dan. You are such an enjoyable instructor. I am a UX/UI Designer but mostly work with Figma (and sadly, Adobe has just acquired them). In any case, your course helped me to learn some tips and tricks on Xd which I found extremely helpful - and yes, I made it to the end of this video. I'm from FL. I look forward to checking out some of your other tutorials.

  • @penelopekhuzwayo339
    @penelopekhuzwayo339 Před 2 lety +3

    Hi I'm Penelope Khuzwayo from South Africa, Durban and I finished the course - and will share my work soon. love your teaching style and attention to detail. thank you

  • @AnnyeU
    @AnnyeU Před rokem +1

    Hi, this course is fantastic! I really love the way you explained the whole process especially the details on specific keys requirement for MAC, Desktop and PC. Also, I sincerely wish I could share my assignment with you on here but I can't seem to find my way around it. Thank you for your lovely content. I'm feeling like a pro in designing wireframes already and although i'm not done watching the whole content of the video, I just couldn't help commenting as soon as I completed the four pages wireframe assignment.

  • @yahiamahmoud8840
    @yahiamahmoud8840 Před 2 lety +38

    Hi sir, I wanted to to thank you for your amazing courses, I'm a high school student from EGYPT.

    • @BringYourOwnLaptop
      @BringYourOwnLaptop  Před 2 lety +4

      Glad you like them!

    • @Zahra-Opaia-0
      @Zahra-Opaia-0 Před rokem +1

      @@BringYourOwnLaptop i'm also from Egypt , it just amazing content , i want to join " User Experience Design Essentials - Adobe XD UI UX Design" Will the discount be available again?

    • @anaselhofy9545
      @anaselhofy9545 Před rokem

      عاش ياخويا والله

  • @amyquigley4763
    @amyquigley4763 Před rokem +1

    Hi Dan. Watched the whole thing and did all of the work. I learned so much, thank you so much!!! I'm from CA. Will be doing your full course, you are such a great teacher!

  • @jessicasmitherman1846
    @jessicasmitherman1846 Před 2 lety +1

    In the US, and just made it to the end! :D Now to head over to the rest of the course. Thanks for making these, they are easy to understand and follow along.

  • @alinazhou1365
    @alinazhou1365 Před rokem

    Hi, this course is wonderful. I’m a Chinese student who studying a HCI master degree in Ireland. Yes, I made it till the end. Now I’m planning to subscribe your website to see the other three quarters. 🎉

  • @gospelprayerministries5277

    Hi I'm Gideon from India chennai , Durban and I finished the course - and will share my work soon. love your teaching style and attention to detail. thank you

  • @cl.stromsborg
    @cl.stromsborg Před rokem

    Hi,
    Watched the video all the way and did the assignments.
    I am a UX student from Norway.
    Love your videos, and they have given me some aha moments.
    Thank you so much.

  • @ibrahimafolabi8132
    @ibrahimafolabi8132 Před 2 lety

    This is great. I just started this, and I'm already locked in. Thank you

  • @alinazhou1365
    @alinazhou1365 Před rokem

    You are such a great lecturer! I never get bored watching your video.

  • @khalidhassan8601
    @khalidhassan8601 Před rokem +1

    Hey Dan, I wanna thank you so much for your generous Tutorials, keep going .. best wishes

  • @KailasSBhat
    @KailasSBhat Před rokem

    Thanks a lot Daniel!
    I'm fiddling with XD and this helped me a lot.

  • @JDMedia
    @JDMedia Před rokem +1

    You are the best teacher no doubt!!!
    explaining each and every part very well...
    Thanks for your hard work and efforts to generate many UI UX designers in the universe 👌😍

  • @cloninger1973
    @cloninger1973 Před 2 lety +5

    Yes sir Mr Dan, I made it through your amazing lecture. Very informative as always. I'm from Arkansas in the United States 🇺🇸. Always learning from your courses!!

  • @kioheritage3945
    @kioheritage3945 Před rokem

    I must say the truth this course is extremely good! Thank you so much

  • @kerymauvais7367
    @kerymauvais7367 Před rokem

    Thank you for providing this. Made it to the end. Coming in from Miami, FL, USA

  • @kebman
    @kebman Před rokem

    Finally someone who doesn't talk too slowly! I watch mostly in 2x btw.

  • @marehabdallah
    @marehabdallah Před rokem

    Hi Dan, I really enjoy learning from you. Thank you so much.

  • @GabyDavalos
    @GabyDavalos Před 2 měsíci

    I just came across with this course and it is so great, thank you A LOT!

  • @naokos5927
    @naokos5927 Před rokem

    Fantastic thank you, looking forward to more :)

  • @usalinksystem5312
    @usalinksystem5312 Před 2 lety +1

    Great Tutorial! User Experience is a powerful metric in measuring brands' success. By understanding target audience motivations and expectations, it’s possible to design a product that will satisfy users' needs and therefore create an exceptional product.

  • @goldjellyfish2452
    @goldjellyfish2452 Před měsícem +1

    Thanks for this and everything sir. You are appreciated 👍

  • @iqsaanbadroodeen3612
    @iqsaanbadroodeen3612 Před rokem

    Absolutely amazing I can’t wait to do the course love from South Africa

  • @jamielisbon3566
    @jamielisbon3566 Před rokem

    Great Video! I'm in Florida, took this along with my college course

  • @uncreativename454
    @uncreativename454 Před rokem

    Amazing course! thank you so much for this

  • @abdulbasitnisar
    @abdulbasitnisar Před 4 měsíci

    Your courses are a treasure for us!

  • @vitauxdesign993
    @vitauxdesign993 Před rokem

    Thank you so much sir! Sharing all this with us.

  • @md.al-raihanferdaus4055
    @md.al-raihanferdaus4055 Před 2 lety +1

    Thanks to you brother. I have learned a lot of things.😊😊

  • @user-fi7ce4zx8b
    @user-fi7ce4zx8b Před 21 dnem

    Thanks for the great in depth and clear content, I made it to the end and am from the US. Thanks again for this very helpful video

  • @pietrogirotto6414
    @pietrogirotto6414 Před rokem

    Greetings from Italy, made it to the end. Really great content at the perfect pace for beginners, I am going to head over to byol for the rest.
    P.S. you look hell of a lot like Matt Parker from stand-up maths btw

  • @umasree836
    @umasree836 Před rokem

    Hello, I'm from India. I've really enjoyed your course and I'm looking for more videos on your channel. Great work!

  • @nipragupta1955
    @nipragupta1955 Před 4 měsíci

    brief
    kitty Shoes
    Your ideal customer is a woman named Ruby. Ruby is in their 40’s and is married. They are a high school graduate and work in a busy team. Ruby lives in durg, has never brought anything similar to your product before and is short on time / time-starved.

  • @MonicaSilot
    @MonicaSilot Před 2 lety

    I made it to the end of the video! Thanks, it's very helpful. 😊 Monica from Philippines!

  • @Kingz_Dezignz
    @Kingz_Dezignz Před 2 lety

    God bless you, you've changed my life with these tutorials.

  • @adelesparke9516
    @adelesparke9516 Před 3 měsíci

    Brilliant, followed along creating my own little UI UX phone app wireframe design with animation that I could view/share.
    Really great tutorial, easy to follow and good to see the things that can go wrong to look out for.
    Thanks. Adele, in the UK

  • @mdhanzalaashrafi5827
    @mdhanzalaashrafi5827 Před rokem

    Thank you, It was really helpful.

  • @nikkitatum7116
    @nikkitatum7116 Před 2 lety

    Hey Dan! Huge fan! Is there an online community for BYOL? It'd be fun to share class projects and stuff. I'm still on the free tutorials, working my way to your subscription. Thanks for everything, I've learned so much from you already!

  • @affnazwan
    @affnazwan Před 2 lety +1

    THANK YOU A LOT!!!

  • @keiwan_TA
    @keiwan_TA Před rokem

    Well done! Thank you, sir (from Iran)

  • @ayobami3246
    @ayobami3246 Před rokem

    i love your teachings Dan

  • @vuosoasketterman3369
    @vuosoasketterman3369 Před rokem

    cam on ad,rat rat de hieuchuc ad nhiu suc khoe

  • @codewithcrest
    @codewithcrest Před rokem

    completed the course watching from cameroon

  • @TheTransnocho
    @TheTransnocho Před rokem

    Just wanted to let you know that I liked & subscribed when you told me to :)!

  • @harddark569
    @harddark569 Před rokem

    Made to the end... David here... from Ghana!

  • @henrythomas7112
    @henrythomas7112 Před 2 měsíci

    Your videos are very useful and provide lots of information. I have received lots of help after watching this post, please continue to share this kind of information. Thank you.

  • @marierumi
    @marierumi Před rokem

    Thank you sir!

  • @harpreetsindhia5349
    @harpreetsindhia5349 Před 2 lety +5

    Sir please create video for creating a good portfolio Would be really helpful for newbies

  • @tahasamuraie9047
    @tahasamuraie9047 Před 10 měsíci

    Thank you for an amazing course

  • @erikakanealbos9426
    @erikakanealbos9426 Před rokem

    Finally, I found someone who posted a normal working crack!

  • @pagalwep612
    @pagalwep612 Před rokem

    very nice...i startes soft soft learning.thank you so much....

  • @birukethiofunnyvideo-bestc1379

    Hi sir, I wanted to to thank you for your amazing courses,

  • @shrishtisddhawan9212
    @shrishtisddhawan9212 Před rokem

    2022 y me funciono perfecto, muchisimas gracias!

  • @ninjabuntakmobile
    @ninjabuntakmobile Před rokem

    Wow man it really works!

  • @adevikthur
    @adevikthur Před rokem

    Thank you so much!

  • @georgecschuler
    @georgecschuler Před rokem

    Thanks…….Great course!!!

  • @ZeinabZafer
    @ZeinabZafer Před rokem

    Thx sir for this course❤👏

  • @MotionMedia7
    @MotionMedia7 Před 2 lety

    Hi Dan,love your contents,very informative.I want to know if someone doesn’t have the full/paid version of Adobe XD instead is using a crack version,how can that person share between screen or is there another option to showcase your work without doing inside of adobe with an account?Just for people getting started cause afterwards you’ll have to have the paid version anyway.

  • @morriskamau_m
    @morriskamau_m Před rokem +1

    Hey, I made it to the end. I am from Kenya, Africa

  • @simenhagen86
    @simenhagen86 Před 2 lety

    Hi, thanks for your great tutorials, i have an question - do you recommend 1440p or 4k?
    Just bought an 4k screen but having trouble with the small text ( hp u32 ) and with scaling from the mbp14 it gets to big. sorry for all the misspelling - english is not my nativ language

  • @alinazhou1365
    @alinazhou1365 Před rokem

    Great video!!!

  • @aden1594
    @aden1594 Před rokem

    Your video is very helpful. I downloaded it succe

  • @kaddouridounia5737
    @kaddouridounia5737 Před rokem

    Thank you so much 😇 from algeria

  • @chalongkrungsae-ueng8370
    @chalongkrungsae-ueng8370 Před 2 lety +1

    สุดในรุ่น I'm your Adobe student :D

  • @janafilm8275
    @janafilm8275 Před 2 lety

    Hello Sir! Are there licensing or copyright needed if I were to use some icons from the UI KIT for work or commercially?

  • @afifhaiqal2159
    @afifhaiqal2159 Před rokem

    work! Cheers

  • @ayadnoureddine
    @ayadnoureddine Před rokem

    Super video and amazing tutorial , I made it and I'm from Belgium

  • @mansoormehboob5474
    @mansoormehboob5474 Před rokem

    good video.. i WANT to learn more about animations in xd.. like cool transittions..or lottee animations

  • @dinnnnnnnnnnnn
    @dinnnnnnnnnnnn Před 5 měsíci

    XD’s out, spent ages on it for nothing!😪
    switched to Lunacy now

  • @meatmagic7985
    @meatmagic7985 Před 2 lety

    Will there be subtitles in the videos in the course? And is it possible to do a Hebrew translation?

  • @Skylac430
    @Skylac430 Před rokem

    Hello! just joining the class and am liking it already.. so how do I upload my exercise

  • @mojtabahn6913
    @mojtabahn6913 Před 2 měsíci

    You're The Best

  • @superiorphoenix8318
    @superiorphoenix8318 Před rokem

    Hi, on 1:02:14 you seemed to align the box with "buy now" perfectly. I can't do the same. When I press on align middle and align center the text goes a noticeable amount down from where it needs to be. It doesn't align in a perfect center.

  • @mohammedatik1119
    @mohammedatik1119 Před rokem

    Hey Dani wanted to know if i should complete your previous ui ux design course and then watch this video or is it just fine if i start with this?

  • @mohithasnain1598
    @mohithasnain1598 Před rokem

    Thank you.

  • @garudasaktifikkiaunair

    Everything works, especially free, use until it is too late!

  • @Abisatizz
    @Abisatizz Před 3 měsíci

    What laptop is best for ux and Ui designing

  • @inesribadeneira1164
    @inesribadeneira1164 Před rokem

    hi Dan, I made your ID, AI, PS exercises, you are the best! Im lookink this video right now, how long is the complete XD course?, Thanks!

  • @rahmaw210
    @rahmaw210 Před rokem

    merci beaucoup a toi :))

  • @louisa7058
    @louisa7058 Před 2 lety

    Thanks for all your videos Dan. Please, the link to the course files isn't responsive. The page is not loading for me. It keeps saying 'this site can't be reached'. I have checked my internet connection, and its fine.

  • @tayyab8215
    @tayyab8215 Před rokem +1

    Love from Pakistan great video!👍

  • @ChristopherJamesPalmer

    I'm about halfway through the video of the same topic from three years ago. Should I continue with that or switch over to this video?

  • @DayTradingWithEmmanuel.

    Like bro!)

  • @rayacademy99
    @rayacademy99 Před rokem

    hi thanks for informations.
    I have a question, does XD necessarily need in app Plugins ??

  • @thebasicmaterialsproject1892

    A been delaying learning this any in person class I'm based London

  • @sharvaripurohit7856
    @sharvaripurohit7856 Před 2 lety

    Hello!! the fonts I chose for my project are are working on my PC but not on theXD mobile app they are the basic ones on my phone So what should I do to make it visible on my phone??
    Please help me with this Dan!!

  • @pl-vi8vz
    @pl-vi8vz Před 8 měsíci

    Where is the price for the full course? I cannot find it on your website ANYWHERE

  • @timmytee734
    @timmytee734 Před 2 lety

    Does anyone know why suddenly the plus and minus short cut doesn't work for zooming? I must have clicked on something but the "undo" function didn't fix it. So frustrating to struggle with such simple thing.
    Thanks in advance!

  • @skytechbits
    @skytechbits Před 2 lety

    I should have realized XD has the same steps I learned in college but the terminology was flowchart and pseudocode. Those words are cool but it is a bit frustrating when everything I worked so hard to learn is nowhere to be found. Then after much hardship to find out what I already learned was changed to some other terms. The college received their money so they don't care. I can code as well so this course will be combined with my other diverse technical knowledge base. Websites need to go back to being more functional without wasting so much space that is so distracting. I want that choice to be there for anyone who wants it on their screen.

  • @weirdothen.2669
    @weirdothen.2669 Před rokem +1

    Hey guys...so when I finish this course what else should I watch so I will be able to start working in the ui ux field as a freelancer...

  • @ambitious9844
    @ambitious9844 Před rokem

    Hi!
    This course is great but I am facing a problem that when I open my document in android its saying that font is missing. How to resolve this issue?

  • @sakariyahuismail1195
    @sakariyahuismail1195 Před rokem

    Hi sir. Is your courses available for offline or they’re online ??

  • @Truthscaling
    @Truthscaling Před rokem

    you made it best love from pakistan

  • @pradnyaogale24
    @pradnyaogale24 Před rokem

    ahhh, I just bought this course on udemy!!

  • @ahmadhawwa8919
    @ahmadhawwa8919 Před rokem

    I can use Illustrator, but I need a course that teaches me how to design a brochure or menu or booklet.

  • @teeny_tiny_tales
    @teeny_tiny_tales Před rokem

    Hi Dan, Is this course different from "Free Adobe XD Tutorial: User Experience Design Course with Adobe XD Course" video published in 2019?

  • @simsolchannel
    @simsolchannel Před 2 lety

    Hi, sir I want to download XD Programming...which the link for installing?