Выравнивание относится к размещению текста и графики, поэтому они располагаются на печатной странице или в макете веб-страницы. Выравнивание является одним из принципов дизайна, который используется для создания привлекательных, читаемых страниц. Правильное выравнивание в дизайне делает их визуально привлекательными и легче сканировать или читать. Большинство программ верстки включают в себя систему сетки, используемую для выравнивания объектов на странице.
Выравнивание может быть горизонтальным, вертикальным или центрированным. Разнообразные предметы могут быть выровнены по одному краю. Большинство элементов в дизайне должны быть каким-то образом выровнены, независимо от того, содержит ли страница только текст с заголовками и подзаголовками, а также с изображениями, видео, ссылками и кнопками вместе с текстом. Однако вы можете использовать рассогласование, чтобы привлечь внимание к элементу на странице, если вы делаете это осторожно.
Не каждый выровненный элемент в дизайне страницы использует одинаковое выравнивание. Вы можете выбрать выравнивание фотографий по правому краю изображения, большая часть текста по левому краю и центрирование всех заголовков и подзаголовков . Когда страница содержит много различных элементов, они могут быть сгруппированы, и тогда каждая группа содержит определенное выравнивание.
Преимущества выравнивания в дизайне страницы
Выравнивание элементов на странице печати или веб-странице служит для:
- Создать порядок и передать гармонию
- Организовать элементы страницы
- Групповые предметы
- Создать визуальные связи
Хорошее выравнивание невидимо. Большинство читателей сознательно не заметят, что все выстроено аккуратно. Однако большинство зрителей заметят, когда элементы не выровнены .
Типы выравнивания для макетов страниц
- Горизонтальное выравнивание: при горизонтальном выравнивании левые и правые поля точно или визуально равны. Горизонтальное выравнивание может быть по всей странице или внутри столбцов. Это не обязательно означает выравнивание по центру. Блок текста влево / неровность вправо можно выровнять по горизонтали. Даже если отдельные строки текста не идеально выровнены с каждой стороны, тщательное внимание к количеству пробелов в конце строки может привести к визуально сбалансированному количеству полей на каждой стороне блока текста.
- Вертикальное выравнивание: при вертикальном выравнивании верхний и нижний поля в точности или визуально равны. Вертикальное выравнивание может быть полной страницей или частями страницы.
- Выравнивание по краям: выравнивание по краям выравнивает текст или объекты вдоль их верхнего, нижнего, левого или правого краев. Выравнивание по левому краю (называемое неровным правом) часто встречается с текстом в газетах и на веб-страницах, потому что наши глаза привыкли видеть и читать текст таким образом.
- Выравнивание по центру: Выравнивание по центру может быть горизонтальным, вертикальным или и тем, и другим.
- Визуальное или оптическое выравнивание. Визуальное или оптическое выравнивание устраняет некоторые проблемы, которые могут возникнуть при других типах выравнивания из-за различной формы букв и графики . При визуальном выравнивании объекты могут быть не точно выровнены, но на глаз они выглядят выровненными.
Используя выравнивание
Отсутствие выравнивания создает небрежный, неорганизованный вид на странице или экране. Смешивание слишком большого количества выравниваний может иметь аналогичный эффект. Можно нарушить выравнивание, когда оно служит определенной цели, например, намеренно создать напряжение или привлечь внимание к определенному элементу на странице.
Для простых соглашений элементы могут быть выровнены с помощью параметров автоматического выравнивания в вашем программном обеспечении. Для более сложных макетов использование направляющих и сеток помогает в точном размещении элементов.