Как использовать принцип выравнивания в макете страницы

Изучите наиболее эффективные методы выравнивания текста и графики

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

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

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

Преимущества выравнивания в дизайне страницы

Выравнивание элементов на странице печати или веб-странице служит для:

  • Создать порядок и передать гармонию
  • Организовать элементы страницы
  • Групповые предметы
  • Создать визуальные связи

Хорошее выравнивание невидимо. Большинство читателей сознательно не заметят, что все выстроено аккуратно. Однако большинство зрителей заметят, когда элементы не выровнены.

Типы выравнивания для макетов страниц

  • Горизонтальное выравнивание . При горизонтальном выравнивании поля слева и справа точно или визуально равны. Горизонтальное выравнивание может быть по всей странице или внутри столбцов. Это не обязательно означает выравнивание по центру. Блок текста влево/неровность вправо можно выровнять по горизонтали. Даже если отдельные строки текста не идеально выровнены с каждой стороны, тщательное внимание к количеству пробелов в конце строки может привести к визуально сбалансированному количеству полей на каждой стороне блока текста.
  • Вертикальное выравнивание . При вертикальном выравнивании верхние и нижние поля точно или визуально равны. Выравнивание по вертикали может быть полной страницей или частями страницы.
  • Выравнивание краев . Выравнивание краев выравнивает текст или объекты вдоль их верхних, нижних, левых или правых краев. Выравнивание по левому краю (называемое неровным правым) часто встречается с текстом в газетах и ​​на веб-страницах, потому что наши глаза привыкли видеть и читать текст таким образом.
  • Выравнивание по центру: Выравнивание по центру может быть горизонтальным или вертикальным, или и тем, и другим.
  • Визуальное или оптическое выравнивание. Визуальное или оптическое выравнивание устраняет некоторые проблемы, которые могут возникнуть при других типах выравнивания из-за различной формы букв и графики. При визуальном выравнивании объекты могут быть не точно выровнены, но на глаз они выглядят выровненными.

Используя выравнивание

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

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

Оцените статью
Solutics.ru
Добавить комментарий