iOS 7 was announced at WWDC 2013 this week. The new iteration of iOS was a bit of a departure of what WWDC normally releases, and what is normally expected out of an iOS update. Instead of hardware being a huge focus this year, iOS stole the show. Dealing with iOS, instead of there being a huge release of new features, iOS 7 was mainly an aesthetic event. The biggest change occurred in the home screen, which had an overhaul in color changes and also flatness. Since we have developers access to iOS 7, we decided to compare and contrast the icons of iOS 6 and that of iOS 7 below.
Messages and Email
Messages is flatter, lighter, and removes the lines in the iOS 6 background.
Email icon removes the clouds, flattens the envelope, and the blue progresses from a darker blue to a lighter blue the further down you go.
FaceTime and Phone
The FaceTime logo is dramatically different, replacing the grey and silver with green to become unified with the other communication apps while retaining the camera icon in the center. The phone icon is lighter green, removes the background lines, but retains the phone icon.
Calendar and Clock
The calendar icon is completely renovated. The background is white, the date is black, and the day of the week is red. This is all while using a Helvetica Neue font. The clock icon changed the least, with the major change being rounder edges.
Photos and Camera
Instead of a sunflower, the Photos icon of iOS 7 uses pill-shaped petals to make up a multicolored flower. This is all with a white background. The Camera icon departs from the optical lens of iOS 6, now showing the whole camera. The camera is black, flatter, and has a sort of matte look to the finish.
Retaining the sun and blue background, iOS 7 ditched the useless random temperature, replacing it with a cloud.
The Maps icon of iOS 7 also didn’t impress me. The icon still is near interstate 280. Despite the directional orientation changing, the only other difference was the animated finish that is consistent in iOS 7.
Notes and Reminders
Departing from the notepad design of iOS 6, the design of iOS 7 is simple, white, with defined lines, and a mustard yellow header. To still denote a notepad, Notes in iOS 7 also has perforated lines.
Reminders in iOS 7 ditched the black border and replaced the black checkmarks with colored dotes to represent the categories in Reminders (work, home, etc).
The tickets illustrated in the iOS 6 icon of Passbook are now presented in a layered format in iOS 7. The colors are also a bit lighter than iOS 6.
The Stocks logo of iOS 7 looks like the logo of iOS 6, but with the lights off. Some lines are retained, however others were taken out due to the black background. Blue was added in as well.
The Newsstand icon of iOS 6 ditched the wooden newsstand, how opting for animated magazines and a newspaper. All of this, in a white background of course!
iTunes and App Store
The iTunes and App Store have a similar design scheme, both had lines coming from various edges of the icon, converging in the center. Both also had an icon surrounded by a circle. For iTunes, that icon was a music note, paint brushes making an “A” for App Store. Now, the icon and circle are preserved, while the background is solid.
In the past, Game Center’s icon was a chess piece, baseball bat, rocket ship, and bow and target to symbolize the different games of Game Center. The new iOS 7 icon is a complete overhaul, featuring multicolored bubbles and a white background to give a playful mood.
The compass icon is now modernized and doesn’t look old timely like the previous, dark wood design.
The calculator icon of iOS 7 looks extremely similar to the app’s UI itself. Simple, light orange, and animated.
Safari preserved the compass design, however the directions were removed, and iOS 7 added a white border.
Music and Video
Instead of orange, the Music icon is now a red-orange color, with a white music note. Video icon hasn’t changed, the glass finish from iOS 6 is now a lighter blue.