Home
Bookmarks
Leagues
LEARN
Courses
Career Paths
Assessments
Tutorials
Arcade
Glossary
GROW
Certifications
Log in
Glossary
Log inSign up
Courses/Introduction to Design Systems/Iconography Standards & System Grids/
Exercise #8

Established Metaphors: Never Reinvent the Wheel

In product design, user familiarity is a superpower. When a user sees a magnifying glass, their brain instantly thinks 'Search'. When they see a gear, they think 'Settings'.

A dangerous pitfall occurs when designers attempt to be overly clever:

  • Reaching for a pair of binoculars or an eye for 'Search'.
  • Using a wrench or a toolbox for 'Settings' in an accounting app.
  • Inventing an abstract geometric glyph for 'Log Out'.

Jakob's Law of Internet User Experience:

'Users spend most of their time on other sites.'

This means users expect your icons to mean what they mean everywhere else. Respect established industry metaphors for utility navigation, and reserve creative expression for branded marketing illustrations.

Topics

The Functional Role of Icons in Digital UI
The Icon Grid & Bounding Box Standard
Optical Weight Balance Across Geometric Shapes
Stroke vs Fill Consistency & Terminal Radii
Icon Accessibility: Decorative vs Informative
Delivery Architecture: Inline SVGs vs Icon Fonts
Color Inheritance with CSS `currentColor`
Established Metaphors: Never Reinvent the Wheel
Challenge: Auditing an Inconsistent Icon Set
design

From lesson

2

Iconography Standards & System Grids

Level 4 · Component Architecture & Visual Language

Top contributors

Community contribution details will appear here once real learner activity is available.

Share