inDesign как создать сетку базовых линий

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

Кстати, у нас есть видео на эту тему!!! Смотреть видеоурок по сетке базовых линий

Зачем нужна сетка базовых линий

  1. В первую очередь — для того, чтобы предотвратить «сползание» строк в колонках относительно друг друга. Строки начинают «ползти» когда в текст вставляется изображение, заголовок или векторный рисунок некратного межстрочному интервалу размера. Попросту говоря — текст раздвигается по вертикали.
  2. С сеткой гораздо удобнее заливать текст и вставлять в верстку рисунки, при этом придерживаясь определенной ритмики. Сетка придает верстке смысл, толк и расстановку. Она играет роль метронома и помогает сохранить гармонию и избежать хаотичного нагромождения элементов.

Построение базовой сетки

Перед тем, как приступить к расчету и построению базовой сетки хорошо бы знать следующие параметры:

  1. Формат документа
  2. Величины отступов по края по вертикали
  3. Кегль наборного шрифта

Вообще говоря, кегль шрифта неплохо было бы посчитать исходя из формата, количества информации на страницу и гигиенических стандартов чтения, но про это я расскажу отдельно и в другой раз. А сегодня упростим себе жизнь и допустим, что у нас есть задача — сверстать стандартную брошюру формата А4 с отступами по 10 мм от края документа и мы выбрали в качестве наборного шрифта — Helios 8pt.

Создаем новый документ

инДизайн создание сетки базовых линий

Задаем формат и отступы. За правильностью выполненных нами действий можно следить, поставив галочку на чекбокс «Preview».

 

Создаем произвольный текстовый блок

После того, как документ создан — давайте создадим текстовое поле произвольного размера и положения с произвольным текстом, набранным шрифтом Helios 8pt.

инДизайн создание сетки базовых линий

 

Создаем сетку базовых линий

Давайте посмотрим на интерлиньяж — он по умолчанию составляет 9.6pt. Давайте возьмем эту величину за основу. Переходим в меню InDesign->Prefences->Grids

инДизайн создание сетки базовых линий

В открывшемся меню в разделе Baseline Grid (сетка базовых линий) выставляем:

  1. Во вкладке Colour — можно выбрать цвет нашей сетки
  2. В поле Start — координату начала — откуда базовая сетка будет стартовать. В нашем случае — это верхний отступ: 10 мм. Обычно имеет смысл не засорять поля документа лишними элементами, поэтом давайте не будем рисовать сетку там, где в любом случае мы ничего верстать не собираемся. Откуда будет стартовать нарш отступ — задает поле Relative to — тут можно выбрать — край страницы или верхний отступ. То есть мы можем сделать отступ сетки в 10 мм от верхнего отступа. Здорово, правда?
  3. В поле Increment — мы должны вбить наши 9,6pt (интерлиньяж). Таким образом мы зададим шаг сетки, равным межстрочному расстоянию наборного шрифта.
  4. Снимаем галочку с чекбокса Grids in Back. Если эту галочку оставить — то сетка базовых линий InDesign будет находиться позади элементов, расположенных на странице. Это неудобно, поскольку элементарная цветная подложка на всю полосу размером перекроет вам сетку и вы не будете ее видеть.

инДизайн создание сетки базовых линий

Чуть ниже раздела Baseline Grid, вы можете поиграть с координатной сеткой документа, задать ее цвет, расстояние между линиями по вертикали и горизонтали и т. п. Пока здесь ничего не трогайте.

инДизайн создание сетки базовых линий

 

Параметры сетки заданы

Жмем ОК и возвращаемся на страницу с версткой нашего текста. Для того, чтобы беазовая сетка появилась — идем в меню View->Grids&Guides->Show Baseline Grid. По аналогии для того, чтобы убрать сетку View->Grids&Guides->Hide Baseline Grid.

На самом деле это очень муторно. В процессе верстки постоянно хочется взглянуть — «а как оно выглядит в реальности» и сетку с направляющими все время то высвечиваешь, то убираешь — по 20 раз в минуту… И показ/сокрытие сетки делается в одно нажатие на клавиатуре — при помощи «горячих клавиш». Например, для базовой сетки у меня стоит шорткей<option+Command+’>. По нему она и показывается и убирается.

 

инДизайн создание сетки базовых линий

 

Привязываем текст к базовой сетке

Итак — сетку мы вызвали, но текст по-прежнему к ней не привязан и висит произвольно. Чтобы текст выстроился по Baseline Grid — мы выделяем текстовый блок, идем в палитру Paragraph и нажимаем кнопочку «привязать к Baseline Grid» в правом нижнем углу.

инДизайн создание сетки базовых линий

Все. Текст привязан к базовым линиям и можно начинать верстать наш документ — теперь колонки никуда не съедут друг относительно друга. Добавите заголовок — он тоже может быть привязан к сетке и никуда не съедет.

инДизайн создание сетки базовых линий

Текст раскрепощенный

Таки вы по-прежнему можете создавать текстовые блоки, отвязанные от базы. Это могут быть, например — подписи к фотографиям или цитаты. Просто создайте новый текстовый блок и нажмите кнопку отвязки. И текст снова станет сам по себе.

инДизайн создание сетки базовых линий

Поделись записью:

Другие материалы:

синемаграфия в эпоху цифрового маркетинга

Синемаграфия в эру цифрового маркетинга

Термин “Сinemagraph” был впервые введен фешн-фотографом Джейми Беком и моушн-дизайнером Кевином Бургом, который использовал его для оживления своих фотографий. Несмотря на то, что впервые технология была использована в 2011 году, синемаграф все

Читать полностью »
Промышленная фотосъемка: 10 советов для начинающего фотографа

Промышленная фотосъемка: 10 советов для начинающего фотографа

Промышленная фотосъемка! Промышленные зоны полны интересных объектов. Любой творческий фотограф найдет здесь кучу предметов для создания серии потрясающих фотографий. Фабрики, верфи, шахты и производственные цеха

Читать полностью »
предметная фототсъемка для интернета

Особенности фотосъемки товаров для интернета

Зачем нужна качественная фотосъемка товаров? Неотъемлемой частью современного бизнеса является визуальная демонстрация всех достоинств товара. Фотосъемка каждого товара для демонстрации в сети Интернет на сегодняшний

Читать полностью »
фотосъемка одежды для магазина

Фотосъемка одежды для интернет-магазина

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

Читать полностью »