Дизайн электронных книг

Электронная книга — это не «печатная книга в экране». Главное отличие в том, что печатная полоса зафиксирована навсегда, а электронная перетекает: читатель сам меняет размер шрифта, ширину экрана, тему (светлую или тёмную), а иногда и гарнитуру. Дизайн, который не учитывает эту подвижность, ломается на первом же ридере. Понимание этой разницы — ключ ко всему разделу.

EPUB — это не PDF

Частая путаница: думают, что электронная книга — это экспортированный PDF. Но PDF фиксирован: он воспроизводит страницу как картинку и на маленьком экране требует прокрутки и зумирования, что мучительно. Настоящий формат электронных книг — EPUB (см. [[ext:2]]), а для устройств Kindle — родственные форматы. По сути EPUB — это упакованный набор веб-страниц: текст размечен разметкой, похожей на HTML, а оформление задаётся стилями, похожими на CSS.

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

Reflowable против fixed layout

Есть два типа электронных книг.

• Перетекающий (reflowable) — стандарт для текстовых книг: содержимое подстраивается под экран и настройки читателя. Здесь нельзя мыслить «страницами» — понятие страницы условно, номера плавают, жёсткие переносы и ручные отступы ломаются.
• Фиксированный (fixed layout) — для книг, где важна точная раскладка: детские иллюстрированные книги, комиксы, альбомы, кулинарные книги со сложным разворотом. Он воспроизводит заданный макет, но теряет гибкость и хуже читается на мелких экранах.

Выбор типа — первое проектное решение, зависящее от содержания.

Что меняется по сравнению с печатью

• Поля и сетка условны. Тонкая работа с полями (см. «Поля и модульная сетка») в reflowable теряет смысл: отступы задаёт устройство и читатель. Дизайнер управляет относительными величинами, а не миллиметрами.
• Шрифт может быть заменён. Читатель вправе включить свою гарнитуру. Поэтому нельзя закладывать эффекты, зависящие от конкретного шрифта; встроенные шрифты — возможность, но не гарантия.
• Размеры — относительные. Кегли и отступы задают в относительных единицах, чтобы они масштабировались вместе с выбранным читателем размером текста, а не ломались.
• Иллюстрации адаптивны. Картинки должны корректно вести себя и на маленьком телефоне, и на большом планшете, и в тёмной теме (прозрачный фон, а не белый прямоугольник в ночном режиме).
• Навигация другая. Вместо колонцифр — оглавление как активные ссылки и логическая структура документа, по которой ридер строит навигацию и прогресс чтения.

Что переносится из печатной культуры

Не всё меняется. Основы типографики остаются: выбор читаемой гарнитуры, разумный интерлиньяж по умолчанию, курсив для выделений, «ёлочки» и правильные тире, аккуратная иерархия заголовков (см. «Шрифты и типографика»). Служебные страницы (front matter и back matter) тоже нужны, хотя их роль меняется: копирайтная страница и оглавление обязательны, а вот пустые вакаты и жёсткие «правые полосы» теряют смысл.

Типичные ошибки

• Отдать в магазин PDF вместо EPUB — и получить нечитаемую на телефоне книгу.
• Заложить жёсткие переносы и ручные пробелы, которые в перетекающем тексте превращаются в мусор.
• Забыть про тёмную тему — и белые прямоугольники вокруг иллюстраций.
• Абсолютные размеры шрифта, из-за которых текст не масштабируется.
• Сломанное или отсутствующее логическое оглавление — читатель теряет навигацию.

Проверка на устройствах

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

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