What is Density?

Density refers to the compactness of user interface (UI) elements and the spacing between them. It plays a crucial role in how users perceive and interact with an application or website.

When to use Density?

Density should be used when designing layouts that require clear visual hierarchy and user guidance. A well-balanced density can enhance readability and accessibility, making it easier for users to navigate through content.

When not to use Density?

Avoid using high density in layouts where clarity and ease of use are paramount, especially in applications targeting novice users or in contexts where users may need to absorb large amounts of information quickly. Too much compactness can lead to confusion and hinder usability.

What is the anatomy of Density?

The anatomy of density includes various components such as margins, padding, line height, and the spacing between UI elements. Each of these factors contributes to the overall compactness and the visual relationship between elements on the screen.