Desiging With Sidebar Navigation | Xd Skills Challenge



CHALLENGE: Create a custom dashboard using sidebar navigation layouts.
Get your starter files here: https://adobe.ly/3qqBU4H

Join your host Ruben Cespedes each afternoon at 2:00pm PT to learn how to approach each challenge using Xd. Get your questions answered, see what the community is creating and get feedback on your work!

Share Your Work: https://bit.ly/XDdiscord
Find More Challenges: https://bit.ly/XdChallenges
Join us LIVE on Behance: https://be.net/adobelive
Download Xd: https://adobe.com/products/XD
—–
Join us LIVE on Behance: https://www.behance.net/live/adobelive
00:00 Start
02:12 Looking at sidebar examples
03:05 Plugins – UI faces
04:36 Editing hover states
06:56 Importance of contrast
11:26 Creating a transition from the default state
15:23 Checking the prototype
19:08 Creating the lightmode version of the sidebar
22:25 Problem solving hover states – scaling avatar
25:12 Wrap up

source

Save This Post
ClosePlease login