Deviation Actions

kyo-tux's avatar

Navigation Refined

By kyo-tux
235 Favourites
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.
Image details
Image size
400x300px 87.04 KB
© 2011 - 2021 kyo-tux
Join the community to add your comment. Already a deviant? Log In
PrinsHeerlijk's avatar
Hey Man, I would like to buy your navigation bar for use on my website... can you PM me?!
mansy-graphics's avatar
Nice work..
Find More Free PSD Files Every Day Here: [link]
thx 4 this one, its great~!!
Icondesire's avatar
laoyang998's avatar
zuyetawarmatik's avatar
jas0n3x's avatar
can I please get a full screen image 1080 it is wonderfull, i'd really would wanna have as wallpaper thanks
jas0n3x's avatar
can I get the image with an high resolution 1080 maybe?
Cool effect..... can you share the wood stock image? pls...
milo13200's avatar
Really neat and smart idea ;)
Macy-Lynn's avatar
Nicely done! Looks pretty neat.
Blu-flame90's avatar
That's real nice, but surely it would be the other way round? All the drawers are closed except the one you are currently working with?
kyo-tux's avatar
The four drawers show four states: inactive,hover,click and active.Only two drawers can be opened at a time.
Pixelnase's avatar
adni18's avatar
Excellent work! :)
kepeifeng's avatar
Ha! love the idea!!!
awhite92's avatar
very clean and it really pops! love it ;)
saw this on dribbble ! nice work
princeofpixels's avatar
Just beautiful work.
UIrocks's avatar
Good work buddy!
Join the community to add your comment. Already a deviant? Log In