Official iOS 7 Icons

Discussion in 'iOS 7' started by andrewpturko, Jun 3, 2013.

?

Do you agree with the post?

Poll closed Jun 10, 2013.
  1. Yes

    64.4%
  2. No

    35.6%
  1. andrewpturko, Jun 3, 2013
    Last edited: Jun 4, 2013

    macrumors regular

    andrewpturko

    Joined:
    Apr 23, 2012
    #1
    This seems to be perhaps the most authentic way of telling what the iOS 7 default stock app icons will look like
    based on the recently released official WWDC 2013 app icon before the new design is unveiled next Monday.


    [​IMG]
    :apple:
    ________________________________

    >> UPDATE:

    It looks like transparency is even more prominent now and is looking to be another key factor in iOS 7's
    design based on the newly released WWDC 2013 banners. Compare/Contrast:

    [​IMG]

    ________________________________​

    This mock up is based on all the given resources both Apple and respective rumors have provided [such as]...

    • Flat Design
    • Subtle Grandients
    • Color Consistency
    • etc

    Additional Input Relative to Icons/Home Screen:

    Dynamic Icons
    The Calendar icon has always been dynamic, so why not make the Weather and Clock icons dynamic as well? Perhaps even make the Photos icon dynamic, showing the last picture taken in the frame. Also an option: make the visualizer in the Music icon animate when music is playing. Dynamic icons would make the homescreen feel more alive. App Store apps still only can have static icons.

    Dock
    Give iOS the same Mountain Lion Dock treatment to keep things consistent.

    Notification Center
    Show a badge with the amount of unread notifications in the top-right corner of the status bar, next to the battery icon. In Notification Center itself, get rid of the heavy linen texture. Make Notification groups collapsable by tapping the header.


    Questions and comments are appreciated! I've also included a simple yes/no poll to see how many agree/disagree with this concept. By agreeing with the post you are agreeing to the simple idea that the layers of colors on the WWDC logo will match their respective apps and be applied much like they were on the official WWDC app icon. I tried my best to give a rough illustration of this, but your vote should be based on this idea rather than the rough icons themselves. It'll be interesting to reference back to this next Monday to see if we had the right idea!

    >> UPDATE: I've modified the icons based on feedback, let me know what you think!

    *The icons are provided to only illustrate an idea of the concept and
    are not strictly meant to be accurate.
     
  2. Tar Sniffer, Jun 3, 2013
    Last edited: Jun 3, 2013

    macrumors 6502

    Joined:
    Apr 11, 2012
    #2
    You might be right. So the other colours could be..

    Light Blue = App Store
    Purple = iTunes Store
    Yellow = Notes?
    Dark Blue = Mail?
     
  3. macrumors 6502

    SamGabbay

    Joined:
    Oct 15, 2011
    #3
    [​IMG]
     

    Attached Files:

  4. macrumors 68030

    Joined:
    Sep 21, 2011
    #4
    There's no shading in the WWDC app icon, so why did you add it to the other icons? I believe you're on the right track though, but no shadows :)
     
  5. macrumors G3

    roadbloc

    Joined:
    Aug 24, 2009
    Location:
    UK
    #5
    [​IMG]
    You're wrong. It'll look like this.










    [​IMG]
     
  6. macrumors member

    Bonestle

    Joined:
    Jul 18, 2012
    Location:
    Darwin
    #6
    I can see shading (or at least gradient) right there in the icons, where are you looking?
    Nice work, OP!
     
  7. macrumors 6502

    Joined:
    Oct 12, 2012
    Location:
    Rio de Janeiro, Brazil
    #7
    This looks great, as long as it's not the only change, I also want new user features!

    Pietro
     
  8. macrumors 65816

    Joined:
    Aug 17, 2008
    #8
    I think the color saturation in your mock-ups is way too low. Also, corners for the calendar app should be rounded.
     
  9. macrumors 68030

    Joined:
    Sep 21, 2011
    #9
    Look at the mock iMessage icon, you'll see that the text bubble casts a shadow. The apple in the actual WWDC icon does not.
     
  10. macrumors regular

    Joined:
    Mar 19, 2008
    Location:
    The Netherlands
    #10
    Why are there hints of grey at the bottom of the icons? That doesn't look good at all.
     
  11. macrumors member

    Bonestle

    Joined:
    Jul 18, 2012
    Location:
    Darwin
    #11
    My mistake, I see what you were referring to now.
     
  12. macrumors 6502a

    tmanto02

    Joined:
    Jun 5, 2011
    Location:
    Earth
    #12
    Keep calm??!! Keep calm??!! This is a iOS 7 not just a world war! ;)
     
  13. andrewpturko, Jun 4, 2013
    Last edited: Jun 4, 2013

    thread starter macrumors regular

    andrewpturko

    Joined:
    Apr 23, 2012
    #13
    I applied the shadow based on http://cdn.macrumors.com/article-new/2013/06/ios7icons.jpg, perhaps it should have been more of a "glow".

    I believe there are subtle gradients and shading on the icon's color, although they most likely aren't around the white symbols in the icons like I previously applied. It's most likely more of a "glow" or at least more subtle. As I made this in Photoshop, applying no shadow awful to me at the time, so it's probably a bit more exaggerated than what I first imagined.


    Like I said at the bottom of my post, the icons are provided to only illustrate an idea of the concept and are not strictly meant to be accurate because that's not the point. We won't know until Monday. My concept is only referencing the color choices to the existing icons and what they might be applied to. I made this in about 10 minutes, I realize the shadowing and gradients aren't perfect, they're only rough mockups, but I appreciate all of your feedback! I hope you all get the idea that I'm pointing out here, and appreciate the interesting conversation this is starting.

    Anyway, by agreeing with the post you are agreeing to the simple idea that the layers of colors on the WWDC logo will match their respective apps and be applied much like they were on the official WWDC app icon. I tried my best to give a rough illustration of this, but your vote should be based on this idea rather than the rough icons themselves.

    Last but not least...KEPP CALM?!?!?! Impossible. :p
     
  14. macrumors 6502

    Prototypical

    Joined:
    Apr 22, 2011
    Location:
    Nebraska
    #14
    While I understand that you're trying to mock up the "official iOS7 Icons," the thread title is pretty misleading. People are going to think these are the real icons... which is exactly how hoax stories get started.

    ...Just sayin'.
     
  15. thread starter macrumors regular

    andrewpturko

    Joined:
    Apr 23, 2012
    #15
    It's really just the first title that came to mind, no hoaxes here. Just my idea of what the official iOS icons will be based off of. I see what you're saying though, I'd think the same thing if I just glanced at the icons and replied. The underlying details are in the context of the post. Thanks for the input. :)
     
  16. thread starter macrumors regular

    andrewpturko

    Joined:
    Apr 23, 2012
    #16
    >> update

    I've modified the icons based on all of your great feedback, and I think the visual idea is a bit more on target now, although not perfect (because we just don't know yet! :D). Let me know what you think!
     
  17. macrumors 68030

    Joined:
    Sep 21, 2011
    #17
    Much better! This looks really nice :)
     
  18. macrumors 6502a

    Joined:
    Feb 8, 2007
    Location:
    Wisconsin
    #18
    Wow...those look great! I would welcome that change with open arms! Clean, simple, and the colors really pop. I like it!

    It's something small, but I really can't wait to see some of these icons get a total makeover...particularly the Photos, Mail, and App Sore icons...They look dated and crappy, IMO.
     
  19. thread starter macrumors regular

    andrewpturko

    Joined:
    Apr 23, 2012
    #19
    It looks like transparency is even more prominent now and is looking to be another key factor in iOS 7's design based on the newly released WWDC 2013 banners:

    [​IMG]
     
  20. macrumors 6502

    Joined:
    Jan 19, 2010
    #20
    I like the look of those. The transparent icons are giving me a sort of iMac G3 vibe, too.
     
  21. macrumors regular

    VolceOntra

    Joined:
    Apr 25, 2007
    #21
    These look great, but lets pray they don't go with that obnoxious iTunes/Music color.
     
  22. thread starter macrumors regular

    andrewpturko

    Joined:
    Apr 23, 2012
    #22
    Yeah! To this day I'm still in love with the design of the iMac G3. I think it still defines the Apple of this era in a way.

    Also...
    "We made the buttons on the screen look so good you'll want to lick them."
    -Steve Jobs
     
  23. macrumors 6502a

    Joined:
    Mar 24, 2013
    Location:
    South West England
    #23
    If I'm honest, I don't think there has been a point for Apple to have a Music app and an iTunes app, on desktops iTunes is able to play music and be able to make purchases, I'd quite like to see them get rid of music and put it into the iTunes app, with a shortcut to the store
     
  24. macrumors regular

    Joined:
    Sep 4, 2012
    Location:
    Germany
    #24
    you did a great job! no doubt
     
  25. thread starter macrumors regular

    andrewpturko

    Joined:
    Apr 23, 2012
    #25
    I agree 100%. iBooks has their store right in the app, so why not iTunes. The Music app, previously called the iPod app was conceived at a time where bringing the iTunes store to a mobile platform was completely new. As time progressed, it doesn't seem very intuitive anymore, and there needs to be a change in these things to make sense once again.

    I'd also like to point out that on a personal computer iTunes puts all its stores under the App, where as on mobile it's separate. Perhaps a new "iStore" would work better and make more sense (think "Play Store") rather than consolidating it all under one app. Although this would create another problem that iTunes original solved - combining the player with the store. This method would separate that, so perhaps integrate the iStore into iTunes on the desktop. Better yet, integrate the respective stores to their respective apps on all platforms...oh I should stop babbling now before I'm tempted to make a concept. ...ideas ideas :D
     

Share This Page