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

Поделиться
HTML-код
  • Опубликовано: 5 авг 2024
  • 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.

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

  • @BringYourOwnLaptop
    @BringYourOwnLaptop  2 года назад +34

    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 6 месяцев назад +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

  • @JobsAroundTheCornercom
    @JobsAroundTheCornercom Год назад +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.

  • @Kuwandi
    @Kuwandi Год назад +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…✅💯

  • @AnnyeU
    @AnnyeU 2 года назад +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.

  • @penelopekhuzwayo339
    @penelopekhuzwayo339 2 года назад +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

  • @amyquigley4763
    @amyquigley4763 Год назад +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 2 года назад +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 Год назад

    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. 🎉

  • @cl.stromsborg
    @cl.stromsborg Год назад

    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 2 года назад

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

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

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

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

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

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

  • @JDMedia
    @JDMedia Год назад +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 👌😍

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

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

  • @GabyDavalos
    @GabyDavalos 3 месяца назад

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

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

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

  • @usalinksystem5312
    @usalinksystem5312 2 года назад +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.

  • @cloninger1973
    @cloninger1973 2 года назад +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!!

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

    Fantastic thank you, looking forward to more :)

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

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

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

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

  • @goldjellyfish2452
    @goldjellyfish2452 2 месяца назад +1

    Thanks for this and everything sir. You are appreciated 👍

  • @md.al-raihanferdaus4055
    @md.al-raihanferdaus4055 2 года назад +1

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

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

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

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

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

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

    Amazing course! thank you so much for this

  • @user-fi7ce4zx8b
    @user-fi7ce4zx8b 2 месяца назад

    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

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

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

  • @abdulbasitnisar
    @abdulbasitnisar 5 месяцев назад

    Your courses are a treasure for us!

  • @adelesparke9516
    @adelesparke9516 4 месяца назад

    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

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

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

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

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

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

    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

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

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

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

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

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

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

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

    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

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

    Thank you, It was really helpful.

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

    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!

  • @harpreetsindhia5349
    @harpreetsindhia5349 2 года назад +5

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

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

    THANK YOU A LOT!!!

  • @henrythomas7112
    @henrythomas7112 4 месяца назад

    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.

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

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

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

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

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

    Wow man it really works!

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

    Well done! Thank you, sir (from Iran)

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

    Thank you sir!

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

    i love your teachings Dan

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

    Thank you so much!

  • @tahasamuraie9047
    @tahasamuraie9047 11 месяцев назад

    Thank you for an amazing course

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

    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.

  • @birukethiofunnyvideo-bestc1379
    @birukethiofunnyvideo-bestc1379 2 года назад

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

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

    Thx sir for this course❤👏

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

    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.

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

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

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

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

  • @chalongkrungsae-ueng8370
    @chalongkrungsae-ueng8370 2 года назад +1

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

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

    Thanks…….Great course!!!

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

    Great video!!!

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

    Your video is very helpful. I downloaded it succe

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

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

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

    2022 y me funciono perfecto, muchisimas gracias!

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

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

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

    completed the course watching from cameroon

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

    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!

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

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

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

    work! Cheers

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

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

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

    Thank you so much 😇 from algeria

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

    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?

  • @weirdothen.2669
    @weirdothen.2669 2 года назад +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...

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

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

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

    Love from Pakistan great video!👍

  • @mojtabahn6913
    @mojtabahn6913 4 месяца назад

    You're The Best

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

    Thank you.

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

    merci beaucoup a toi :))

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

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

  • @DayTradingWithEmmanuel.
    @DayTradingWithEmmanuel. Год назад

    Like bro!)

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

    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!

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

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

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

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

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

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

  • @nipragupta1955
    @nipragupta1955 6 месяцев назад

    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.

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

    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?

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

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

  • @dinnnnnnnnnnnn
    @dinnnnnnnnnnnn 6 месяцев назад

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

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

    you made it best love from pakistan

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

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

    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.

  • @Abisatizz
    @Abisatizz 5 месяцев назад

    What laptop is best for ux and Ui designing

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

    Hello sir, thanks for the courses. I love Adobe XD for the fact that it is free. Do I have to learn figma to be good at UI/UX?

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

      It's good to at least do some basic work in Figma so you know the differences and so you're able to switch if you need to for a job. Check out my Figma video here on RUclips for a run through. - dan.

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

    ahhh, I just bought this course on udemy!!

  • @pl-vi8vz
    @pl-vi8vz 9 месяцев назад

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

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

    The Alt/Option Key + Click to duplicate items is not working for me :(

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

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

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

    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.

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

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

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

    Exercise files can't be downloaded.. Please check the link.