«Основы стиля в типографике»: текст глазами опытного типографа

В книге «Основы типографики» типограф Роберт Брингхёрст описывает основные принципы и правила типографики, которые помогут сделать текст понятным и привлекательным для читателя. Книга станет настольным руководством для специалистов, которые хотят улучшить знания в области оформления текста и создания качественного дизайна.

Издатель — Дмитрий Аронов.

Роберт Брингхёрст — канадский поэт, типограф, переводчик, автор книги о дизайне и типографике.

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

Из материала вы узнаете:

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

Почему важна типографика

Независимо от того, про что текст, типографика играет ключевую роль в восприятии его читателем.

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

Упаковка товара дополняет продукт, не забирая на себя всё внимание покупателя. Продукт может существовать без упаковки, но ценность его уменьшится в разы. То же самое и с типографикой.

С чего начать работу с текстом?

Прежде чем работать над типографикой, Роберт Брингхёрст советует провести исследование материала — это поможет уловить его логику и определить акценты, которые необходимо подсветить.

Прочитайте текст

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

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

Подумайте, как отразить логику текста с помощью типографики

Попробуйте составить план материала и прописать тезисы его основных частей, чтобы сложилась общая картина того, о чём там говорится. Задайте себе вопросы: какое настроение текста, какой у него жанр, кто потенциальный читатель?

Определите, какой будет связь между текстом и другими элементами

Фотографии, подписи, таблицы, примечания также влияют на восприятие материала. Заранее решите, как будет выглядеть макет с текстом, чтобы дополнительные элементы его не перегружали.

Выберите шрифт или группу начертаний, которые будут соответствовать тексту

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

Раньше веб-дизайнеры и разработчики ограничивались шрифтами, которые устанавливались на компьютер. В интернете всё оформляли с помощью Arial, Times New Roman и Courier New. Благодаря разнообразию веб-шрифтов теперь у нас есть огромный выбор возможностей — и в них также очень важно не запутаться, выбрать наиболее подходящий вариант.

Оформите текстовый блок так, чтобы он раскрывал каждый логический нюанс текста

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

Уделяйте внимание даже второстепенным деталям

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

От интервала до колонок: основные правила работы с текстом

Когда все подготовительные этапы пройдены, можно приступать к выбору и адаптации типографики. Роберт Брингхёрст предлагает обратить внимание на следующие правила, но предупреждает — выбор любого элемента зависит от множества факторов — тип и размер текста, размера шрифта, длины линий. Дизайнеру стоит опираться на свой вкус и обязательно погружаться в контекст:

Межбуквенный интервал

• Межбуквенный интервал должен быть оптимальным для конкретного шрифта и размера. Без засечек — это от 0,1 до 0,2, а с засечками — от 0,2 до 0,3. Например, если размер шрифта без засечек 30 пикселей, то межбуквенный интервал — 30 × 0,1 = 3.
• Следите, чтобы расстояние между буквами не было больше пробела или меньше внутренних расстояний букв.
• Межбуквенный интервал для заголовков и подзаголовков может быть увеличен, чтобы создать более эффектный визуальный образ.
• При выборе межбуквенного интервала необходимо учитывать тип направления чтения (слева направо или справа налево), используемый язык и традиции типографского оформления в стране или регионе.

Интерлиньяж

• Оптимальный интерлиньяж обеспечивает достаточное пространство между строками, чтобы текст был читаемым. Среднее значение — от 1,2 до 1,5. Если в тексте крупный шрифт — 1 или 1,1, а если мелкий — 1,5 или даже 2. Посчитать это можно так же, как межбуквенный интервал.
• Не стоит использовать слишком большой или слишком маленький интерлиньяж: первый может сделать текст неразборчивым, а второй — некрасивым.

Перенос

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

Качественный дизайн текста — чек-лист

А вот чек-лист из пяти пунктов, который можно держать под рукой — каждый раз, когда работаете над типографикой текста, — проверяйте себя по этим пунктам:

• Сфокусируйтесь на читабельности, если формат или идея не диктуют свои правила стилизации. Текст должен быть лёгким для зрительного восприятия.
• Используйте соответствующий шрифт. Выберите тот, который отражает жанр, смысловое и эмоциональное наполнение текста.
• Соблюдайте пропорции. От корректности построения макета зависит общий вид материала.
• Не стесняйтесь оставлять больше открытого пространства. Не нужно заполнять каждую свободную ячейку на странице — открытое пространство помогает сфокусировать внимание на главном.
• Используйте строчный, предложный и абзацный ритм: чередуйте длинные элементы с короткими, соблюдайте паузы.