I haven't posted in yonks; been busy with many projects. Here's an early shell concept of an app I'm working on. The idea is the navbar disappears off screen when scrolling.
Photo is of Simon Frouws' stunning Artisans 'Cigar' Box. Got it for Christmas - well chuffed.
8 months ago
Really nice work Glenn!
Hahahaha great avatar & name of @Jack Bingham
Looks nice. What's the advantage of this over a standard, fixed navbar?
Haha, love Jacques.
Ah yes, my French cousin. He approves of the sexy tab bar too.
Yes. Very nice.
@Kyle Decker It's a bit different, helps show the content beneath and by not being the definitive bottom of the screen, removing it on scroll is less severe.
Love the subtle details.
Looks super cool :-)
This is seriously amazing..
@Glenn Hitchcock Seems like it might lead to some frustrating unintended clicks, appearing and disappearing like that. I dunno, I just feel like the 'floating element' is Dribbble's new fetish.
@Kyle Decker As a concept, floating navigation has existed for a few years (Twittelator Neue). The hit area of this is essentially the same as a regular navigation bar. As for the interaction of it - see Pinterest and Piictu for a real world example. It works pretty well.
There is no intent to emulate Facebook's chat heads or Foursquare's 'Add' here, nor adhere to any new trends that may be appearing.
This is now a common practice on Android were both the nav bar and tap bar sometimes disappear is called "Quick Return" you can also see this behavior on iOS G+ App.
It was also implemented in Twittelator. Feels good.
Have you thought about having the content width match that of the nav bar?
@Joshua Hibbert Yep! Two reasons I went for a wider navbar:
A) It felt a bit too roomy when 600px width with the padding being 20px all the way around.
B) By having it be larger than the content containers in the background, it looks raised above them and clearly stands out, avoiding confusion that it's part of the same layer.
@Glenn Hitchcock How about balancing it a little more then? It just seems a little odd currently. Maybe if you had the nav bar terminating exactly in the middle of the padding?
This is great work man! Keep it up.
@Joshua Hibbert Good idea - worth looking at.
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter