Visual Weight

[Hetal Patel]

#63396

How Visual Weight Should Be Used Effectively?

---

[Sneha Jariwala]

#63397

Just like Call to Action and Color Theory, Visual Weight is part of the basic knowledge a UI designer should have. Visual weight means giving a design element “power” to stand out and get the user’s attention.

Not all elements have the same amount of weight. For example, CTA elements are more important than a simple label or an abstract image. Giving higher levels of heavy to certain elements is usually achieved by using contrast.

This isn’t necessarily a contrast of colors; it can be a contrast of placement or size, too. A CTA button might look larger simply because it is designed to take up more space than surrounding elements. This puts more visual weight on the CTA button.

---

[Author]

Posts