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