Как грамотно сверстать абзац текста. Часть 1

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

Выключка

Выравнивание, другими словами.

Если вы читаете эту статью, значит, замечаете, что она выровнена по левому краю. Яндекс не глупый и понимает, что мы привыкли читать слева направо, и намного удобнее воспринимать текст, когда каждая новая строка начинается в одном и том же месте. Это применимо не только к текстам, но и к любому контенту, который мы потребляем в интернете: глаза сканируют блоки слева-направо, сверху-вниз. Эта траектория называется F-паттерном, и все качественные макеты и веб-сайты созданы с учетом этого.

Иногда используется термин "выключка по левому/правому флагу". Почему именно флаг? Потому что одна сторона текстового блока имеет прямую ось, как будто нанизана на флагшток, а другая сторона имеет неровные края, напоминающие флаг, развевающийся на ветру.

Что касается центрирования текста. Хотя никто не запрещает использовать эту функцию, но текст, выровненный по центру, может быть сложнее восприниматься. При таком форматировании могут возникать пустоты с обеих сторон и глазу будет трудно следить за строками. Существует неофициальное правило, согласно которому текст можно центрировать, если он состоит не более чем из трех строк. Однако это не является обязательным условием, важно, чтобы текст выглядел красиво ;)

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

Интерлиньяж

Или промежуток между строками.

В идеале, расстояние между строками зависит от ширины текста - чем шире блок текста, тем больше интерлиньяж. Оптимальная длина строки составляет примерно от 45 до 90 символов (включая пробелы). В этом случае интерлиньяж устанавливается в размере 120-145% от размера шрифта.

Эти данные, конечно, представлены в виде цифр, но не стоит строго придерживаться только этим правилам. Главное - доверять своему вкусу и создавать образ так, чтобы он выглядел стильно.

Более детальную информацию можно найти, перейдя по следующим ссылкам: о длине строки и интерлиньяже

Абзацы

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

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

#типография #графическийдизайн #вебдизайн #контент #художник #коррекция