Открыть сервисСервис

Выравнивание — термин и методы

Выравнивание — приведение объекта (текста, элементов интерфейса, поверхностей, конструкций, данных) к заданной линии, оси, плоскости или сетке. Термин применяется в нескольких областях: типографике и вёрстке, компьютерной графике и интерфейсах, строительстве и ремесле, программировании и обработке данных.

Типографика и вёрстка

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

  • По левому краю (left alignment) — каждая строка начинается от левого поля, правый край получается «рваным». Наиболее читаемый вариант для длинных текстов на русском языке.
  • По правому краю (right alignment) — строки заканчиваются у правого поля. Применяется для подписей, сносок, правых колонок.
  • По центру (center alignment) — каждая строка центрируется между полями. Подходит для заголовков, титров, коротких блоков, но не для сплошного текста.
  • По ширине (justify) — строки растягиваются так, чтобы оба края были ровными. Достигается изменением межбуквенных и межсловных интервалов; при плохой настройке возникают «реки» — вертикальные просветы между словами.

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

Выравнивание в настольных издательских системах

В Adobe InDesign, LibreOffice, Microsoft Word настройки выравнивания задаются для абзаца через панель абзацного стиля. Дополнительные параметры включают «выключку» (строки с разным числом слов), автоматическую расстановку переносов и запрет висячих предлогов. В InDesign для русского текста рекомендуется включать расстановку переносов по словарю, чтобы избежать чрезмерного растяжения интервалов.

Веб-верстка и интерфейсы

В HTML выравнивание текста задаётся CSS-свойством text-align со значениями left, right, center, justify. Для вертикального выравнивания элементов внутри контейнера используется vertical-align (таблицы, строчные элементы) или flexbox-свойства align-items и justify-content.

Flexbox стал основным инструментом выравнивания в современной вёрстке. Контейнеру задаётся display: flex, после чего дочерние элементы выравниваются по главной (justify-content) и поперечной (align-items) осям. Значения justify-content включают flex-start, flex-end, center, space-between, space-around. Сетка CSS Grid добавляет выравнивание по сетке через justify-items и align-items.

Для центрирования блока фиксированной ширины по горизонтали в flexbox-контейнере достаточно задать margin: 0 auto или justify-content: center. Вертикальное центрирование, ранее требовавшее хаков с абсолютным позиционированием, решается одной строкой align-items: center.

Графические редакторы

В Adobe Photoshop, Figma, Sketch выравнивание выполняется относительно выделения, холста или других объектов. Панель выравнивания обычно содержит шесть кнопок: по левому краю, по центру по горизонтали, по правому краю, по верхнему краю, по центру по вертикали, по нижнему краю. При выделении нескольких объектов выравнивание происходит относительно общего bounding box или ключевого объекта.

В Figma при выделении группы объектов доступно распределение (distribute) с равными промежутками — по горизонтали и вертикали. В Photoshop аналогичная функция находится в меню «Слои → Выровнять слои».

Строительство и ремонт

В строительстве выравнивание означает приведение поверхностей (стен, полов, потолков) к плоскости, допускающей дальнейшую отделку. Основные методы:

  • Штукатурка по маякам — на стену устанавливаются маячковые профили, по которым правило разравнивает раствор. Допуск по СНиП для высококачественной штукатурки — 1 мм на 2 м.
  • Сухая штукатурка (ГКЛ) — листы гипсокартона крепятся к каркасу, выравнивание достигается регулировкой подвесов.
  • Наливные полы — самовыравнивающиеся смеси растекаются по основанию, формируя горизонтальную плоскость.
  • Стяжка пола — цементно-песчаный слой заданной толщины, выравнивается правилом по маякам.

Контроль плоскости выполняется строительным уровнем, правилом, лазерным уровнем или нивелиром. Отклонение плоскости стены от вертикали проверяется отвесом или лазерным уровнем.

Выравнивание данных

В программировании и обработке данных выравнивание означает приведение структур к стандарту или формату. Примеры:

  • Выравнивание памяти — размещение данных по адресам, кратным размеру типа (4, 8 байт). Невыровненный доступ на некоторых архитектурах (ARM, RISC-V) приводит к исключениям или снижению производительности.
  • Выравнивание строк в таблицах — приведение значений колонок к единому формату (даты, числа, коды).
  • Выравнивание по словарю — приведение названий организаций, адресов к канонической форме при загрузке данных.

Инструменты выравнивания в ОС

Операционные системы предоставляют утилиты выравнивания файловой системы. В Linux команда badblocks и опция -c в mkfs.ext4 выполняют выравнивание блоков на диске. Утилита fstrim отмечает неиспользуемые блоки SSD, что косвенно влияет на выравнивание записи. В Windows аналогичная функция — «Дефрагментация и оптимизация дисков».

История

Понятие выравнивания текста восходит к рукописной и ранней печатной книге. В средневековых манускриптах центрирование и выключка по ширине выполнялись вручную наборщиком. С изобретением наборной машины Кастенмайера (1842) и линотипа Мергенеталера (1886) выравнивание строк автоматизировалось. В цифровой вёрстке с 1980-х годов выравнивание управляется алгоритмами, учитывающими шрифт, кегль, ширину колонки и язык.

Примечания

Источники:

  • Рудаков Л. М. «Основы типографики»
  • СНиП 3.04.01-87 «Изоляционные и отделочные покрытия»
  • Мёрджианов А. «Flexbox. Практика CSS-вёрстки»
  • Adobe InDesign Classroom in a Book
Заметили ошибку или не согласны с информацией в статье? Напишите нам support@bfometr.ru