Iconography & Imagery — UI Design Roadmap
The visual shorthand and supporting imagery that fills out an interface
Steps in Iconography & Imagery
- Icon Design Principles — intermediate · Keeping icons simple, consistent in stroke weight and legible at small sizes
- Building an Icon System — intermediate · Creating a consistent, extensible set of icons rather than one-off shapes
- Using Illustrations & Photography — intermediate · Choosing supporting imagery that reinforces brand and doesn't fight the UI
- Image Optimization for UI — intermediate · Formats, compression and responsive images that keep interfaces fast
Part of
- UI Design roadmap — the full learning path