Notice: Undefined index: order_next_posts in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 194

Notice: Undefined index: post_link_target in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 195

Notice: Undefined index: posts_featured_size in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 196

iOS 7 Mac icon project: Messages UPDATED

Messages gets the iOS 7 redesign treatment on day five of the Mac icon project – download it inside

icon-comparison5After wrestling for a little while today with a concept for Launchpad that still isn’t quite right, I turned my attention to Messages. Straight away it was an interesting one; on iOS, the app icon has always been green with a white speech bubble, but on Mac it’s blue, to represent the fact that the app can only send and receive iMessages.

Alongside the new iTunes icon, the green of Messages will help break up otherwise blue docks

At first I created an icon that closely matched the blue and grey of the current design, but it looked boring, bland and near-identical to the current icon. It just wasn’t quite right. After mulling over it for a while, I started playing with the app a little, and remembered that users can choose to change the message colour to anything they want. With this in mind, I decided to combine colours from both the iOS 7 and OS X designs and bring a little splash of green to the otherwise blue dock.

The blue icon looked dull, and was so close to the original that I immediately started looking at other colour options

Right now I’m really loving the freedom that iOS 7 has given me with colours; before, designing icons that were bright made them stand out uncomfortably, but with the new gradients you can create bright, vibrant icons like Messages and iTunes while maintaining a level of consistency.

As always you can grab the icon below, and download the other icons in the project (iTunes, Safari, Mail and the Mac App Store). When you’ve got them, follow this handy tutorial to find out how to apply them.

To download the new version of the icon, right-click it and choose Open Image in New Tab, then drag it onto your Desktop


The original design’s colours were all wrong, as it was based on a reference screenshot that was not correct.
Messages Blue
I’ve also included an updated blue version that was requested in the comments, with an improved colour palette