Когда в 1969 году редактор Харальд Мёле завершал работу над первым номером журнала Geo, он мог позволить себе несколько дней только на то, чтобы уточнить расстояние между строками в подписях к фотографиям. Это не перфекционизм ради перфекционизма: подписи в Geo читают все, кто листает страницы, не читая основной текст — а это значительная часть аудитории. Каждая деталь редакционной типографики имеет аудиторию.

Стайлгайд как живой документ

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

Минимальный состав типографического стайлгайда:

  • Шрифтовая система: гарнитуры, начертания, кегли для каждого элемента;
  • Цветовая система: hex-коды основных цветов текста и фонов;
  • Сетка: число колонок, отступы, единица базовой линии;
  • Стили заголовков: h1 — h6 со всеми параметрами;
  • Специальные элементы: цитаты, врезки, подписи, сноски, списки;
  • Правила переносов и использования тире.

Иерархия заголовков в редакционном тексте

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

  • H1 — заголовок материала. Появляется один раз. Максимальный кегль, часто в декоративном начертании. Не нумеруется.
  • H2 — раздельные заголовки. Делят материал на крупные смысловые блоки. Несут самостоятельную информацию: читатель, «сканирующий» текст глазами по H2, должен получить представление о структуре материала.
  • H3 — подзаголовки внутри раздела. Уточняют тему; могут быть вопросами, перечислениями или конкретизирующими тезисами.

Подписи к иллюстрациям: недооценённый элемент

По данным исследований читательского поведения (Nielsen Norman Group, 2010), подписи к иллюстрациям читают в среднем на 300% чаще, чем основной текст. Это объясняется просто: фотография останавливает взгляд, и читатель ищет объяснение рядом.

Эффективная подпись к иллюстрации:

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

Выносные цитаты

Выносная цитата (pull quote) — фрагмент текста, выведенный в укрупнённом формате за пределы основной колонки. Функции: визуальное членение длинного материала, навигационная метка для читателя «по диагонали», акцент на ключевой мысли.

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

«Хорошая редакционная типографика невидима. Читатель думает о содержании, а не о шрифте — и это высший комплимент для дизайнера.» — Масимо Виньелли, дизайнер

Тире и кавычки: мелкая пунктуация с большим смыслом

В русской типографической традиции используется тире (—), а не дефис (-) или минус. Длина тире в русском издании равна длинному тире (em dash): «Он сказал — и замолчал». Дефис используется только для переносов и сложных слов. Эта разница кажется незначительной, но профессионал видит неправильное тире мгновенно.

Кавычки в русских текстах — «ёлочки» («»), во вложениях — „лапки" („"). Применение машинописных кавычек (") в профессиональном наборе недопустимо. В CSS это решается установкой quotes: "«" "»" "„" """ и использованием свойства content: open-quote / close-quote.

Последовательность как профессиональный стандарт

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

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