Icon Designers Blog

iOS7 Icon Size Template

iOS 7 App Icon Size Template

  |

As Apple have decided to make some changes to their App Icon size and corner radii form iOS7, I thought it would be helpful to myself and others to create a PSD template to both produce all the different Icon Sizes now required, as well as show how these will look on both iOS6 and… Read more »

Recolor Icons

Recoloring Flat Icons in Adobe Illustrator

  |

In a lot of projects we are asked to produce different color versions of the same icon, sometimes this is to represent a¬†different¬†icon state or to provide the end user with interface skinning options. By creating Icon sets you can make working with color easier, faster and prepare your Illustrator document for simpler editing. Global… Read more »

Icon Design Tips: Multiple Windows And Pixel Preview Mode

  |

Despite the fact that most of my icons are drawn in vector editors, their output is almost always in a bitmap format. Use Pixel Preview mode to understand how Illustrator divides objects into pixels. In Adobe Illustrator you can open multiple windows of a single document at the same time. Each window can have different… Read more »

Slice Tools

Icon Design Tips: Exporting Slices

  |

When designing Icons I prefer to create a page with multiple icons displayed so I can see how the icons look together as a set. I find this very important and convenient when trying to ensure a consistent style across all the icons I am designing. For example, I have a file in Adobe Illustrator… Read more »

Metro Icon Design

The Rise of Metro Icons

  |

For a while now we have seen a lot of demand for much cleaner simpler Icon styles. No doubt some of this was prompted by Microsoft’s Windows 8 user interface but I think the style has also been made popular by some mobile devices and of course the desire to be just a little bit… Read more »