is a blog about design, technology and culture written by Khoi Vinh, and has been more or less continuously published since December 2000 in New York City. Khoi is currently Principal Designer at Adobe. Previously, Khoi was co-founder and CEO of Mixel (acquired in 2013), Design Director of The New York Times Online, and co-founder of the design studio Behavior, LLC. He is the author of “How They Got There: Interviews with Digital Designers About Their Careers”and “Ordering Disorder: Grid Principles for Web Design,” and was named one of Fast Company’s “fifty most influential designers in America.” Khoi lives in Crown Heights, Brooklyn with his wife and three children.
Please refer to the advertising and sponsorship page for inquiries.+
wait, whoa, what’s that delicious library thing?
and beyond the blue, the profusion of circles.
In my dock, the icons I have by default (other are launched via Quicksilver):
It’s funny, I noticed the exact same thing a few weeks ago and was planning to do a screenshot of my application switcher filled with blue icons. Surely no surprise that there are more; I’d add CocoaMySQL, Google Earth, RealPlayer, Shiira, Thunderbird, Transmit, Virtual PC, Spaces, BBEdit, and the new Leopard folders to the list.
And of course orange/yellow is the second most popular, being blue’s complement…
Yeah, I suddenly noticed that when I got Leopard.
So i changed the icons. At least the default desktop is not longer blue.
Kind of staggering to see them all in one place. Couple that with a good point by Olivier about roundness and it makes me think there’s a huge opportunity here for someone with a great app to design a truly unique icon. Or, perhaps, for someone to start offering their talents in service of truly unique icon design.
Yeah, I first noticed this when iTunes 7 was released, which dropped that lovely green music note for the current ugly blue one. My entire dock is blue (other than the trash can), which is really annoying.
I am getting sick of blue! Why do major Web sites continue to use it! I know, its suppose to be somewhat of a soothing color, but everything is blue and I just hate designing in blue! Oh Khoi you lucky dog, black and white are the only 2 shades you see, and for that your retina’s will thank you later on in life.
It’s true, but I don’t think we should feel so blue about it. Look around folks! The sky, the ocean, jeans… all awesome, all blue.
I’m down with blue, but then again, if I’m designing an application icon, I’ll probably stay away from blue.
I think black is a very underrated application icon.
Its not really surprising; the interface is called “Aqua” and many of the original icons and UI widgets had/have a blue gel look to them. At least half the icons there took their design cues from that original look. Also, 7 or so of them have an earth motif that one would expect to be blue.
I’ll raise you:
Very, very blue! 🙂
The new version of Keynote is now wooden brown – maybe the reason for the change?
Going in the other direction, OmniGraffle Pro 5 (in beta) sports a new silvery-bluish icon – previously it was forest green and gold. On its own, I think the new icon is more attractive, but I don’t know if it will stand out as much as its green predecessor on my dock, or in my Apps folder.
Is blue the safe bet? If you want to stand out and go red (for example) I suppose your app needs to be able to justify the attention …
pantone’s color of the year is blue iris!!!
Remember that song “Blue”, by Eiffel 65?
Yeah, this reminded me of that.
Speaking of icons, I did a sort of remix/recreation of the Time Machine icon recently. You can see it on my site. And for what it’s worth, it’s not blue!
My dock’s actually not so uniformly blue, thanks in large part to the Adobe apps. But, your point remains in tact. I wonder if, in addition to the inoffensiveness of blue that you note, the fact that OS X has always been predominately silver/grey and blue has an influence here? Apple’s moved away from the aqua somewhat, but it still shows itself in many places (scroll bars, for example), and that move is only pretty recent.
Lets not forget MSIE6 and 7’s icons, with that little Parallels icon on top 🙂
wasn’t it green? 🙂
That’s funny, I was recently wondering how all of the online newspaper sites sychronised their link colour to blue. There’s the sombre, desaturated blues: NYT (although on second look, you just darkened it, didn’t you?), IHT, FT and the Washington Post. Then there’s the somewhat fresher, brighter blues: SMH, Times Online, SZ and the WSJ. The only big online news source I know of these days that *doesn’t* have blue links is Spiegel.
Blue’s the new black I guess?
Matt, blue is the default HTML link colour so they’re taking it from there
Additionally: svnX, and OfficeTime are both blue.
Round icons just on my dock: Opera, Firefox, Safari, Adium (with an icon replacement), CocoaMySQL, OfficeTime, Fugu. Others like iSync and Pages come to mind as well.
heh, a look in my dock finds the same thing.. even the darn FROG in azureus’s logo is blue. when was the last time you saw a blue frog?
add to that list, BBEdit and Vicomsoft FTP (my fave FTP program.)
Well, blue is and always has been MY favorite (I believe that’s specifically cited in the OS X User Interface Guidelines somewhere.)
And only slightly more seriously: blue, from the dawn of NTSC broadcast time, has worked really, really well on television, in part because the about-to-be-obsolete NTSC color gamut has “more room” for subtle variations in blue, and is kinda crippled around the green range. This advantage all but disappears in the land of HD.
– Adobe Photoshop CS2
– Adobe Help Center
– Real Player
I hope khoi updates the post with everyone else’s findings.
Blue has somehow become the universally neutral color — nowadays it should be among black and white. Every day, as I see different designs, I notice that people are trying to run away from blue since it’s somehow lost it’s authenticity due to over(and sometimes mis)use.
As the (corny if you ask me) coined term Web 2.0 clings I hear the words “green”. I think Web 2.0 is about the ‘scaping from blue and living on green (please do not present non-valued misinterpretations).
What’s next? Getting red (blushing :D)? Or we get to keep the relaxant blue? (As obvious I’m giving out post ideas ^_^)
Anyway, nice iconics.
Wait, you have Flock installed? 😉
A large part of it is undoubtedly because of Mac OS X and the aesthetic that follows aqua when it first came about. But also, Microsoft follows the same aesthetic with their choice of blue for their products, identity, even OS.
It seems as if a developer wants to appear OS or application-like, they embrace the general aesthetic in looking more legit.
The icons that stand out in my dock are Firefox, Coda, Adium and Aperture (along with the CS3 apps). The rest indeed are surprisingly blue. Though I suppose at that size, it’s a neutralizing colour that catches enough attention but doesn’t scream out at you. Good or bad?
I deliberately stack my dock with non-blue things so I can pick things out quickly, and invoke others with Quicksilver.
I find that Taskpaper (red circle) and Coda (Green leaf) break things up nicely. Final Cut Pro is another good diversion, but perhaps not worth the $ just to make the dock more navigable.
Blue is also the color of technology and the future. Think of every sci-fi film you’ve ever seen — Terminator, Blade Runner, or more recently Children of Men. Blue is the color used to depict the sheen of a far off technical convergence.
I noticed the icon thing awhile back as I keep my Dock color-coded.
I sort icons in my dock (like the books on my shelves) by color, and about 50% of my dock is blue. I’m partial to the purple section in the middle (InDesign, TextMate, Colloquy and Aperture) because it’s such an underused hue.
I don’t have that many, percentage-wise, blue items. But the preponderance of circles is a problem. I will occasionally hit the wrong thing in the dock as a result of this needless similarity. I like things like the Skype icon and Watch-it which have their very own shape.
Presented like a pro! I noticed this a while ago too.
Not sure if its a good thing or a bad thing.
A couple of non-blue recommendations:
– for database access, try SQLGrinder (orange! though still round)
– for one that really stands out in this round, blue universe, try Mishimo’s excellent MyNotes
– BetterZip, an excellent utility (see what’s in those zipfiles without unzipping them) is a humble brown box
Well, I’m not sure what else you’d expect for a Bluetooth icon…
I never noticed that before. I just looked at the logos in my doc, and just like you they are mostly blue.
It could be worse. I spent the last year working in China where the acceptable “business-safe” palette runs from red to yellow (skipping orange).
Now, I don’t want to sound like a wise guy, but I am not surprised that a User Interface named AQUA would rely heavily on blue…
It may be worth noting that (as far as I can recall), each major version of iTunes has changed the color of the note over the CD … though I will say that there’s definitely a blue-leaning in the color choices (green was as far away as they got). The current icon’s blue seems to match the overall blue used throughout the Aqua UI, so it shouldn’t be that surprising that other icons have followed suit.
Maybe most of the icons were designed by guys? Blue IS the color the male gender is mostly attracted to (supposedly).
Remember when iTunes icon used to be green?
The prevalence of blue has got to have something to do with used-to-be-default blue desktop background…
A related post I recently read.
The author comments on the dangers of having design guidelines and a uniform aesthetic when it comes to usability. His example is the similarity of the icons for Safari and iTunes.
This post helped me realize that blue is the predominant color in my wardrobe – let alone my computer. Now what does that say about me?
good grief … take 100 icons and pick 20 that are blue and present those. Classic data fudging technique.
A better way to do it is to focus the Finder in Icon mode on the Applications directory and see the true nature of this issue.
Hey, logo is blue too!
But I guess I need to add some reflection to it so it looks more yummy like candy in order to be cool.
Yeah, I first really noticed this when the iTunes icon was changed from green to blue. My thought at the time was, just what we all need, another blue icon.
I think it goes back before the days of Apple and Microsoft. I think we should thank Big Blue.
This is just flagrant ‘Blueism” you should be locked up so as not to cause any more harm to society than you already have.
But on a serious note, if you know anything about colour theory you would know that blue is a ‘trusted’ colour. A great deal of banks use blue as a colour in their brand for just that reason. It could be that subconciously we ‘trust’ blue icons more than others…
Maybe it’s time to switch your docked text editor to Smultron. It’s a great editor for programmers, it’s icon is red and green like a top view of a strawberry maybe, and it’s a free download from the apple site. I station it right in the middle of my dock and it really stands out against all that blah,
This reminds me of an old Wired infographic showing how most coporate logos are blue:
Thank you! Your remarks have been sent to Khoi.