Adobe and Office icons

Saturday 30 December 2006

Adobe has announced the icon set for their CS3 suite of products, and it has generated quite a bit of controversy. The new scheme involves 40 or so product icons, and basically makes them all solid-color squares with two letters of white type, like the periodic table. Only a few consumer-facing icons like Acrobat escape the two-letterization.

I can understand the difficulty in designing icons for these products, many of which do similar things. Especially for a suite of products, you need to have a common scheme to tie them all together, but also make them stand apart. And icon design is one of those endeavors that will draw criticism no matter what direction is chosen. But this really does seem lame. I subscribe to the theory that icons don't have to be representational, they just have to be memorable. And I also think that letters on an icon are a sign of a cop-out. So these new icons are pretty bottom of the barrel: nothing but type, and very little else to distinguish them from each other.

Of course, the icons they are replacing were controversial in their time too. For those who aren't familiar with Adobe's product suite, the CS2 icons were abstract as well: feather for Photoshop, flower for Illustrator, and so on.

For comparison, Microsoft has a new set of icons for Office as well. These seem a little more icon-like, in that they have a unifying element (rectangle with one rounded corner), a unifying style (similar angle to the drawn elements), and some representational content. They also continue themes from past years, helping with recognition.

While we're on the topic: GUIdebook has a great chart of icons through the years, which sadly has not been updated for the latest versions of software. Also, Matt Queen has an interesting paper about using low spatial frequency analysis to objectively evaluate icon design.

Comments

Add a comment:

name
email
Ignore this:
not displayed and no spam.
Leave this empty:
www
not searched.
 
Name and either email or www are required.
Don't put anything here:
Leave this empty:
URLs auto-link and some tags are allowed: <a><b><i><p><br><pre>.