Designing add-ons for an existing illustrative style. To match Sharespace’s clean and friendly style, all the new illustrative icons needed to be outlined and accompanied by light-blue filled counter areas. Here are some examples to compare the existing icons with the new ones.
Sketching. Here are some early interpretations that I made to find the best visual balance. The challenge was to find the right, consistent metaphor to be maintained across the system.
Anatomy. While each symbol is unique, certain shapes and spaces are shared across symbols. An icon family represents shared patterns and attributes across a collection of symbols.
1. Stroke terminal
2. Flat element
3. Filled counter area
4. Counter stroke
Icon grid. A 128 x 128-pixel grid to ensure pixels fit exactly on screens.