Lillicon: Using Transient Widgets to Create Scale Variations of Icons
work with Wilmot Li
Stroke Before Stroke After
Abstract: Good icons are legible, and legible icons are scale-dependent. Experienced icon designers use a set of common strategies to create legible scale variations of icons, but executing those strategies with current tools can be challenging. In part, this is because many apparent objects, like hairlines formed by negative space, are not explicitly represented as objects in vector drawings. We present transient widgets as a mechanism for selecting and manipulating apparent objects that is independent of the underlying drawing representation. We implement transient widgets using a constraint-based editing framework; demonstrate their utility for performing the kinds of edits most common when producing scale variations of icons; and report qualitative feedback on the system from professional icon designers.
 
Paper (pdf 6.6MB)
 
Code (GitHub)
 
Strategies for scaling icons
 
In-Browser Demo (IE not supported)