1. Finding The Red Nose – What Makes It Rudolph?
The process begins with gathering and studying references to identify the key visual signifiers of the subject. This step is thought of as “finding the red nose”. If the subject were Rudolph, what is the one defining feature that makes it instantly recognizable? This phase focuses on distilling visual cues that make an icon immediately readable.
2. Block It Out – Abstracting the Form
Because icons are abstract, graphical representations, early exploration focuses on big shapes and strong silhouettes. Broad strokes and rough paint-overs are used to explore forms and visual elements that are both highly legible and visually appealing, prioritizing clarity before detail.
3. Make More, Then Kill Most
The direction is refined by combining, simplifying, or discarding signifiers identified earlier. This helps narrow the focus and explore multiple variations of the same concept, ensuring the icon’s direction remains clear and intentional.
4. Put It to the Test
Time for test! Icons are put through tests, including readability checks in reversed colors and at small sizes, as well as placement within full UI mockups. Feedback is used to validate whether the intended imagery reads clearly, guiding further refinement.
5. Polish – Production Ready
The final stage focuses on fine-tuning edges, spacing, proportions, and contrast. This is where the icon is balanced and resolved, resulting in a cohesive, precise, and production-ready outcome.