Here’s what I thought iOS 7 might look like before it was officially announced



Back in May, when Mark Gurman published his infamous article that (accurately) described the then-upcoming design changes in iOS 7, I had an idea of what I thought iOS 7 would look like. Based on certain parts of the article, I came up with a general idea of what the operating system might look like. I was actually pretty close, but also pretty far off.

I got bored and mocked up a few of the designs tonight. The ideas are based on the following selection from the article:

Apps such as Mail, Calendar, and Maps have also gained a more uniformed look with flat white textures. While the core elements of those apps are mostly white, each app has been given a unique button color. Essentially, each app has a white base with a respective color theme.

For example, the Calendar app could potentially have red buttons, while Messages could have green controls.

Now, I should point out that I don’t want iOS to actually look like those mockups. I was disappointed with the general direction the design was taking based on the description in the article above, so the mockups don’t reflect what I wanted from the redesign, just what I expected.

I also want to note that the tab bar icons in the music app weren’t part of the original idea. They were taken from iOS 7 because I happened to have the icons handy from another mockup I did a while back. I was actually expecting the icons to more closely resemble the iOS 6 versions, especially the Playlists icon.

The colors for each app were inspired by—but not taken directly from—each app’s icon. Green for Messages, orange for Music, and blue for Mail. If I had mocked up Calendar, it would have used red accents. Settings would have used black since gray would have made for poor readability. I supposed Phone would have used green as well, based on the icon, though I’m not sure about using the same color for two different apps (since the color is one of the only ways to tell which app is which in this version of iOS).

Full size versions of each individual app are below.