Hey, Pixels! In this week’s tutorial, I’ll show you how to design this trendy website hero using the latest features in Adobe XD. This website hero will also have two versions—light and dark theme.
Download Project File: https://bit.ly/3jo07F7
Suggested Videos
• Remove Background (& Hair) Fast in Adobe Photoshop: https://bit.ly/2IHQnqj
⏰ Chapters
0:00 Intro
0:28 Artboard Setup
1:02 Design - Navigation
3:27 Design - Hero Text
4:10 Design - Hero Image
8:39 Design - Dark Version
9:10 Outro
___
♥︎ M O R E V I D E O S
▸ Learn UI/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
___
♥︎ R E S O U R C E S
💌 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-prod...
___
♥︎ F O L L O W
▸ blog | http://xopixel.com
▸ facebook | / xopixell
▸ twitter| / xopixell
▸ instagram | / xopixell
▸ pinterest | / xopixel
Subscribe to XO PIXEL for new videos every week! / @xopixell
___
♥︎ FILMED & EDITED BY MARISA BLAIR
___
♥︎ A B O U T
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: [email protected]
___
Please note that I may receive a commission (via affiliate programs) if you purchase something linked in my video description.