Laws of UI

Discover the fundamental principles that shape intuitive and effective user interfaces. Master the art of UI design with our comprehensive guide to the Laws of UI.

Symmetry

The human eye tends to perceive symmetrical elements as a single, unified whole.

Rule of Thirds

Dividing a layout into a 3x3 grid and placing key elements along these lines creates more balanced designs.

White Space

Proper use of white space enhances readability, focus, and overall visual appeal.

Color Theory

Colors evoke emotions and associations, and their combinations can create harmony or discord in a design.

Typography Hierarchy

A clear hierarchy in text sizes and styles guides users through content and improves readability.

Consistency

Maintaining consistency in design elements across an interface enhances usability and aesthetic appeal.

Proximity

Elements that are close to each other tend to be perceived as related or grouped together.

Contrast

Elements that stand out from their surroundings are more likely to grab attention and be remembered.

Closure

The human mind tends to perceive complete shapes even when parts of the shape are missing.

Continuity

Elements arranged in a line or curve are perceived as more related than elements not on the line or curve.

Fitts’s Law

The time to acquire a target is a function of the distance to and size of the target.

Hick’s Law

The time it takes to make a decision increases with the number and complexity of choices.

Jakob's Law

Users spend most of their time on other sites, so they prefer your site to work the same way as all the other sites they already know.

View our Component Library