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.
@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.
30 Responses (page 1 of 2)
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.
almost 2 years ago
Love these awesome wood textures...
almost 2 years ago
Pro
Dylan W.
definitely looks delicious.
almost 2 years ago
Pro
Umar Irshad
Great work Asher.
almost 2 years ago
Pro
Edi Gil
This is beautiful. Good work.
almost 2 years ago
Pro
zee7 ✽
nicely done dude!
almost 2 years ago
Pro
Chris Farina
Sick!
almost 2 years ago
what's the white thing ?
def looks better now.
almost 2 years ago
Pro
Igor Garybaldi
— I cant understand too, what is the white thing? Looks nice. Much better than previous version.
almost 2 years ago
Such a unique idea and excellently executed.
almost 2 years ago
Pro
Cuberto
love the icons over the boxes and you added contrast? ... it's better
almost 2 years ago
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.
almost 2 years ago
is this thing live on the web anywhere at all? Such immaculate detail... Thanks for the inspiration, dude!
almost 2 years ago
Pro
Nigel Evans
I can't wait for you to finally put this up live man :)
almost 2 years ago
Pro
Joao Pires
Amazing style! Love the lightness!
almost 2 years ago
Pro
Andrew Newhouse
Amazing!
almost 2 years ago
Pro
Mason Yarnell
Love it
almost 2 years ago
Amazing work!
almost 2 years ago
Pro
Xavier Veyrat
Oh mon dieu!
almost 2 years ago
Pro
Underbelly (via Anthony La...
I love the polish! great job!
almost 2 years ago
Really nice
over 1 year ago
Pro
Davlikanoff Design
good job man!
over 1 year ago
Pro
Foan82
Love this. Congrats! :)
over 1 year ago
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 :)
over 1 year ago
Pro
George Kvasnikov
sexy, love it)
over 1 year ago