When designing your app, the navigation bar is easily the UI element that stands out the most. It defines the rest of the design and that is what most users remember.
I decided to create this list of navigation bar designs for you to use in your app. They were inspired by lots of good design patterns all across the App store.
Browse and download the assets for the ones you like. You can find a sample Xcode project that implements them all at the end of the post.
Please share with your friends
Don’t hoard this, since we are all giving freely, please share this with your friends. You can do by clicking on the Twitter or Google+ share buttons on the left. I will appreciate that. Thanks.
This set of navigation bars give your app a chalkboard effect. Great for educational apps and games.
The wooden effect has been made popular by apps like iBooks. In the three navigation bars below, we show a different take on the effect. Using two different textures and the classic one we are all used to.
Colorful and vibrant. Here are three navigation bars that make your app pop.
The navigation bar looks like it is peeled off the screen. This gives your app much needed depth. Away with boring “flat” styles.
Something design patterns from Android are actually good. I hate to say but I am a fan of the segmented nav bars you see on Android.
Here is an iOS-y take on those navigation bars.
Here is a more minimalist take on the “peeled-off” effect on the navigation bar. Similar to Hendon above, this will also give your app depth.
Richmond combines a gray background with a colorful set of buttons for the UIBarButtonItem. Also, don’t miss the classy sweeping gradient on the bar.
Camden is a gives a different take on the Android pattern similar to Belsize above. The segmented navigation bar effect is more subtle.
I like this one a lot, what do you think?
Last but certainly not least in the set is Kensington. The gradient on the navigation bar will make your app really stand out. It looks similar to the default iOS 6 navigation bar with a tint, but this gives your app a far from default look.
That’s all folks!
I hope you like this. Please let me know your thoughts in the comments.
Don’t forget to share!
Please hit the Twitter and Google+ button to the left and share this with your friends! Don’t be a hoarder.