Выравнивание размещает элементы вдоль общей линии или края. Оно создает порядок и придает дизайну ощущение продуманности. Когда текст, изображения и кнопки расположены вдоль левого края, взгляд следует по чистой вертикальной линии вниз по странице. Когда они разбросаны, дизайн кажется случайным. Робин Уильямс называет выравнивание одним из четырех основных принципов дизайна, наряду с близостью, повторением и контрастом. Она советует дизайнерам быть безжалостными: каждый элемент должен иметь визуальную связь с чем-то еще.

Существует несколько типов выравнивания. Выравнивание по левому краю является стандартным для основного текста на западных языках, поскольку неровный правый край удобен для глаз. Выравнивание по центру выглядит формально и хорошо подходит для приглашений и заголовков. Выравнивание по правому краю подходит для языков, читаемых справа налево, и работает для подписей и числовых столбцов. Выравнивание по ширине растягивает текст до обоих краев, создавая аккуратный блок, но иногда приводя к неловким промежуткам между словами.

Согласование на практике

• Для каждого блока контента выберите одно основное выравнивание.
• Выравнивайте элементы по общему краю или линии сетки.
• Избегайте центрирования длинных блоков основного текста.
• Используйте выравнивание для соединения элементов в пределах макета.

Строгое выравнивание часто незаметно. Зритель просто чувствует, что страница организована. Слабое выравнивание создает навязчивое ощущение, что что-то не так, даже если зритель не может сказать, что именно.