This Week's Sponsor:

Collections Database

A Powerful Database with iCloud Sync


Iconic Design

As a part of the MacStories Apps Tree event (where you’ll find a huge giveaway worth $10.000 of 450 Mac and iPhone apps licenses), I thought it would be interesting to hear the voice of Mac designers and developers about the steps that go into desigining and developing an application for Mac OS X. Or an application’s icon.

This is a guest post by Anthony Piraino, designer at the Iconfactory.

Have a good read.

I’ve figured out why Apple’s industrial design resonates so deeply with people.

Icons are the key. But not in the way you may think.

Working as a designer at the Iconfactory, I spend a lot of time dealing with icons. Developing metaphors. Rendering concepts. And one of the critical issues in icon design is economy ‚ the ability to cultivate an efficiency in the icon. A good icon needs conceptual efficiency. In an application icon, the artwork needs to concisely and clearly represent your entire app. In a toolbar icon, the artwork needs to distinguish one feature from all the other features in the toolbar. To do this properly, there’s no room for extraneous elements running willy-nilly around your icon. Sometimes concepts need to be reigned in. For instance, a hypothetical developer might describe the following as a concept for an application icon:

“Well, the app scours the internet for news articles, culls photos and images from the articles and organizes them in an archive with tags based on the content of the articles. So, the icon will need to contain a globe, a newspaper, a few photographs, and a filing cabinet. Better add an arrow in there too, since you know, it’s downloading stuff.”

Efficient? No ‚well, unless the goal is to give the icon designer fits of despair. But there’s no conceptual efficiency there. Elements need to be removed, and the concept trimmed down.

A good icon also needs visual efficiency. Especially at smaller sizes, such as for toolbar icons ‚every pixel counts. Lines need to be simplified and textures toned down. Fussy detail can often turn a crisp, clear icon into a visual mess.

These economies of concept and rendering push the icon towards an idealized depiction of whatever the icon is meant to portray. At its best, an icon should truly be iconic,communicating the essence of what it represents as directly as possible.

And that leads us back to Apple.

From a visual standpoint, Apple’s hardware designs are becoming increasingly economical. The Cube and the Mini distilled the computer down to a compact minimum. Comparing my Titanium PowerBook G4 to my new MacBook Pro reveals a stark contrast. Despite feeling sleek and stylish back in the day, the G4 had seams, trim, and extra visual distractions all over the place. The MacBook Pro, on the other hand, is a solidly seamless, gloriously streamlined slab of aluminum. At the extreme end, we have devices like the iPod Shuffle and the iPhone, where the hardware itself is just a few small buttons away from being a smooth, featureless monolith of technology.

That simplicity is a big part of the appeal of Apple’s hardware, and one reason their designs resonate so well. All the visual noise is being removed, one seam, one button at a time. Macs and iPhones are slowly becoming idealized representations of computers and cell phones.

Apple is turning their hardware into icons of hardware.

Unlock More with Club MacStories

Founded in 2015, Club MacStories has delivered exclusive content every week for over six years.

In that time, members have enjoyed nearly 400 weekly and monthly newsletters packed with more of your favorite MacStories writing as well as Club-only podcasts, eBooks, discounts on apps, icons, and services. Join today, and you’ll get everything new that we publish every week, plus access to our entire archive of back issues and downloadable perks.

The Club expanded in 2021 with Club MacStories+ and Club Premier. Club MacStories+ members enjoy even more exclusive stories, a vibrant Discord community, a rotating roster of app discounts, and more. And, with Club Premier, you get everything we offer at every Club level plus an extended, ad-free version of our podcast AppStories that is delivered early each week in high-bitrate audio.

Choose the Club plan that’s right for you:

  • Club MacStories: Weekly and monthly newsletters via email and the web that are brimming with app collections, tips, automation workflows, longform writing, a Club-only podcast, periodic giveaways, and more;
  • Club MacStories+: Everything that Club MacStories offers, plus exclusive content like Federico’s Automation Academy and John’s Macintosh Desktop Experience, a powerful web app for searching and exploring over 6 years of content and creating custom RSS feeds of Club content, an active Discord community, and a rotating collection of discounts, and more;
  • Club Premier: Everything in from our other plans and AppStories+, an extended version of our flagship podcast that’s delivered early, ad-free, and in high-bitrate audio.