Navigation Refined

30 Responses (page 1 of 2)

  1. Asher Asher

    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

  2. Sven Read Sven Read

    Love these awesome wood textures...

    likes

    almost 2 years ago

  3. Pro Dylan W. Dylan W.

    definitely looks delicious.

    almost 2 years ago

  4. Pro Umar Irshad Umar Irshad

    Great work Asher.

    almost 2 years ago

  5. Pro Edi Gil Edi Gil

    This is beautiful. Good work.

    almost 2 years ago

  6. Pro zee7 ✽ zee7 ✽

    nicely done dude!

    almost 2 years ago

  7. Pro Chris Farina Chris Farina

    Sick!

    almost 2 years ago

  8. Juan Gomez Juan Gomez

    what's the white thing ?

    def looks better now.

    likes

    almost 2 years ago

  9. Pro Igor Garybaldi Igor Garybaldi

    — I cant understand too, what is the white thing? Looks nice. Much better than previous version.

    likes

    almost 2 years ago

  10. Natalie Nash Natalie Nash

    Such a unique idea and excellently executed.

    almost 2 years ago

  11. Pro Cuberto Cuberto

    love the icons over the boxes and you added contrast? ... it's better

    almost 2 years ago

  12. Asher Asher

    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

  13. Mark Kemp Mark Kemp

    is this thing live on the web anywhere at all? Such immaculate detail... Thanks for the inspiration, dude!

    likes

    almost 2 years ago

  14. Pro Nigel Evans Nigel Evans

    I can't wait for you to finally put this up live man :)

    likes

    almost 2 years ago

  15. Pro Joao Pires Joao Pires

    Amazing style! Love the lightness!

    almost 2 years ago

  16. Pro Andrew Newhouse Andrew Newhouse

    Amazing!

    almost 2 years ago

  17. Pro Mason Yarnell Mason Yarnell

    Love it

    almost 2 years ago

  18. Mindustry Mindustry

    Amazing work!

    almost 2 years ago

  19. Pro Xavier Veyrat Xavier Veyrat

    Oh mon dieu!

    almost 2 years ago

  20. Pro Underbelly (via Anthony Lagoon) Underbelly (via Anthony La...

    I love the polish! great job!

    almost 2 years ago

  21. Artem Lapitski Artem Lapitski

    Really nice

    over 1 year ago

  22. Pro Davlikanoff Design Davlikanoff Design

    good job man!

    over 1 year ago

  23. Pro Foan82 Foan82

    Love this. Congrats! :)

    over 1 year ago

  24. Juan Gomez Juan Gomez

    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

  25. Pro George Kvasnikov George Kvasnikov

    sexy, love it)

    over 1 year ago

keyboard shortcuts: previous shot next shot L or F like