Understanding layout

Material Design layouts encourage consistency across platforms, environments, and screen sizes by using uniform elements and spacing.

---

Principles

UIs should use intuitive and predictable layouts, with consistent UI regions and spatial organization. Layouts should use a consistent grid, keylines, and padding. Layouts are...

READ MORE

Predictable

UIs should use intuitive and predictable layouts, with consistent UI regions and spatial organization.

Consistent

Layouts should use a consistent grid, keylines, and padding.

Responsive

Layouts are adaptive and react to input from the user, device, and screen elements.

Structure

Material Design layouts are visually balanced. Most measurements align to an 8dp grid applied, which aligns both spacing and the overall layout. Smaller components, such...

READ MORE

Material Design layouts are visually balanced. Most measurements align to an 8dp grid applied, which aligns both spacing and the overall layout.

Smaller components, such as iconography and typography, can align to a 4dp grid.

8dp and 4dp units

Up next

LAYOUT

Pixel density

LAYOUT

Spacing methods

TYPOGRAPHY

Understanding typography