typography
June 19, 2022

Расчёт модульной сетки. InDesign

Хочу показать построение сложной сетки, как в плагине Grid Calculatorи работу с ней. Все расчёты можно произвести один раз, а потом забить формулы в таблицу или вообще создать свой полноценный плагин или скрипт.

В такой сетке все элементы состоят из микромодулей, что делает её очень гибкой.

Подготовительные работы

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

  1. В индизайне создаём новый документ, идём в настройки и все единицы измерения переводим в пункты. Насколько я понял, индизайн все расчёты проводит в пунктах и ошибки округления при конвертации из одной единицы измерения в другую могут негативно сказаться на сетке.
  2. В настройках документа вписываем нужный формат. Я для примера возьму формат 220×285 мм, в пунктах это будет 623,622×807,874 пт.
  3. Основная гарнитура у меня будет TT Bells 9/14 пт, дополнительная Mediator 8/10.
  4. Допустим будет журнал, предполагается 2–3 колонки текста и различные варианты верстки.

Расчёт интерлиньяжа

Для начала определим сколько строк текста помещается в наш формат. Высоту листа 807,874 делим на наш основной интерлиньяж (14 пт) и получаем 57,705 строки, округляем до 58. Теперь нам нужно узнать какой должен быть интерлиньяж, чтобы получить ровно 58 строк. Для этого высоту листа делим на 58 и округляем.

807,874/58=13,9289. Основной интерлиньяж — 13,929 пт.

Полученный результат вписываем в настройки базовой линии. Не забываем в поле Start поставить ноль
Формат аккуратно поделён на 58 строк

Микромодуль и модуль

Сперва рассчитаем микромодуль, он послужит образующим элементом для всего остального.

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

Я возьму число 4.

13,929/4=3,4822 пт.

Полученное значение вписываем в настройках сетки Vertical. Значение Subdivisions ставим на единицу.

В результате мы получаем интерлиньяж который поделён ещё на четыре строки.

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

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

  1. Сделать микромодуль квадратным, то есть ширину листа поделить на значение 3,4822 пт. И по схеме расчёта интерлиньяжа добиться квадратного микромодуля. Идеальный квадрат получить конечно будет невозможно (если формат издания квадратный, то возможно), только приближенное значение.
  2. Ширину листа поделить на произвольное количество линий.
  3. Сделать микромодуль равный по пропорциям формату издания.

Я покажу третий вариант. Сперва нужно узнать пропорции, делим высоту издания на ширину.

807,874/623,622=1,2954546183425. Округляем до четвёртого знака и получаем значение 1,2955.

Теперь берём значение 3,4822 пт и делим его на 1,2955. Получаем 2,6879 пт. 3,482×2,6879 — это наш микромодуль в идеале. Конечно же ширина формата не разделится на 2,6879 пт без остатка. Поэтому количество вертикальных линий считаем также как и интерлиньяж.

Ширину листа 623,622 делим на 2,6879, округляем и получаем 232 колонки.

623,622/232=2,688 пт. Наш микромодуль будет 3,482×2,688 пт. Выставляем значения в настройках сетки.

Микромодуль равный по пропорциям листу

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

Полоса набора и колонки

И так у нас есть сетка с микромодулем и рассчитанный интерлиньяж. Теперь нужно определиться с полями и колонками. Сейчас у нас 232 модуля по ширине и 232 по высоте, их и будем использовать в качестве единицы измерения.

Верхнее и нижнее поле должно совпадать с основным интерлиньяжем, чтобы в полосу набора помещалось равное количество строк. Поэтому количество микромодулей должно быть кратное четырём. Верхнее поле будет 12 модулей а нижнее 20.

Теперь нужно определиться с боковыми полями, колонками и средником, сумма всех этих элементов должна быть 232 микромодуля.

Полоса будет у нас делиться на 12 колонок, пусть каждая колонка будет по 10 модулей. По макетам/эскизам прикидываем какой нужен средник и смотрим сколько это микромодулей, пусть будет 6. Боковые поля будут по 20 модулей.

Считаем ширину колонок плюс ширину средника:

12×10+11×6=186

Вычитаем это значения из общего количества модулей по ширине.

232–186=46

Получается 46 микромодулей на оба поля, но мы задумывали боковые поля по 20 модулей. Можно к каждому полю добавить по 3 микромодуля. Можно увеличить средник или увеличить ширину колонки. Я добавлю по 3 модуля.

На такие расчёты важно сделать скрипт или формулы в таблице, так будет проще и быстрее.

Результат построения колонок и полей. Сетка с микромодулями отключена

Далее добавим обычные модули на основании базовых линий и системы колонок. Пусть модуль равен ширине колонки, а высота равна двум базовым линиям. Расстояние между модулями по горизонтали — средник, по вертикали — одна базовая линия. Не всегда по вертикали модули будут так хорошо укладываться, возможно придётся изменить верхнее/нижнее поле.

Модули и колонки

Текст

Для расчёта интерлиньяжа разного текста мы будем использовать значение кратное высоте микромодуля. Исходя из сетки основной текст имеет параметры 9/13,929 пт.

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

13,929–3,4822=10,4468 пт.

Слева — 8/10,4468, справа — 9/13,929

Интерлиньяж для заголовков считается по такому же принципу, просто увеличиваем его с шагом в один микромодуль до получения необходимого результата.

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

Важно помнить, что это конечный инструмент для выравнивания уже готового дизайна. Сетка и модули не должны ограничивать идеи. Композицию, ритм и оптическое выравнивание никто не отменял.

Скачать макет с сеткой (InDesign CC, 2,2 Мб)

Источник