<?xml version="1.0" encoding="utf-8"?>

Symmetric vs. asymmetric layouts

Symmetric vs. asymmetric layouts Bad Practice
Symmetric vs. asymmetric layouts Best Practice

In the design world, balance is achieved by combining elements, such as images, shapes, fonts, and colors, in just the right way. Symmetric layouts distribute items with equal weight on both sides of an imaginary central axis. They make pages look arranged and help users navigate products more efficiently.

Asymmetric layouts are a better fit for advertising materials (banners, emails, brochures, etc.) or landing pages to bring a feeling of surprise and catch users' attention.

Improve your UX & Product skills with interactive courses that actually work