Third-Party Mac Icons Reimagined in OS X Yosemite Style

Discussion in 'MacRumors.com News Discussion' started by MacRumors, Jul 8, 2014.

  1. macrumors bot

    MacRumors

    Joined:
    Apr 12, 2001
    #1
    [​IMG]


    With the introduction of OS X Yosemite, Apple introduced a significant visual change with an iOS 7-like "flat" look and completely redesigned icons. While Apple's icons will see a refresh once Yosemite is released, users will have to wait until third-party companies have updated their icons to match Apple's new design language for OS X icons.

    In the meantime, users in this long running MacRumors' forums thread have been designing their own "flat" versions of both Apple and third-party applications, allowing some users to switch out their icons until the real thing is available. Additionally, some users are redesigning Apple's own icons for users who are using Mavericks rather than the Yosemite beta.

    [​IMG]
    iWork, Twitter, Skype and 1Password icons by Arn0​
    While the icons may not be fully representative of the official icons, they do provide a look into Apple's new icon philosophy enacted upon an icon not designed for it, allowing for a glimpse into various companies' processes.

    Forum member Arn0 had been taking requests from other forum members, recreating various icons to fit more along more nicely with Yosemite's design aesthetics.

    Alongside stand-alone apps like 1Password, Twitter and Skype, Arn0 also redesigned icons for entire suites of software, like Adobe's Creative Suite. Thread starter Humex has been sharing a number of different examples of flat OS X icons from around the web, including concepts that hew closer to Apple's style than Arn0.

    Alternatively, designers like drflash have taken a different approach to flat design. Rather than mimic Apple's philosophy and match OS X Yosemite, they created their own design language with Flat OS, which provides a completely different experience for OS X users. The design seems to marry "flat" design alongside some skeumorphic principles, giving icons a more tangible feel.

    [​IMG]
    Flat OS X by drflash ​
    In a blog post on Gizmodo, MartianCraft's Nick Keppol explains that Yosemite's new look centers around four basic ideas: visual rhythm in the dock, three basic icon shapes and their design grid, shape hierarchy and lighting effects and materials.

    Visual rhythm allows the new dock to look more consistent, although that is helped by the fact that OS X icons are now broken up into three types: circles, squares and titled rectangles. While Apple itself isn't totally consistent with these three types, Keppol found that - for the most part - circles are used for more consumer-oriented apps, squares are used for System-related utilizes and titled rectangles are used for applications that are most often used for work.

    Finally, Apple uses Hollywood-style yellow and orange highlights and blue and teal shadows to give the metal-like materials that the icons are made out of feel warm and tangible. This helps create the illusion that the icons are more physical than previous icons while also looking flatter than before.

    If you'd like to switch out your icons until they're fully upgraded with OS X Yosemite, the icon sets shown are linked above, while all of Arn0's redesigned icons are available to download via Dropbox. Icon sets from arn0 and other designers are also available to download via the forum thread. Here are easy instructions on how to change app icons on OS X.

    Article Link: Third-Party Mac Icons Reimagined in OS X Yosemite Style
     
  2. macrumors 6502a

    ZacNicholson

    Joined:
    Jun 25, 2011
    Location:
    Indiana
  3. macrumors regular

    Lapidus

    Joined:
    May 14, 2012
  4. macrumors regular

    designaholic

    Joined:
    Nov 10, 2007
    Location:
    Bristol, UK
  5. macrumors 6502

    Joined:
    Apr 4, 2007
    Location:
    Finland
    #5
    Yosemite style = everything is circular?

    That's not exactly how I would interpret it...
     
  6. macrumors regular

    Joined:
    Oct 9, 2010
    #6
    They don't all need to be circular. But the Twitter one works. Great work.
     
  7. macrumors member

    Joined:
    Oct 5, 2011
    #7
    Agreed. This is crap.

    Way over the top.
     
  8. macrumors regular

    Joined:
    Jul 25, 2011
  9. macrumors regular

    Erastopic

    Joined:
    Jun 4, 2014
    Location:
    Norway
    #9
    They are too circular.

    It makes the desktop boring.
     
  10. macrumors 68020

    Joined:
    Nov 10, 2007
    #10
    Some people have far too much time on their hands. LOL.
     
  11. macrumors G3

    QCassidy352

    Joined:
    Mar 20, 2003
    Location:
    San Francisco
    #11
    I don't like them at all. I hope people realize that "flat" is not inherently better or a logical step forward, regardless of what Apple says in its keynotes. Its a design choice, just like skeuomorphism, which some people will like and others will not, and which can be taken to an extreme (or not).

    IMO, there's a happy medium to be struck between "felt" in Game Center or "ripped edges" in Calendar and this cartoony mess.
     
  12. CrazyForApple, Jul 8, 2014
    Last edited: Jul 8, 2014

    macrumors 6502a

    CrazyForApple

    Joined:
    Dec 31, 2012
    Location:
    Buffalo, NY
    #12
    Thankfully none of those will look that bad, like come on, there is no way they will make those icons look like that.
     
  13. Simplicated, Jul 8, 2014
    Last edited: Jul 8, 2014

    macrumors 65816

    Simplicated

    Joined:
    Sep 20, 2008
    Location:
    Waterloo, ON
    #13
    Seriously, apart from masking existing iOS icons with a circle, what else was done? They look really ugly.

    Anyone creating Yosemite icons needs to read this article on Yosemite icons.
     
  14. macrumors 6502a

    Joined:
    Dec 16, 2011
    Location:
    Macclesfield, UK
    #14
    Lets make them 3D spheres so that when you click one it bursts with a loud pop and the app flows out of the icon in a liquid delight of swirling pixel glory to form onto the screen.

    *cough*
     
  15. macrumors 65816

    MacSince1990

    Joined:
    Oct 6, 2009
  16. macrumors regular

    Thares

    Joined:
    Feb 25, 2011
    Location:
    Dresden, Germany
  17. macrumors 6502a

    Joined:
    Jul 9, 2010
  18. Persian Apple, Jul 8, 2014
    Last edited: Jul 8, 2014

    macrumors newbie

    Joined:
    Jun 28, 2013
    Location:
    Persia!
    #18
    awful reimagination. why do all the icons have to circular?
     
  19. macrumors 603

    whooleytoo

    Joined:
    Aug 2, 2002
    Location:
    Cork, Ireland.
    #19
    If you make all icons circular, and using only 1-2 colours, it makes it harder to differentiate between icons. The more variety, the better.
     
  20. macrumors 68000

    pubwvj

    Joined:
    Oct 1, 2004
    Location:
    Mountains of Vermont
    #20
    Yuk. I am interested in real improvements in reliability, usability, durability, compatibility, legacy support, etc. Icons, smikons - that's just glam and useless.
     
  21. macrumors 65816

    MacSince1990

    Joined:
    Oct 6, 2009
    #21
    I guess you're being sarcastic, but I actually really like that idea. It could flow out of the icon into a splash screen. (And seriously, what the hell has happened to splash screens? I don't care if app load times are now very fast, I want something to look at so I know something important's being loaded, dammit!)
     
  22. Koodauw, Jul 8, 2014
    Last edited: Jul 8, 2014

    macrumors 68040

    Koodauw

    Joined:
    Nov 17, 2003
    Location:
    Madison
  23. macrumors 68030

    Joined:
    Nov 13, 2011
    Location:
    UK
    #23
    Flat OSX by drflash

    does it come with a game controller? Is there a coin slot?
     
  24. macrumors 6502a

    Joined:
    Mar 16, 2012
    Location:
    Cupertino, CA
  25. macrumors 68000

    Joined:
    Aug 23, 2011

Share This Page