SitePoint
  • Premium
  • Library
  • Community
  • Jobs
  • Blog
LoginStart Free Trial
The Icon Handbook
The Icon Handbook
Acknowledgements
Image Credits
Foreword
Contents
Introduction
What is an icon?
References
How I started
Susan Kare’s original icons for the Macintosh System Software 1.0
Continuing my journey
User workflow
Overcoming language barriers
McDonald’s nutrition icons
Expressing emotion
New Skype emoticons
Icons as souvenirs
Gowalla
Everything in moderation
Summary
Before you start
Drawing at 16 pixels
Five Details favicons
Summary
The brief
Finding the metaphor
Stephen Horlander’s RSS icon
Starting from scratch
Using combinations
Using colour
The exception to the rule
Summary
Rules for drawing
Tools
Sizing
Drawing for balance and consistency
Drawing for scaling
How much detail to include?
Draw, pardner! Getting practical
Drawn icon set
Step 1: What icons do I make?
Step 2: Making ’em
Step 3: Converting to shapes
My three trade secrets
Using colour
Draw, pardner! №2: This time in colour!
DoubleTwist icons by Sebastiaan de With
Summary
Modern challenges of icon creation
Image formats
Displaying icons on websites
Pictos font
Peculiar icons
Summary
Resolutions
LittleSnapper icon (Bartelme Design)
Metaphor
Process
Jono Hunt (Iconaholic)
Application icon process drawing inspiration from others
Coda icon
Windows Vista icons
Kaleidoscope icon by Sofa
Exporting and testing
Conclusion
Common icon badges
Drawing and creation tools
Icon utilities
Icon reference chart

Community Questions