Responsive Website Design in Adobe XD



Hey, Pixels! In this tutorial, I’ll show you how to design this bright and vibrant responsive Website in Adobe XD. You’ll also learn how to use some of the latest features in #AdobeXD while you’re at it.

Remember, practice makes #xopixelPerfect!

Project File Download: http://bit.ly/3av2aTI

Bookmark.com Promo (25% off): bit.ly/30ON3Px
___
⏰ Chapters
0:00 Intro
0:24 Video Partner
1:10 Artboard Setup
1:51 Navbar
2:43 Hero Section
5:00 Plan Section
7:12 About Section
8:36 Shop Section
9:45 Footer
11:31 Artboard Cleanup
12:00 Tablet
14:20 Mobile
16:34 Design Summary
16:55 Outro
___

💻 More Ways to Practice
▸ Learn UX Design: https://bit.ly/2ZpzLJy
▸ Learn Code: https://bit.ly/2LPpezz
▸ Learn Graphic Design: https://bit.ly/3g9QhDE
▸ Learn Tech: https://bit.ly/36qGWTy
▸ Tips & Lifestyle: https://bit.ly/2ymKutp
___

Resources
💌 Sign-up to my weekly newsletter to get your FREE HTML & CSS Coding Cheat Sheets: https://bit.ly/2zi8fTQ

🎥 My fav equipment & tools:
https://xopixel.com/my-favourite-products/
___

Follow Me
▸ website | https://xopixel.com
▸ facebook | https://facebook.com/xopixell
▸ twitter| https://twitter.com/xopixell
▸ instagram | https://instagram.com/xopixell
▸ pinterest | https://www.pinterest.com/xopixel/

Subscribe to XO PIXEL for new videos every week! https://www.youtube.com/channel/UC97rIjLDrO9ji6oAQsfgyiw?sub_confirmation=1

___

♥︎ Filmed & Edited by Marisa Blair

___

About

XO PIXEL is the place to grow your love for design, code, and technology!

Our mission is to provide educational, creative, and inspiring design, coding, and tech content for enthusiastic learners online. Join over 1 million learners and watch XO PIXEL articles and video tutorials to develop your digital skills and become inspired and creative!
___

FOR BUSINESS INQUIRIES: contact@xopixel.com
___
Please note that I may receive a commission (via affiliate programs) if you purchase something linked in my video description.

Duration: 00:17:12

source