Mobile Zone is brought to you in partnership with:

Programmed Macs since Inside Mac came in 3-ring binders; programmed iPhones since the first day the SDK was downloadable. 51 apps in the App Store to date, and always looking for new and interesting contracts! Alex is a DZone MVB and is not an employee of DZone and has posted 144 posts at DZone. You can read more from them at their website. View Full User Profile

UI Design for iOS 7

06.18.2013
| 16024 views |
  • submit to reddit

Well, that’s rather quieted the talk of Apple lacking innovation, hasn’t it? “Polarizing”, indeed. From the frothing to the analytical to the philosophical to the satirical, no shortage of reactions anywhere across the spectrum out there. But here, we’ll skip straight to the practical:

START UPDATING YOUR APPS FOR IOS 7. NOW.

The key takeaway we’ve reached (after less than 24 hours playing with the iOS 7 Beta release) is this – every App must consider even basic updates to its UI to survive in a post-iOS 6 world.

We’re not talking about simply flattening the App icon so it matches alongside the Apple stock Apps new, sleek design. Fundamental elements – from borderless buttons to translucent bars through to full-screen layouts must be considered – and added – to allow your App to take full advantage of iOS 7.

What’s the risk?

Remember what non-retina enabled Apps looked like when the iPhone 4 was released? Well, this has the potential to be worse – much worse. And remember when many people said that iPhone-only Apps would look “just fine” on the iPad when blown up to 2X scale. Yeah, that argument didn’t last long.

Simply put, pre-iOS 7 Apps running on the new OS stick out like a sore thumb – looking aged, clunky, and well…just ancient.

Yep, that’s pretty much how we see it. And here’s stuff to help you get on that:

First off, the prerelease iOS 7 Design Resources at the mothership.

iOS 7 GUI PSD added by Teehan+Lax to their design resources collection.

Introducing iOS 7 GUI PSD

Free iOS 7 UI Kit from MediaLoot

iOS 7 UI Kit for Sketch

iOS 7 Icon Guides PSD

iOS 7 Home Screen PSD

New Open Source Project Bringing iOS 7 Style To iOS 5 and 6 UIKit Interfaces

iOS Library For Creating Great Looking Customizable Flat User Interface Elements

Free iOS UI Templates With A Sleek Minimalist Flat Style

Published at DZone with permission of Alex Curylo, author and DZone MVB. (source)

(Note: Opinions expressed in this article and its replies are the opinions of their respective authors and not those of DZone, Inc.)