7 Great Resources for iOS UI Design Inspiration

Designing a new iPhone app can be a daunting task. So we have gathered together a collection of seven of the best iOS UI design blogs out there. Most of them break down apps into different UI patterns for easy look up.

Inspired UI

A collection of mobile ui patterns – splashscreens, login, sign up, profiles, chat, walk throughs etc.

Inspired UI show cases an impressive collection of iOS screenshots detailing iPhone UI design patterns.

Screen Shot 2013 03 06 at 6 16 03 PM

Mobile Pattern

A library of iOS and Android screenshots for designers and developers to reference.

Another design pattern collection for you to reference when designing – it also has patterns not seen in Inspired UI e.g. a calendar.

Screen Shot 2013 03 06 at 6 16 22 PM

pttrns

A collection of iOS mobile patterns

With over 1200 patterns, pttrns has pretty much anything you can think of. A great resource.

Screen Shot 2013 03 06 at 6 19 32 PM

meerli

Where exceptional mobile designers connect, show off their designs and promote themselves.

With its sliding screenshots, Meerli is one of the most exciting looking design pattern collections for iOS.

Screen Shot 2013 03 06 at 6 21 20 PM

lovelyui

A collection of mobile UI elements.

The last of the UI pattern collections, lovely embraces a much simpler site design.

Screen Shot 2013 03 06 at 6 24 59 PM

Beautiful Pixels

Beautiful Pixels is a design-focussed publication that showcases some of the best designs, UIs, iOS and mobile apps.

Unlike most of the other sites, Beautiful Pixels is an actual blog (with text!).

Screen Shot 2013 03 06 at 6 24 25 PM

Dribble iPhone

Dribbble is show and tell for designers.

What design inspiration list is completely without Dribbble. Though iOS UI designs on Dribbble tend to have a skeumorphic leaning, it is still one of the best design inspiration sources on the web.

Screen Shot 2013 03 06 at 6 26 53 PM

Conclusion

Well thats seven of the best resources for your iOS design inspirations. If you know any great sources for iOS inspiration, drop a comment below and let us know.

Influential Designs: Path’s Reveal Sidebar Menu

Path 2 had one of the most inventive iPhone UIs (or even Mobile UIs) when it was released in November 2011. Now that a few years have past, we can look back at how this UI influenced the mobile space. The most prominent example is the Reveal Sidebar. It is a replacement for the standard iOS UITabBar and can be seen in many apps, including the Facebook iOS app. This design improved on the pre-existing facebook implementation of the pattern by adding in gestures, which have now been incorporated back into the current Facebook version.

Reveal Sidebar Menu in Path 2

NewImage

Reveal Sidebar Menu in Facebook

Download Facebook 4 1 iOS App Get Mobile Timeline

Standard iOS Tab Bar

NewImage

Benefits

This UI pattern has two benefits over the UITabBar.

  1. It allows a large number of menu items to be displayed, unlike a UITabBar which can only effectively display five items at a given time.
  2. The menus are only there when the user needs them. The UITabBar controls are always present, taking up screen real estate when they could be devoted to the current view.

Path’s Design Process

Robert Scoble interviewed Dustin Mierau and Dave Morin, the co-founders of Path, back in November 2011. These interviews shed light into their design process and how and why they created the Reveal Sidebar for Path 2.

Heres a hint:

We found that one of the biggest struggles for the last six months is that we looked at the data from Path 1, and it turns out that people use the default screen. Whatever the home screen is, that’s what they use.

iOS Projects

If you want to try out this UI pattern in your own iOS apps, here are several existing projects that might be helpful.