Icon Design: Creating Pictograms with Purpose

A concept-first approach to icon design

Edward Boatman, co-founder of Noun Project, does not open this class with a vector demo. He opens with semiotics, walking through Charles Sanders Peirce's sign triangle (representamen, object, interpretant) and the three ways a sign can point to its meaning: iconic (a gas pump silhouette resembling an actual gas pump), indexical (smoke implying fire), and symbolic (the radiation trefoil, arbitrary until learned). That framework is not decoration. It becomes the tool students use, a few lessons later, to decide whether their own sign should show a process, prohibit an action, or leave interpretation open.

The class then walks through Boatman's own project end to end: a "KindSign" addressing California's drought. He researches the concept by Google-image-searching "drought" and then reading its Wikipedia definition, treating the encyclopedia entry as a kind of visual brief. Cracked earth emerges as the dominant visual metaphor, and he sketches it with graduated pencil weights in a dotted notebook, working out a specific spatial trick: cracked-soil shapes drawn smaller near the top of the composition and larger near the bottom, tricking the eye into reading depth in an otherwise flat pictogram. A wilting plant is added above the horizon line for emotional weight. This sketch-to-concept sequence is the strongest stretch of the course because it shows reasoning, not just output.

The Illustrator section is shorter and more procedural: building a rounded-corner sign shape on a grid, holding a consistent eighth-inch line weight throughout (Boatman repeats this point because inconsistent stroke weight is what makes a pictogram read as a sketchy illustration instead of a clean icon), and constructing the wilted-leaf shape by starting from a perfect ellipse and distorting it, keeping enough geometric bones that it still reads as an icon rather than a drawing. It is useful, but it assumes comfort with the pen tool and vector points already, and it moves quickly past details a newer Illustrator user would need spelled out.

The closing DIY section is a nice, unusual addition for a design class: mounting a printout on foamcore with rubber cement (applied to both surfaces and left to dry before bonding, not applied wet), or cutting a stencil from a flexible cutting mat for spray paint. It reinforces the course's actual thesis, that a sign is only doing its job once it exists somewhere in the physical world shaping behavior, not just sitting in a portfolio.

At around 43 minutes across eleven short lessons, this is a genuinely quick watch, and its value is weighted toward the first half. The semiotics framework and the tone-selection logic (kinetic/directional vs. prohibitive vs. open-ended) are ideas a designer can reuse on completely different projects. The Illustrator build and the DIY signmaking are enjoyable but slighter, more show-and-tell than instruction. Anyone hoping for a rigorous vector-illustration tutorial will find this too brief and too dependent on prior Illustrator fluency. But as a way of thinking about what a symbol is actually for before opening any software, it earns its short runtime.

What you will learn

• ·How to apply Peirce's sign triangle (representamen, object, interpretant) to real design decisions
• ·How to distinguish iconic, indexical, and symbolic signs and pick the right one for a message
• ·How to define a sign's tone (directional/kinetic, prohibitive, or open-ended/artistic) based on intended behavior change
• ·How to build a consistent-line-weight pictogram in Illustrator using a grid, rounded corners, and layered depth cues
• ·How to fake spatial depth in a flat icon by scaling repeated pattern elements
• ·How to mount a finished design physically using foamcore and rubber cement or a spray-paint stencil