Back to Browse

Navigation using Components in Adobe XD | Design & Prototype Tutorial

60.5K views
Dec 17, 2019
14:28

New Videos Every Tuesday & Thursday! Have a Great Day! Join the Notification Squad: click the bell πŸ”” Subscribe: http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Learn UI/UX Design and Adobe XD πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»(60% OFF) Learn: https://www.udemy.com/ui-ux-design-using-adobe-xd/?couponCode=CALER60 Join the channel and become a Member ❀️ Get exclusive content from me and help support the channel. Join: https://www.youtube.com/channel/UCfzOLBT7jyHFcaTgwmnttog/join SOCIAL: @CalerEdwards πŸ’™ Dribbble- https://dribbble.com/CalerEdwards Instagram- https://www.instagram.com/CalerEdwards Twitter- https://twitter.com/CalerEdwards Behance- http://behance.net/CalerEdwards Website- http://caleredwards.com Hangout on the Discord server! πŸ’œ Discord: https://discord.gg/qP9CJYE β–Ά Project Files: https://www.mediafire.com/file/qxunvgzfdonln7d/Navigation_using_Components_in_Adobe_XD_Design_%26_Prototype_Tutorial.zip/file β–Ά Programs I am Using: Adobe XD β–Ά Music: Epidemic Sound 🎹 In this Adobe XD tutorial we will use components inside of other components. Using hover effects and tap triggers to create a full navigation prototype for a dark theme website. We will create a card hover effect with the build-in hover effect for components in adobe xd and we will create a nav bar that changes the state of the component depending on the link selected. If you have any questions let me know down in the comments with your thoughts on the video. Enjoy the video :D

Download

1 formats

Video Formats

360pmp417.6 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Navigation using Components in Adobe XD | Design & Prototype Tutorial | NatokHD