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
Top Related