Тексты сегодня пишут все. Вообще все. Ты тоже пишешь тексты, будь то подпись к фотке в Инстаграме, пост в бложик на Дзене, или чего-нибудь ещё. В повседневной жизни задумываться об оформлении текста, конечно, обычно не приходится, но если уж ты решил сесть за составление документов, верстку какого-нибудь дизайн-макета или создание веб-сайта, ты должен помнить, что существует очень много нюансов, связанных с версткой текстовых блоков.
Выключка
Выравнивание, иначе говоря.
Ты читаешь эту статью, значит видишь, что она выровнена по левому краю. Яндекс не дурак и знает, что мы читаем слева направо, и глазу гораздо удобнее воспринимать текст, когда каждая новая строчка начинается в одном и том же месте. Это кстати работает не только с текстами, но и с любым контентом, который мы потребляем в вебе: глаз сканирует блоки слева-направо, сверху-вниз. Такая траектория называется F-паттерном и все крутые макеты и сайты построены в соответствии с ней.
Еще иногда говорят «выключка по левому/правому флагу». Почему флаг? Потому что одна из сторон текстового блока имеет прямую ось — как бы насажена на флагшток — а вторая имеет рваные края и напоминает флаг, который развевается на ветру.
Что касается выключки по центру. Использовать её, конечно, никто не запрещает, но читаться такой текст будет гораздо сложнее. С обеих сторон будут образовываться пустоты, а глаз будет перескакивать строчки. Есть негласное правило, что текст можно выравнивать по центру, если в нем не больше трёх строк. Но это необязательно, главное чтоб выглядело красиво ;)
В вебе текст не выравнивают по ширине блока. Причина тому — неадекватное разделение пробелов, и общая монотонность. Еще и висячая пунктуация доставляет проблем. Короче, в вебе лучше таким не заниматься, а в печати — пожалуйста. Но там тоже полно нюансов, о которых можно почитать у Вадима в уроке, например.
Интерлиньяж
Или расстояние между строками.
По-хорошему, интерлиньяж зависит от длины строки — чем шире текстовый блок, тем больше расстояние между строками. Оптимальная длина составляет где-то от 45 до 90 символов (включая пробелы). Интерлиньяж в таком случае выставляется в размере 120–145% от размера кегля.
Это все, конечно, очень сухие цифры, и не нужно слепо следовать этим правилам. Ориентируйся прежде всего на свою насмотренность и делай так, чтобы смотрелось хорошо.
Подробнее можно почитать по ссылочкам: про длину строки, про интерлиньяж
Абзацы
В школе нас учили начинать абзац с красной строки. Это помогало функционально выделять начало нового смыслового отрезка, и экономило место на бумаге. В вебе же красная строка ломает аккуратный левый край текстового блока; да и место на экране бесконечное. Её, конечно, можно использовать как artistic choice, но для обычного наборного текста оптимальнее отбивать каждый абзац пробельной строкой, по всем канонам швейцарской типографики.
Пока писал статью, понял, что вся инфа в один текст просто не влезет (или влезет, но мне было лень впихивать). Поэтому скоро напишу еще — про висячие предлоги, знаки препинания, кегль и всех-всех-всех. Stay tuned!
#типографика #дизайн #верстка #текст #дизайнер #редактура