kyo-tux's avatar
Navigation Refined
By kyo-tux   |   Watch
230 48 19K (1 Today)
Published: August 18, 2011
© 2011 - 2019 kyo-tux
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 size
400x300px 87.04 KB
anonymous's avatar
Join the community to add your comment. Already a deviant? Sign In
Comments (46)
PrinsHeerlijk's avatar
PrinsHeerlijk|Hobbyist Photographer
Hey Man, I would like to buy your navigation bar for use on my website... can you PM me?!
Reply  ·  
mansy-graphics's avatar
mansy-graphics|Professional Digital Artist
Nice work..
Find More Free PSD Files Every Day Here: [link]
Reply  ·  
withujesus's avatar
thx 4 this one, its great~!!
Reply  ·  
Icondesire's avatar
Icondesire|Professional Interface Designer
nice work dude
Reply  ·  
laoyang998's avatar
Reply  ·  
zuyetawarmatik's avatar
zuyetawarmatik|Professional Interface Designer
great UI element!
Reply  ·  
DarkStaLkeRR's avatar
DarkStaLkeRR|Professional Interface Designer
Nice )
Reply  ·  
jas0n3x's avatar
can I please get a full screen image 1080 it is wonderfull, i'd really would wanna have as wallpaper thanks
Reply  ·  
jas0n3x's avatar
can I get the image with an high resolution 1080 maybe?
Reply  ·  
itsme007's avatar
Cool effect..... can you share the wood stock image? pls...
Reply  ·  
milo13200's avatar
milo13200|Hobbyist Digital Artist
Really neat and smart idea ;)
Reply  ·  
MeAli-ADK's avatar
MeAli-ADK|Professional Photographer
Reply  ·  
Macy-Lynn's avatar
Macy-Lynn| Interface Designer
Nicely done! Looks pretty neat.
Reply  ·  
Blu-flame90's avatar
Blu-flame90| Interface Designer
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?
Reply  ·  
kyo-tux's avatar
The four drawers show four states: inactive,hover,click and active.Only two drawers can be opened at a time.
Reply  ·  
Pixelnase's avatar
Very sweet! :)
Reply  ·  
adni18's avatar
adni18|Hobbyist Interface Designer
Excellent work! :)
Reply  ·  
kepeifeng's avatar
kepeifeng|Hobbyist Photographer
Ha! love the idea!!!
Reply  ·  
awhite92's avatar
awhite92|Student Interface Designer
very clean and it really pops! love it ;)
Reply  ·  
nemanjamilo's avatar
saw this on dribbble ! nice work
Reply  ·  
princeofpixels's avatar
Just beautiful work.
Reply  ·  
UIrocks's avatar
UIrocks|Professional Interface Designer
Good work buddy!
Reply  ·  
anonymous's avatar
Join the community to add your comment. Already a deviant? Sign In
©2019 DeviantArt
All Rights reserved