Adobe XD 2022 Crash Course - Design a Real Layout!
HTML-код
- Опубликовано: 31 май 2024
- bit.ly/3eioh4E 👈 Learn UI/UX Today. Use "UI2022" for 15% Off!
-- Today, you're going to step into the world of Adobe Experience Design (Adobe XD) to design and prototype a website for a fictional business. This is the same layout we covered in my previous crash course for Figma: • Learn UI/UX Design & F... -- In doing so, you can watch that video as well do determine if you prefer using Figma or XD for UI/UX design!
0:00 - Intro
1:17 - You want to learn UI/UX?
2:09 - XD Interface Overview
10:42 - Background Photograph
13:17 - Navbar Design
33:50 - Hero Section Design
49:20 - Finalizing the Design
53:30 - Lottie Animation
57:20 - Other Prototyping
1:00:14 - Final thoughts
Let's get started!
#uiux #xd #adobe
- - - - - - - - - - - - - - - - - - - - - -
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! 
Хобби
XD or Figma in 2022. Let me know 👇
Both :)
Both are great
XD XD XD
Figma for collaborate with developer or user
XD
I've been doing design for a number of years but I'm brand new to XD and web design. This was fantastic and really helped a lot. Thanks for putting this out there for us.
Great video! I look forward to checking out all the other crash courses you have available.
ok this is the first tutorial that ive watched till the end with full focus and STRAIGHT TO THE CONTENT ! Thanks ! Good job !
Excellent crash course, man. I really enjoyed creating this design alongside you. Thank you.
Great tutorial. You covered a lot of ground. I'm impressed by how much you were able to teach in only an hour. Well done.
As Adobe XD Beginner, I really like this. Thank you!
Thankyou for this. Totally loved it!
Excellent tutorial. Thanks for sharing!
You really see, that this is a new job because the views are soo low. Awesome tutorial, I didn't follow every step exactly and played around with the tools and components and it really helps. I know that I will have a lot of fun with UX/UI Design in the future :)
works, keep up the good work man
Great! So useful and easy to follow. Thanks!
😱 man how do you getting your ideas from!
When first looking it looks so complicated and advanced stuff when actually think about it it is simple. The hardest thing is to come up with the idea! Thanks good I found your channel so much ideas I can apply to my designs.
You are a star! I will get your course as well probably! Love the way you teach… once again great work!
I’m an architectural designer and I thinking about migrating the presentations from inDesign to XD as all clients only like digital. That was very helpful. Thank you thank you thank you! Best instructor!
thanks, downloaded, all works!
thank u so much.. this is great tutorial design
Thanx for your tutorial gary...really appreciate it, really help me a lot as a beginner..learn so many things from your video....and u looks like rob halford
This is a great tutorial. I've been learning a lot by watching your videos Thank you so much for sharing it with us!
Hello
thank you and subscribed !
thank you very much. I realy love your videos
thank you! it is so good for me
Loving your content ❤
Ty!
This course is simply fantastic . Thank you for the efforts.
Wow good
How are you doing
Thanks good launching off point.
The greatest video of the year by far🙏🏼💯
this dude keeps showering us with courses , I own you a lot really !! someday soon I will be on your negative space , I`m gonna take 9/10 at least😎
very helpful thank you.
Thanks man
Watching from last 2 Year.........Awesome content - From India🔥⚡⚡
Great tutorial. How do you implement the responsive screen sizes with the mobile navigation (hamburger icon) and keep a clean overview with all the artboards and pages?
Hey thanks for the great video, really concise as always.
Figma user here but long term Adobe CC for everything else, thought I'd have a play with XD as I've never really played with it (very natural short cut / UI structure coming from illustrator, photoshop and InDesign).
I am finding that XD is buggy as hell on an M1 MB Air. For example, editing the active state on the nav bar for the contact link resulted in the home button disappearing, then shrinking and moving off the screen each time I tried to undo it!
Do you have any videos specifically about creating re-usable navigation and setting active state on them etc? Is it possible to do that in a re-usable way beyond a component with page level overrides? or do you really need to edit each page manually to (for example) highlight the selected page in the nav
i like how he creates cool logos so suddenly !!!!
Wow i love this 😊
great tutorial keep it up ☺☺
Awesome 👏
took me a while due to mistake, but it works thanks
Thank you.
Thanks bud
thank you
hi .may I ask how to match the lay out sizes of Adobe xd to elementor??base on mock up they give??
is there a way to get the text box to move automatically while text is being typed rather than having it line break and move to the next line.. and then I have to manually select the box handles and move it so that the text fits into one line.
great!
wow.. fantastic course! Learned so many things other tutors take for granted thinking a beginner would know! Thank you. Please please please will you be able to help with developing as well?
Very nice
That's awesome! Thank you for this crash course/overview of XD. I've used Photoshop for years and need to get into this tool to show design and interaction to the clients rather than using words. My next question would be... how do you get these elements out of XD to add to WordPress pages? Like PSD has slices.
Greetings how are you doing today
Cant wait for adobe LMAO XD
Hello, I am selecting presets and I typed in dark water on unsplash, but nothing is working. Any help?
in design course so you teach us how to use both Adobe and Figma or do we need to know how to use the systems before taking the course?
Is there a dark mode, or a dark theme? I don't like having everything being white. Its the only app where I cant seem to change it.
Is this adobe XD or creative cloud all apps plan you are using?
This tutorial is great for beginners ..👍😍 Like me 😁
Yep
Should do a tutorial with an actual page for different layouts from mobile and web.
Niiiiceee
Great video - thank you! Does anyone know if Adobe has certifications for XD yet?
yayy
Sir, will there be an adobe xd course for 2023?
great course... but am I the only one who have a proplem whith the stock photos?... it comes with a really bad resolution ...
Did you again upload this video?
😍👍
Adobe XD
tNice tutorials tutorial was very satisfying
Only legend knows component is global changing stuff.
I just finished a 2 and a half year long associates degree in graphic design, and I feel like I learned more in the past hour than I did in an entire month at my college. This video was awesome and I'll definitely be watching more.
You kind of look like David Spade.
xD
I see that many youtubers like the comments under there videos and they do this with bots. To see that you don't do that I dare you to pin this comment
Keep saying Figma instead of Adobe XD 🙂
Adobe became a woke POS company. Their XD mustdie! Figma rulezz!
long and boring but its fine