Home arrow Guidelines & Tutorials arrow Icon Development
Thursday, 20 April 2006
 
 
Icon Development
Icons should be recognizable at all levels. PDF Print E-mail
ImageThe Symbolic level. A notebook and pencil together are symbolic for a simple text editor, a notebook and a fountain pen for a more advanced text editor. A car, a bucket and a brush symbolize an application to wash a car.

The Object level. Objects often have an archetypal form and deviations from that form. You can have a classical watch or a Swatch. Someone looking for a tool to set the system time may overlook the Swatch, he will not overlook the classical watch.

Last Updated ( Friday, 03 June 2005 )
Read more...
Pixels vs. Vector PDF Print E-mail

ImageIcons are pixel images or vector images. Both have their pitfalls. Understanding these pitfalls will make you a better icon maker.

Icons used to be made as pixel images. Often the artist would make a 32x32 icon, and then scale it down to 16x16. Scaling the icon down makes it fuzzy, the artist had to repair it. Sometimes the 32x32 icon had to be simplified in order to make it possible to scale it down. Going back and forth between the icons the artist produced two icons that looked the same. Each time a new size is added a new icon has to be made. The number of icons in a set can become so big, the icon set becomes unmaintainable. Enter vectors.

Last Updated ( Friday, 03 June 2005 )
Read more...
Toolbar and Application Icons PDF Print E-mail
ImageIn KDE there are basically two types of icons. There exist special guidelines for each of these:

Toolbar icons are very often concrete icons They are pictures or close representations of the operations which they represent. Toolbar icons are generally used much more than application icons. So one needs to find them and recognize the purpose they resemble fast. Therefore they are usually more symbolic and simple than application icons to improve usability. Toolbar icons are tools one just wants to use. Making them too detailed would decrease usability a lot.

Last Updated ( Friday, 03 June 2005 )
Read more...
Icon Boot Camp PDF Print E-mail
Image Want to learn to draw icons? Enlist in Icon Boot Camp!

FIRST ASSIGNMENT

Make an icon for an application to wash a car (or any other application). Here is the specification: it has to be a 2D pixel image, size 32x32 pixels, in black and white on a transparent background. Black and white icons are hard to make, you can not use colors to set objects apart. You will have to keep it 2D. Making a black and white icon may be the most valueable learning expercience you ever get (in the icon field...). For pixel images you can for instance use the GIMP.
Last Updated ( Friday, 03 June 2005 )
Read more...
Advertisement
 
Top! Top!