Premium Only Content
![Create an animated hamburger menu in Adobe XD [Flokossama]](https://1a-1791.com/video/s8/1/y/f/r/z/yfrzq.qR4e-small-Create-an-animated-hamburge.jpg)
Create an animated hamburger menu in Adobe XD [Flokossama]
53 369 vues 21 mai 2020 UI Design tutorials
In this UI design tutorial I'll show you how to use component states to create an animated hamburger menu in Adobe XD.
Subscribe - https://tinyurl.com/uxdsubscribe
The hamburger menu is a very common UI element that is typically used on mobile websites because at smaller screen sizes there isn't always the available space to include the word 'menu'. Also, and perhaps more importantly than the space saving, the hamburger icon has become a well known representation for the 'menu' and so it works universally, regardless of a users language.
In this design I've included the animation of the hamburger icon from it's first state as three horizontal lines to the close state where it transforms into a 'close' icon. You'll also spend time creating some simple hover states for the links in the menu, it's worth pointing out that the 'hover' state would only work on devices using a cursor.
Components and the states they allow you to create are really powerful because it means you no longer have to create multiple artboards to show how a specific element behaves.
#UXandD #AdobeXDtutorial #UIdesign
--
❤️ Subscribe to the channel: https://bit.ly/2AQm1xh
🐦 Follow UX&D on twitter:
/ ux_and_d
💵 Buy design resource files: https://gumroad.com/uxandd
--
Top Adobe XD tutorials
⭐️ Wireframing in Adobe XD:
• Wireframes in Adobe XD and why you sh...
⭐️Why and how to use UI kits in Adobe XD:
• Why and how to use UI kits in Adobe XD
⭐️ How to use the grid tool in Adobe XD:
• How to use the grid tool in Adobe XD
⭐️ How to create inner shadows in Adobe XD:
• How to create inner shadows in Adobe XD
⭐️ How to mask in Adobe XD:
• HOW TO MASK in Adobe XD!
-
LIVE
TimcastIRL
45 minutes agoTrump Admin To BAN China Buying U.S. Farmland Citing National Security | Timcast IRL
20,950 watching -
LIVE
The Jimmy Dore Show
2 hours agoGoogle Founder Calls UN Antisemitic! Trump Upset By Questions About Epstein! w/ Elaine Culotti
15,110 watching -
LIVE
Barry Cunningham
1 hour agoPRESIDENT TRUMP IS STILL MAGA STRONG! ARE YOU?
5,774 watching -
47:26
Friday Beers
2 hours agoWe Drank 12 Beers & Found the Zodiac Killer
15 -
Dr Disrespect
10 hours ago🔴LIVE - DR DISRESPECT vs TARKOV - NEW HARDCORE WIPE (DAY 1)
118K9 -
LIVE
Melonie Mac
1 hour agoGo Boom Live Ep 54!
202 watching -
LIVE
Playback Request Live
1 hour agoStream Queens & Feud Kings: Breaking Down Today’s Music Drops
170 watching -
LIVE
Omar Elattar
5 hours agoHe Was Robbed of $100K — Then Built a $300M App That Pays You to Use Your Phone!
48 watching -
16:10
Adam Does Movies
2 hours ago $0.03 earnedSuperman - Movie Review
69 -
LIVE
RiftTV
3 hours agoX CEO Resigns in Midst of Grok Going OFF THE RAILS? | The Rift | Guest: Lilly Gaddis
853 watching