Hey, Pixels! On this tutorial, I’ll present you the right way to design this brilliant and vibrant responsive Web site in Adobe XD. You’ll additionally learn to use a number of the newest options in #AdobeXD whilst you’re at it.
Bear in mind, apply makes #xopixelPerfect!
Venture File Obtain: https://bit.ly/3mt9BAP
Bookmark.com Promo (25% off): http://bit.ly/30ON3Px
___
⏰ Chapters
0:00 Intro
0:24 Video Associate
1:10 Artboard Setup
1:51 Navbar
2:43 Hero Part
5:00 Plan Part
7:12 About Part
8:36 Store Part
9:45 Footer
11:31 Artboard Cleanup
12:00 Pill
14:20 Cellular
16:34 Design Abstract
16:55 Outro
___
💻 Extra Methods to Follow
▸ Study UX Design: https://bit.ly/2ZpzLJy
▸ Study Code: https://bit.ly/2LPpezz
▸ Study Graphic Design: https://bit.ly/3g9QhDE
▸ Study Tech: https://bit.ly/36qGWTy
▸ Ideas & Life-style: https://bit.ly/2ymKutp
___
Assets
💌 Signal-up to my weekly e-newsletter to get your FREE HTML & CSS Coding Cheat Sheets: https://bit.ly/2zi8fTQ
🎥 My fav tools & instruments:
https://xopixel.com/my-favourite-products/
___
Comply with Me
▸ web site | https://xopixel.com
▸ fb | https://fb.com/xopixell
▸ twitter| https://twitter.com/xopixell
▸ instagram | https://instagram.com/xopixell
▸ pinterest | https://www.pinterest.com/xopixel/
Subscribe to XO PIXEL for brand spanking new movies each week! https://www.youtube.com/channel/UC97rIjLDrO9ji6oAQsfgyiw?sub_confirmation=1
___
♥︎ Filmed & Edited by Marisa Blair
___
About
XO PIXEL is the place to develop your love for design, code, and know-how!
Our mission is to offer instructional, inventive, and provoking design, coding, and tech content material for enthusiastic learners on-line. Be a part of over 1 million learners and watch XO PIXEL articles and video tutorials to develop your digital expertise and turn into impressed and inventive!
___
FOR BUSINESS INQUIRIES: contact@xopixel.com
___
Please notice that I’ll obtain a fee (by way of affiliate applications) if you are going to buy one thing linked in my video description.
source
Do you create character styles for each device?
A tutorial on how to do animations with device mockups like the one at the end of the video would be great! (Please update me if you already have a tutorial on that) Great content as always! 😊👍
why i didn't find icons and charachter styles in my adobe xd?? how to add them? please help
Is it really responsive after ? It seems to me more adaptative.
your Design skills are really amazing! Thanks for sharing with us.
Kindly let me know which software you used to present your design in all three devices (Desktop, mobile, iPad) like as at the end of video that you show. thanks.
Can I have your WhatsApp number or email address… I might need your help
Amazing video and work ..I need to ask you don't minimize the font size when you make the mobile version ??
👀😱😳 you made it look so easy! Thanks for the wonderful tutorial!
You are amazing
how did you add a new canvas in diff size on the same document?
Why use 1280px for the website instead of 1920px?
Very impressive.
Do I have to know coding to make website? I mean after making the website from xd, can I get the source code?
How come you made the gutters bigger? Curious on the advantages of it.
i just fall in love with your work
Why I haven't found you earlier?? Your videos are simple but super informative and as well as satisfying to watch! Keep up, got a aub! 🙂
And this is an example of UI? I want to teach myself this. So far I know front end (just not java yet) and I am a IT & design major so I had a class experience of photoshop/in design/illustrator (I have one more design class left for my major) but I want to create a portfolio of everything of UX/UI, Coding/Design etc. ( I didn't take a UX/UI class yet) & I'm trying to secure an UX/UI internship for next summer.
Thank you for all tutorials 😀
Share your design with me using the hashtag #XOPIXELPerfect 👍 Download Project Assets: https://bit.ly/3mt9BAP