iOS 7
May 25, 2015
iOS 7
Is that... iOS 7?iOS 7
Completely redesignedthe way it looks,the way it works.
It’s about the content, less about the UI.
Focused on User Experience
Bye SkeuomorphismiOS 7
Reduction in the use of faux-3D visual effects and textures.
Layers organized in a logical way.
iOS 7
If developers don't want to look out of date, they're going to have to rethink how major
aspects of how their apps work.
ExampleiOS 7
Swipe up from bottom of the screen
Spotify: open player
iOS 7: open control center
Design changesiOS 7
Helvetica Neue UltraLight as a primary font
More focus on typography
Design changesiOS 7
Flat.
Strip away details.Don’t strip away the personality of your app
Design changesiOS 7
Bigger border radius
New ‘Jony Ive Grid’Neven Mrgan calls it wronghttp://mrgan.tumblr.com/post/53308781143/wrong
Open app from springboard: zooms into the icon.http://www.pixelresort.com/blog/start-making-ios-7-icons-with-the-app-icon-template-3-0/
http://dribbble.com/shots/1111035-Template-for-iOS-7-App-Icons
Design changesiOS 7
More subtle animations
Stand out with interactions and animations instead of UI design.
Design changesiOS 7
Navbars are square and blends together with the statusbar.
Design changesiOS 7
Edge to edge.Use the whole screen, don’t frame it. Your hardware is already a frame.
Design changesiOS 7
Contrast
A lot of white with subtle grey use...
or black.
Design changesiOS 7
Gesture left to right swipe= new back button?
The “Push” transitions are now replaced with a slightly more polished page hover transition. It feels smoother.
Design changesiOS 7
New outline style for icons
iOS 7 iOS 6
Auto updateiOS 7
Fix every bug immediately
Show info/help text overlay with major update!
ExamplesiOS 7
ExamplesiOS 7
ExamplesiOS 7
Design for how it worksiOS 7
Don’t just make it flat.
Rethink, redefine the way your app works!
Think about the interaction of every element in and between every page.
That’s how we do it at iCapps