Here's a improved version of navigation I did a while ago.The four drawers show four states: inactive, hover, clicked and active.I selected the opened drawer for hover state because I thought it would make the action a lot more fun.
Most of the changes are subtle and you might need to compare this with the old version to find the difference.You can check this animation to observe closely.In short, I made these changes:
1. Two more states are added
2. Depth is added to the opened drawer.
3. Handles are improved (chrome and shadow).
4. Icons are crisper and better aligned.
5. Radius of the drawer is reduced by 2px.
6. Drawers are sharper.
I hope you like the changes.
Edit: Just fixed the home icon.Check the animation.
over 2 years ago
Love these awesome wood textures...
definitely looks delicious.
Great work Asher.
This is beautiful. Good work.
nicely done dude!
what's the white thing ?
def looks better now.
— I cant understand too, what is the white thing? Looks nice. Much better than previous version.
Such a unique idea and excellently executed.
love the icons over the boxes and you added contrast? ... it's better
Thanks everyone for the lovely comments.
@Juan Gomez: That white thing is supposed to look like a paper :).I wanted to show something sticking out from the drawer.There were many options beside paper but I realized they were all too distracting.
is this thing live on the web anywhere at all? Such immaculate detail... Thanks for the inspiration, dude!
I can't wait for you to finally put this up live man :)
Amazing style! Love the lightness!
Oh mon dieu!
I love the polish! great job!
good job man!
Love this. Congrats! :)
I supossed it was paper, maybe let it stick out a little more and even make it in two states, one as a it is and the final showing more :)
sexy, love it)
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter