Shop Mobile More Submit  Join Login
Navigation Refined by kyo-tux Navigation Refined by 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.
Add a Comment:
 
:iconprinsheerlijk:
PrinsHeerlijk Featured By Owner Oct 29, 2013  Hobbyist Photographer
Hey Man, I would like to buy your navigation bar for use on my website... can you PM me?!
Reply
:iconmansy-graphics:
mansy-graphics Featured By Owner Jul 9, 2013  Professional Digital Artist
Nice work..
Find More Free PSD Files Every Day Here: [link]
Reply
:iconwithujesus:
withujesus Featured By Owner Feb 5, 2013
thx 4 this one, its great~!!
Reply
:iconsomeic:
someic Featured By Owner Jan 1, 2013
Neat!
Reply
:iconicondesire:
Icondesire Featured By Owner Oct 20, 2012  Professional Interface Designer
nice work dude
Reply
:iconlaoyang998:
laoyang998 Featured By Owner Oct 12, 2012
我学习了一下!你的UI图标设计的太棒了!
Reply
:iconzuyetawarmatik:
zuyetawarmatik Featured By Owner Aug 23, 2012  Student Interface Designer
great UI element!
Reply
:icondarkstalkerr:
DarkStaLkeRR Featured By Owner Aug 6, 2012  Professional Interface Designer
Nice )
Reply
:iconjas0n3x:
jas0n3x Featured By Owner Jun 26, 2012
can I please get a full screen image 1080 it is wonderfull, i'd really would wanna have as wallpaper jas0n3x@yahoo.com thanks
Reply
:iconjas0n3x:
jas0n3x Featured By Owner Jun 26, 2012
can I get the image with an high resolution 1080 maybe?
Reply
:iconitsme007:
itsme007 Featured By Owner Oct 16, 2011
Cool effect..... can you share the wood stock image? pls...
Reply
:iconmilo13200:
milo13200 Featured By Owner Sep 22, 2011  Hobbyist Digital Artist
Really neat and smart idea ;)
Reply
:iconmeali-adk:
MeAli-ADK Featured By Owner Sep 17, 2011  Professional Photographer
cooool
Reply
:iconmacy-lynn:
Macy-Lynn Featured By Owner Sep 14, 2011   Interface Designer
Nicely done! Looks pretty neat.
Reply
:iconblu-flame90:
Blu-flame90 Featured By Owner Sep 12, 2011   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
:iconkyo-tux:
kyo-tux Featured By Owner Sep 13, 2011
The four drawers show four states: inactive,hover,click and active.Only two drawers can be opened at a time.
Reply
:iconpixelnase:
Pixelnase Featured By Owner Sep 9, 2011
Very sweet! :)
Reply
:iconadni18:
adni18 Featured By Owner Sep 8, 2011
Excellent work! :)
Reply
:iconkyo-tux:
kyo-tux Featured By Owner Sep 9, 2011
:bow:
Reply
:iconkepeifeng:
kepeifeng Featured By Owner Aug 29, 2011  Hobbyist Photographer
Ha! love the idea!!!
Reply
:iconawhite92:
awhite92 Featured By Owner Aug 28, 2011  Student Interface Designer
very clean and it really pops! love it ;)
Reply
:iconnemanjamilo:
nemanjamilo Featured By Owner Aug 24, 2011
saw this on dribbble ! nice work
Reply
:iconprinceofpixels:
princeofpixels Featured By Owner Aug 24, 2011
Just beautiful work.
Reply
:iconuirocks:
UIrocks Featured By Owner Aug 22, 2011  Professional Interface Designer
Good work buddy!
Reply
:iconhpluslabels:
hpluslabels Featured By Owner Aug 22, 2011  Student Interface Designer
WOW!!
The things that i like from all your creation is
how you can make the lightning so perfect!
good job dude!
:)
Reply
:iconghigo1972:
ghigo1972 Featured By Owner Aug 21, 2011
B R I L L I A N T ! ! ! :love:
Reply
:iconkrisalva:
krisalva Featured By Owner Aug 21, 2011  Professional Interface Designer
Excellent concept!
Reply
:iconmillenniumbugstudios:
millenniumbugstudios Featured By Owner Aug 20, 2011  Professional General Artist
Really awesome navigation concept! Radical and new. Keep it up=P
Reply
:iconsimonohm:
simonohm Featured By Owner Aug 19, 2011  Student Traditional Artist
really nice idea :)
Reply
:iconryowa:
ryowa Featured By Owner Aug 19, 2011  Hobbyist Digital Artist
Awesome :D Where did you get the wooden pattern? is it done by you? :)
Reply
:iconkyo-tux:
kyo-tux Featured By Owner Aug 20, 2011
Thanks!I found that wooden pattern from this site.Can't find the link though :)
Reply
:iconryowa:
ryowa Featured By Owner Aug 21, 2011  Hobbyist Digital Artist
Thats too bad. I have been looking for wooden pattern like this for ages now :(
Reply
:iconkyo-tux:
kyo-tux Featured By Owner Aug 21, 2011
Here you go: [link]
Reply
:iconryowa:
ryowa Featured By Owner Aug 21, 2011  Hobbyist Digital Artist
Awesome! thanks
Reply
:iconomar1one:
omar1one Featured By Owner Aug 19, 2011
Great work, very nice. Just wondering how i can get my hands on the image files and/or the background image file
Reply
:iconkyo-tux:
kyo-tux Featured By Owner Aug 20, 2011
I am intending to slice down the images and release it.Will let you know once I am done with it :)
Reply
:iconweida34:
weida34 Featured By Owner Aug 18, 2011  Hobbyist
you're good! :)
Reply
:iconkyo-tux:
kyo-tux Featured By Owner Aug 20, 2011
And you are kind :bow:
Reply
:iconlpopp:
LPopp Featured By Owner Aug 18, 2011
This looks so lovely and neat
Reply
:iconkyo-tux:
kyo-tux Featured By Owner Aug 18, 2011
thanks :)
Reply
:icontatice:
tatice Featured By Owner Aug 18, 2011
Nice concept, It would be great to see it in action :)
Reply
:iconkyo-tux:
kyo-tux Featured By Owner Aug 18, 2011
me too ;)
Reply
:iconsoundforge:
SoundForge Featured By Owner Aug 18, 2011  Hobbyist Interface Designer
One word.....BEAUTIFUL! :)
Reply
:iconkyo-tux:
kyo-tux Featured By Owner Aug 18, 2011
Thanks buddy :bow:
Reply
:iconchiox:
ChioX Featured By Owner Aug 18, 2011  Hobbyist Interface Designer
really great idea, do you mind if i try to implement it? Feel free to msg me back
Reply
:iconkyo-tux:
kyo-tux Featured By Owner Aug 18, 2011
Thanks! You are free to implement the design :)
Reply
:iconchiox:
ChioX Featured By Owner Aug 19, 2011  Hobbyist Interface Designer
so are you willing to hand me the psd in? I would share the code with you.
Reply
Add a Comment:
 
×
Download JPG 400 × 300




Details

Submitted on
August 18, 2011
Image Size
87.0 KB
Resolution
400×300
Link
Thumb
Embed

Stats

Views
15,724 (4 today)
Favourites
230 (who?)
Comments
47
Downloads
1,244 (1 today)
×