Anatomy of Good Icons

Summary: Icon clarity is shaped by consistent layout, stroke thickness, and the handling of exterior and interior corners.

by

Topics:

Anatomy of Good Icons

 to watch NN/g videos

Related Article

Bad Icons: How to Identify and Improve Them

Related links are often chunked as a set, each with an icon. One bad icon hurts user interaction. A set of bad icons is worse because it amplifies confusion, adds clutter, and wastes screen real estate.

Video Author

Kelley Gordon is a former NN/G employee who published widely-used guidance on visual design, design specs and the designer-developer relationship, and the fundamentals of UI components including buttons, icons, and grids.

Learn More

Subscribe to the weekly newsletter to get notified about future articles.

Videos