Выравнивание текста по ширине или по краям — какое выбрать для письма

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

Мы специально не используем термины «выключка», «флаговый набор», а в некоторых моментах упрощаем теорию. Это нужно, чтобы статья была понятна тем, кто не занимается дизайном и вёрсткой профессионально. Если вы профессионал и вам есть что добавить — оставляйте комментарии в нашем чате.

Читайте также

HTML вёрстка писем — полная инструкция

Что выравниванием по ширине: ничего

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

выравнивание текста по ширине читается тяжело

Кроме того:

  • выравнивание по ширине снижает скорость чтения на 11%;
  • такой текст трудно читать людям с дислексией.

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

Читайте также

Поправь то, не знаю что: как понять, что вам не нравится в тексте

Что выравниваем по правому краю: почти ничего

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

выравнивание по правому краю отдельных элементов

Я не нашёл исследований, которые бы изучали текст с неровным левым краем. Но можно предположить, почему это выравнивание не подходит для текста большого объёма: из-за «рваного» левого края читателю каждый раз нужно искать начало следующей строки. При небольших объёмах текста это не критично, но это может затруднять чтение, если текста много.

выравнивание текста по правому краю

Что выравниваем по центру: акценты

Выравнивание по центру подходит для акцентирования небольших отрывков текста, обычно не больше 3 строк. Например, для привлечения внимания к цитатам.

выравнивание текста цитат по центру

Это выравнивание не подходит для объёмного текста по той же причине, что и выравнивание «по правому краю» — «рваный» левый край может затруднять чтение.

выравнивание текста по центру

Красиво сверстаем ваши письма

Дизайн и вёрстка email-рассылок

Что выравниваем по левому краю: почти всё

По левому краю выравниваем основной текст. По результатам исследований, выровненный по левому краю текст запоминается лучше, чем выровненный по ширине, и читается быстрее.

Это выравнивание выглядит привычно: большинство текстовой информации вокруг нас выровнено по левому краю.

выравнивание текста по ширине хуже, чем по левому краю

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

Читайте также

Скачать готовую html-вёрстку письма можно с помощью плагина для Фигмы

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

Узнавайте об обновлениях блога Email Soldiers первым

Спасибо!

Осталось подтвердить подписку — кликнуть по кнопке в письме, которое мы вам отправили.

Похожие статьи

Что такое дизайн-системы и почему стоит внедрять их в работу

Что выбрать для работы над макетом: дизайн-систему или мастер-шаблон? Рассказываем, как работают оба подхода и почему стоит отдать предпочтение ДС.

Обзор сервисов, в которых можно верстать письма без HTML в 2022 году

Узнали, чем заменить ушедший из России Stripo: конструкторами писем, редакторами на маркетинговых платформах и новым сервисом от CRM-group.

Скачать готовую html-вёрстку письма можно с помощью плагина для Фигмы

Новый плагин для Фигмы — Marka Email Generator — позволяет выгружать дизайн-макет сразу в готовое для отправки письмо, минуя код.