4 Must Read Tips If You’re Designing for iOS 7

4 Must Read Tips If You’re Designing for iOS 7

Love it or hate it, the new iOS 7 is here. The new design looks widely different that what iPhone users have been accustomed to, which means a whole new set of guidelines for designers to follow. Apple has outlined 3 major themes the new iOS7 epitomizes:

Deference. The UI helps users understand and interact with the content, but never competes with it.
Clarity. Text is legible at every size, icons are precise and lucid, adornments are subtle and appropriate, and a sharpened focus on functionality motivates the design.
Depth. Visual layers and realistic motion impart vitality and heighten users’ delight and understanding.

Apple went with a crisp UI incorporating fluid motion; however, the overarching theme is Content Content Content! It’s important for designers to keep this in mind. Here are some some suggestions to help guide you along the way.

1. Full Screen Designs

Allow the content to extend to the edges of the screen. Full screen backgrounds help allow important content to pop.

iOS 7 Weather

Full Frame Background by Graph Paper Press

2. Use Translucent UI Elements

Using translucent elements conveys to the user that additional content is available.

iOS Control Center

Flat iPhone App Template by UI Store

INTRO Linicons by Pixlsby.me

3. Use Bright, Saturated Colors

Was Apple was inspired by their old-school colorful logo? Bright colors are making a comeback with the new design.

30 iOS 7 Blurred Backgrounds by PF Martini

40 Blurred Backgrounds for iOS 7 by PictoFoundry

4. iOS 7 Is All About Borderless Buttons

No more borders! Instead, use context, color, and a title that indicates a clear call-to-action.

Flat Web UI Kit by Alexey Degtyarik

Flat UI Kit for iOS 7 by UI Store

Flat UI Kit by ideation pro

App UI PSD Kit in 3 Styles by graphicsfuel

With iOS 7, remember to let the app's core functionality shine through. Content is the key player here. A well designed UI should be easy to interact with, but never competes with the content.

Send me more stuff like this!

Subscribe to get the weekly blog post digest in your inbox and never miss a post.


6 Comments

  1. Alexandru Doda

    When I first saw how iOS 7 looks like, I was really disappointed. Playing around its interface for a few weeks changed my opinion and now I totally love it. It's great how Apple changed to flat and left behind the outdated glossy look. Thanks for the tips!

  2. Alexandru Doda

    @Derek Stevenson Well, I know trends keep evolving, some will never really disappear, but looks like the flat trend is getting bigger and bigger right now. I like the glossy thing too, but for now, I think flat represents what design should be like. It will change, It always does, I just don't know into what.

  3. Pier Francesco Martini

    I think that the new look is better, flat design and more "white space" are a good choices...only a doubt on the icons...too light for me!

    Ah, thanks for add my new backgrounds ;)

  4. Rick Mullenix

    I'm really glad trends are swinging to a flat, bright and colorful look. I think it will push more creativity by driving people away from glossy and shiny glare effects. There are appropriate times to use them but I see them used a lot as a design crutch to hide poorly developed idea.

You must be signed in to post a comment.