Hello!

JON HICKS : HICKSDESIGN

Icon Design Explained(quickly)

Anatomy of desktop icon(The Techie bits)

MIRO ICON

512px

256px

128px

48px

32px24px

16px

SCALED DOWN REDRAWN

SCALED DOWN REDRAWN

APPLICATION ICON RESOURCE CHART

16 24 32 48 128 256 512

OS X 10.5 .icns • • • • •

OS X 10-10.4 .icns • • •

Windows Vista .ico • • • • • •

Windows XP .ico • • • • •

Windows 95-2000 .ico • • • •

Linux .svg .png • • • • (uses .svg)

Favicons .ico • •

Tips for creating icons

THE METAPHOR

Keep the idea simple and memorable

Don’t feel you have to be too literal…but…

Don’t be abstract for the sake of it - if it’s a home icon, make it picture of a home!

Make it fun if you can!

EXAMPLES OF ‘FUN’

APPZAPPER TRANSMIT

USE CONSISTENT LIGHTING

My Workflow

RESEARCH

SKETCHBOOK

VECTOR SKETCHES

ADOBE ILLUSTRATOR or FIREWORKS

ICONBUILDER

DONE!

FREE TOOLS

๏ Inkscape is especially suited to making Linux icons - direct to .svg

๏ Other good free tools like png2ico or online apps like favikon.com

Icon Design Explained(quickly)

h!p://del.icio.us/jonhicks/icondesigntalk