РАСЧЁТ И ПОСТРОЕНИЕ МОДУЛЬНОЙ СЕТКИ в Adobe InDesign
К сожалению, на сегодняшний день очень мало доступной и понятной литературы по модульным сеткам. И, честно говоря, почему так - непонятно, ведь данная информация очень полезна и важна для любого дизайнера.
Вся представленная информация на русском языке, касающаяся данной тематики или слишком обобщена, или годится, как некое пособие для ознакомления (и то только по теоретической части), но из всего этого непонятно, как можно применить её на практике.
Каждый, кто связан с дизайном, имеет представление о существовании модульных сеток и о том, что они важны, но как с ними работать и почему же, они так необходимы, является для многих вопросом.
ЧТО ЖЕ ТАКОЕ МОДУЛЬНАЯ СЕТКА?
Это некий шаблон или трафарет. Воображаемая сетка, образованная горизонтальными и вертикальными линиями, к которым «привязываются» основные элементы страницы (текстовое наполнение, иллюстрации и т.д.).
ОСНОВНОЙ ПРИНЦИП ПОСТРОЕНИЯ МОДУЛЬНОЙ СЕТКИ С ИСПОЛЬЗОВАНИЕМ ADOBE INDESIGN
1. Создаём новый документ.
a. Выбираем формат страницы А4 вертикальный (210×297 mm).
b. Поля (Margins) по умолчанию имеет заданный размер -12,7 mm, одинаковый по всем сторонам. Меняем все значения:
* ПРИВЕДЁННЫЕ ВЫШЕ РАЗМЕРЫ ПОЛЕЙ ЯВЛЯЮТСЯ РАСПРОСТРАНЕННЫМИ КЛАССИЧЕСКИМИ РАЗМЕРАМИ.
2. Устанавливаем единицы измерения - пункты (Points).
Edit > Preferences > Units & Increments
3. Строим сетку.
Для того, чтобы в итоге получилась интересующая нас сетка, изначально нам должны быть известны следующие данные:
Указываем в нём интересующие нас параметры. В данном примере используется:
В итоге у нас должна быть следующая разбивка - 4 блока с расстояниями между ними.
* В ЗАВИСИМОСТИ ОТ ДИЗАЙНА ПРОЕКТА ДОЛЖНА БЫТЬ ПОДОБРАНА ГАРНИТУРА ОСНОВНОГО ТЕКСТА, ТАК КАК ИМЕННО ОТНОСИТЕЛЬНО ДАННОЙ ГАРНИТУРЫ БУДЕТ СТРОИТЬСЯ МОДУЛЬНАЯ СЕТКА.
II. Заполняем страницу «рыбным» текстом.
* ДЛЯ ТОГО, ЧТОБЫ ИСПОЛЬЗОВАЛОСЬ ВАШЕ ТЕКСТОВОЕ СОДЕРЖАНИЕ, НЕОБХОДИМО СОЗДАТЬ ТЕКСТОВОЙ ФАЙЛ В ПАПКЕ ADOBE INDESIGN CS4 С НАЗВАНИЕМ PLACEHOLDER.TXT.
III. Получаем информацию о количестве строк, которым мы располагаем.
* КОГДА ТЕКСТОВОЙ БЛОК ЯВЛЯЕТСЯ АКТИВНЫМ, ВСЯ ИНФОРМАЦИЯ О СОДЕРЖАНИИ ДАННОГО БЛОКА ОТОБРАЖАЕТСЯ ВО ВКЛАДКЕ INFO - КОЛИЧЕСТВО СИМВОЛОВ, СЛОВ, СТРОК И ПАРАГРАФОВ.
Количество строк (Lines) - это именно тот пункт, который интересует нас в первую очередь.
В данном примере у нас 56 строк.
Делим количество строк на количество блоков, то есть 56 / 4 = 14
14 - это количество строк.
Выбираем оптимально меньшее значение, так как нам понадобится ещё 3 строки.
13 × 4 + 3 = 55
Для построения сетки нам понадобится 55 строк. Следовательно, удаляем лишнюю.
Определяем высоту шрифта
Для того чтобы определить высоту шрифта:
Н - высота текста - 8,719 pt.
Коэффициент для 8,719 pt равен - 0,8719 pt (так как кегль (размер шрифта) - 10 pt). Округляем - 0,872 pt.
Высоту нашего шрифта, то есть 11 pt умножаем на полученный коэффициент. Полученное число - 9,592 и есть высота нашего текста.
11 pt × 0,872 pt = 9,592 pt
На данный момент нам известна часть параметров, с помощью которых мы будем строить модульную сетку, а именно:
Object или правой клавишей мыши кликаем на текст > Text Frame Option > Baseline Options
Или данное окно можно также открыть при нажатии Ctrl + B
First Baseline > Offset - из выпадающего меню выбираем пункт Cap Height
4. Построение модульной сетки.
Переходим на Мастер-страницы (A-master).
A-master - это некий шаблон, который применяется ко всем создаваемым страницам, автоматически дублирующий все необходимые компоненты.
Именно здесь и будет создаваться наша модульная сетка.
Для перехода на A-master: Pages > A-master (двойной клик).
Дополнительные необходимые параметры для построения модульной сетки
55 (количество строк) - 1 (минус одна строка, так как она просчитывается по высоте (H)) = 54
54 (количество строк) × 12 pt (интерлиньяж) = 648 pt
Данное полученное значение является высотой от первой строчки до верхнего выносного элемента последней.
648 pt + 9,592 pt (высота текста) = 657,592 pt
Данное значение и есть высота нашего прямоугольника.
12 pt (интерлиньяж) × 2 − 9,592 pt (высота текста) = 14,408 pt
Интервал между блоками.
Сейчас мы имеем все необходимые параметры для того, чтобы можно было построить модульную сетку.
_________________________________________________________________________________________
ШАГ 1
Рисуем прямоугольник с привязками по боковым полям. После чего вводим уже известную нам высоту прямоугольника, которая равняется 657,592 pt.
ШАГ 2
Открываем вкладку Scripts.
Windows > Automation > Scripts > MakeGrid
В открывшемся окне MakeGrid вводим следующие параметры:
Добавляем направляющие вокруг объектов.
Для этого выделяем 4 левых блока и открываем ещё один скрипт AddGuides.
Теперь выбираем следующие пункты:
ШАГ 4
Выделяем 2 верхних блока, ещё раз открываем скрипт AddGuides и выбираем следующие пункты:
Далее удаляем имеющиеся у нас прямоугольники. Копируем слой с Guides и переносим на другую страницу, нижний - блокируем.
Ctrl + H - отображает или скрывает Guides.
ШАГ 5
Настройка базовых линий.
Alt + Ctrl + ’ - отображает или скрывает базовые линии.
Рисуем прямоугольник от верха документа до первого Guide. Смотрим, чему равняется высота прямоугольника.
Edit > Preferences > Grids
В графе Start указываем высоту прямоугольника.
Значение графы Increment Every должно совпадать со значением интерлиньяжа, то есть равняться 12 pt.
Перетаскивая фреймы в другое место, всегда будет соблюдаться кратность, учитывая, что интерлиньяж равен шагу базовых линий.
_________________________________________________________________________________________
Продолжение статьи «Заполнение модульной сетки в Adobe InDesign»
Вся представленная информация на русском языке, касающаяся данной тематики или слишком обобщена, или годится, как некое пособие для ознакомления (и то только по теоретической части), но из всего этого непонятно, как можно применить её на практике.
Каждый, кто связан с дизайном, имеет представление о существовании модульных сеток и о том, что они важны, но как с ними работать и почему же, они так необходимы, является для многих вопросом.
ЧТО ЖЕ ТАКОЕ МОДУЛЬНАЯ СЕТКА?
Это некий шаблон или трафарет. Воображаемая сетка, образованная горизонтальными и вертикальными линиями, к которым «привязываются» основные элементы страницы (текстовое наполнение, иллюстрации и т.д.).
ОСНОВНОЙ ПРИНЦИП ПОСТРОЕНИЯ МОДУЛЬНОЙ СЕТКИ С ИСПОЛЬЗОВАНИЕМ ADOBE INDESIGN
1. Создаём новый документ.
a. Выбираем формат страницы А4 вертикальный (210×297 mm).
b. Поля (Margins) по умолчанию имеет заданный размер -12,7 mm, одинаковый по всем сторонам. Меняем все значения:
- Верх (Top) - 15 mm;
- Низ (Bottom) - 30 mm;
- Внутреннее поле (Inside) - 20 mm;
- Наружное поле (Outside) - 10 mm.
* ПРИВЕДЁННЫЕ ВЫШЕ РАЗМЕРЫ ПОЛЕЙ ЯВЛЯЮТСЯ РАСПРОСТРАНЕННЫМИ КЛАССИЧЕСКИМИ РАЗМЕРАМИ.
2. Устанавливаем единицы измерения - пункты (Points).
Edit > Preferences > Units & Increments
3. Строим сетку.
Для того, чтобы в итоге получилась интересующая нас сетка, изначально нам должны быть известны следующие данные:
- Общее количество строк, учитывая конструкцию сетки.
- Высота шрифта по выносимым элементам («EqПр»).
- Интервал между блоками, учитывая высоту шрифта и разрядку строк.
Указываем в нём интересующие нас параметры. В данном примере используется:
- Шрифт - MyriadPro;
- Кегль - 11 pt;
- Интерлиньяж (Leading) - 12 pt.
В итоге у нас должна быть следующая разбивка - 4 блока с расстояниями между ними.
* В ЗАВИСИМОСТИ ОТ ДИЗАЙНА ПРОЕКТА ДОЛЖНА БЫТЬ ПОДОБРАНА ГАРНИТУРА ОСНОВНОГО ТЕКСТА, ТАК КАК ИМЕННО ОТНОСИТЕЛЬНО ДАННОЙ ГАРНИТУРЫ БУДЕТ СТРОИТЬСЯ МОДУЛЬНАЯ СЕТКА.
II. Заполняем страницу «рыбным» текстом.
* ДЛЯ ТОГО, ЧТОБЫ ИСПОЛЬЗОВАЛОСЬ ВАШЕ ТЕКСТОВОЕ СОДЕРЖАНИЕ, НЕОБХОДИМО СОЗДАТЬ ТЕКСТОВОЙ ФАЙЛ В ПАПКЕ ADOBE INDESIGN CS4 С НАЗВАНИЕМ PLACEHOLDER.TXT.
III. Получаем информацию о количестве строк, которым мы располагаем.
- Кликнем по текстовому полю;
- Открываем вкладку Info.
* КОГДА ТЕКСТОВОЙ БЛОК ЯВЛЯЕТСЯ АКТИВНЫМ, ВСЯ ИНФОРМАЦИЯ О СОДЕРЖАНИИ ДАННОГО БЛОКА ОТОБРАЖАЕТСЯ ВО ВКЛАДКЕ INFO - КОЛИЧЕСТВО СИМВОЛОВ, СЛОВ, СТРОК И ПАРАГРАФОВ.
Количество строк (Lines) - это именно тот пункт, который интересует нас в первую очередь.
В данном примере у нас 56 строк.
Делим количество строк на количество блоков, то есть 56 / 4 = 14
14 - это количество строк.
Выбираем оптимально меньшее значение, так как нам понадобится ещё 3 строки.
13 × 4 + 3 = 55
Для построения сетки нам понадобится 55 строк. Следовательно, удаляем лишнюю.
Определяем высоту шрифта
Для того чтобы определить высоту шрифта:
- Создаём новый текстовой блок со следующим содержанием - «EqПр»;
- Используем ту же гарнитуру, что и в первом текстовом блоке, но со значением кегля 10 pt;
- Преобразовываем данный текст в кривые - Type > Create Outlines.
Н - высота текста - 8,719 pt.
Коэффициент для 8,719 pt равен - 0,8719 pt (так как кегль (размер шрифта) - 10 pt). Округляем - 0,872 pt.
Высоту нашего шрифта, то есть 11 pt умножаем на полученный коэффициент. Полученное число - 9,592 и есть высота нашего текста.
11 pt × 0,872 pt = 9,592 pt
На данный момент нам известна часть параметров, с помощью которых мы будем строить модульную сетку, а именно:
- Количество строк - 55;
- Высота текста - 9,592 pt (коэффициент - 0,872 pt);
- Интерлиньяж - 12 pt.
Object или правой клавишей мыши кликаем на текст > Text Frame Option > Baseline Options
Или данное окно можно также открыть при нажатии Ctrl + B
First Baseline > Offset - из выпадающего меню выбираем пункт Cap Height
4. Построение модульной сетки.
Переходим на Мастер-страницы (A-master).
A-master - это некий шаблон, который применяется ко всем создаваемым страницам, автоматически дублирующий все необходимые компоненты.
Именно здесь и будет создаваться наша модульная сетка.
Для перехода на A-master: Pages > A-master (двойной клик).
Дополнительные необходимые параметры для построения модульной сетки
55 (количество строк) - 1 (минус одна строка, так как она просчитывается по высоте (H)) = 54
54 (количество строк) × 12 pt (интерлиньяж) = 648 pt
Данное полученное значение является высотой от первой строчки до верхнего выносного элемента последней.
648 pt + 9,592 pt (высота текста) = 657,592 pt
Данное значение и есть высота нашего прямоугольника.
12 pt (интерлиньяж) × 2 − 9,592 pt (высота текста) = 14,408 pt
Интервал между блоками.
Сейчас мы имеем все необходимые параметры для того, чтобы можно было построить модульную сетку.
_________________________________________________________________________________________
ШАГ 1
Рисуем прямоугольник с привязками по боковым полям. После чего вводим уже известную нам высоту прямоугольника, которая равняется 657,592 pt.
ШАГ 2
Открываем вкладку Scripts.
Windows > Automation > Scripts > MakeGrid
В открывшемся окне MakeGrid вводим следующие параметры:
- Ряды (Rows) - 4;
- Интервал между блоками (Row Gutter) - 14,408 pt.
Добавляем направляющие вокруг объектов.
Для этого выделяем 4 левых блока и открываем ещё один скрипт AddGuides.
Теперь выбираем следующие пункты:
- Верх (Тор);
- Низ (Bottom).
ШАГ 4
Выделяем 2 верхних блока, ещё раз открываем скрипт AddGuides и выбираем следующие пункты:
- Слева (Left);
- Справа (Right).
Далее удаляем имеющиеся у нас прямоугольники. Копируем слой с Guides и переносим на другую страницу, нижний - блокируем.
Ctrl + H - отображает или скрывает Guides.
ШАГ 5
Настройка базовых линий.
Alt + Ctrl + ’ - отображает или скрывает базовые линии.
Рисуем прямоугольник от верха документа до первого Guide. Смотрим, чему равняется высота прямоугольника.
Edit > Preferences > Grids
В графе Start указываем высоту прямоугольника.
Значение графы Increment Every должно совпадать со значением интерлиньяжа, то есть равняться 12 pt.
Перетаскивая фреймы в другое место, всегда будет соблюдаться кратность, учитывая, что интерлиньяж равен шагу базовых линий.
_________________________________________________________________________________________
Продолжение статьи «Заполнение модульной сетки в Adobe InDesign»