From the course: Designing Icons for the Web

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Equalizing icon weight

Equalizing icon weight

From the course: Designing Icons for the Web

Start my 1-month free trial

Equalizing icon weight

- One of the most important things to remember when you're designing icons, is that those icons need to work together. They need to relate to each other in visual and physical ways. One of the most important aspects of icons relating to each other is their visual weight. Take this set of sort of pseudo icons that I have here. Even though they have the same width and height dimensions, these icons are not balanced visually at all. The visual weight of the square for example is much greater than that of the star, simply because there's much more negative space involved with the star, even though they're the same dimensions. So in order to balance those icons, I need to take in account not only their width and height, but how they relate to each other as well. That's why the size of your icons is often not an exact science, even though you might have some guides to go by, and some designs standards in terms of the size of them, the individual design elements and components of your icon…

Contents