latest shot in the Facebook iOS7 redesign is the left side menu
with the new iOS7 status bar and topbar having the same background it raises some concerns with what elements move when the menu button is tapped, is it just the topbar, the status bar or both.
i wanted this menu behavior to be the same as it is now with all the screen content moving except the status bar, the only difficult thing then would be to make sure that the move looks fluid with both bars having the same background but still having something that can slide to the right/left to reveal content behind.
my solution to this was to have the same coloured background as the topbar, this way the content will slide but there is no colour change or distortion when the menu slides making it a seemless transition.
i've attached 2 real pixels as always and your feedback on this one will be much appreciated.
5 months ago
by Michael Shanks
next shot in my Facebook iOS7 concept is the right menu.
for this i wanted to keep the simple style of the left menu but change some of the elements on screen.
first thing i wanted to change was the settings icon at the top of this menu, this option only allows you to enable/disable chat but it's an option that should be put into the settings within the left menu.
i also wanted to change the shape of the profile pictures, the reason for this is that in the existing app when you initiate a chat a circle profile picture overlays the app and i wanted to make sure this consistent styling was used.
as always 2 real pixel shots have been attached :)
5 months ago
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