Design & Code: Dropdown Menu Components in Adobe XD (Part 1 of 4)
Hey, Pixels! In this 2-part tutorial series, you’re going to learn how to design & code 4 dropdown menu components inspired by some of the most influential websites, using the latest tools & features in #AdobeXD.
Download Project File: https://bit.ly/3m6ZnWV
Readymag, the browser-based design tool, offers a 25% discount on the first purchase for the first 100 users to use the code XOPIXEL: http://bit.ly/38TCmzs
Remember, practice makes #xopixelPerfect!
Part 1: https://bit.ly/34llVJz
Part 2: https://bit.ly/3505umf
Part 3: https://bit.ly/3539Adj
___
⏰ Chapters
0:00 Intro
0:09 Overview
0:26 Video Partner
1:26 Artboard Setup
1:50 Navbar
4:22 Dropdown 1
5:53 Dropdown 2
7:41 Dropdown 3
9:07 Dropdown 4
11:08 Prototype
12:23 Design Summary
12:39 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-prod...
___
Follow Me
▸ website | https://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
___
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: [email protected]
___
Please note that I may receive a commission (via affiliate programs) if you purchase something linked in my video description.
