Журнальная верстка. Практический урок - Верстка многостраничных изданий

Давайте сверстаем простой, но привлекательный двухстраничный разворот.

Запускаем Индизайн - и за работу!

Шаг 1. Сперва создадим новый документ.

Для простоты примера мы будем использовать стандартный размер А4.Начнем с установки количества страниц. В журналах и брошюрах оно должно быть кратным 4. Пусть у нас будет 8 страниц с припуском на обрезку (Bleed) 3 мм. Установим поля по 10 мм сверху и снизу, 13 мм по внутреннему краю и по 20мм с внешней стороны.

Такая разница в ширине внутренних и внешних полей не случайна. Дизайн разворота, в котором внешние поля немного шире внутренних, смотрится лучше, чем с одинаковыми полями.

Шаг 2. Создадим модульную сетку.

Любой профессиональный дизайн разворота начинается с модульной сетки. Сетка обеспечит нам базовую разметку для последовательного расположения элементов дизайна. Зайдем на шаблонный разворот "A-master spread" и из меню Layout выберем команду Create Guides. Для примера я создал сетку из 12 колонок и 12 столбцов с шагом 3 мм. Выберете опцию "Fit Guides to Margins", чтобы сетка ограничивалась полями страниц. Таким образом, ширина нашей страницы 210 мм, с полями 20 мм с внешней стороны и 13 мм с внутренней. В нашем распоряжении остается 177 мм для 12 колонок и 11 промежутков (12 колонок по 12 мм плюс 11 межстолбцовых промежутков по 3 мм).

Шаг 3. Выберем и поместим фоновое изображение.

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

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

В журнальном развороте, имеющем четкое разделение на правую и левую части, фотоиллюстрация, как правило, расположена на правой странице, а текст статьи - на левой.

Таким образом, определяется порядок усвоения информации и подчеркивается первичность текста по отношению к изображению. Разумеется, это правило верно только для европейских языков с направлением письма слева направо. В иврите и арабском, наоборот, текст располагается справа, а фото - слева.

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

Расположим наше фото на развороте так, чтобы его границы совпадали с рамкой bleed. Подкорректируем размер и расположение фотографии внутри фрейма.

Шаг 4. Создаем основной текст. Создадим текстовый фрейм и расположим его примерно по центру правой части разворота. Потом мы сможем подкорректировать его местоположение. Такое расположение текста создает "диалог" текста с изображением. Взгляд танцовщицы, поворот ее головы и движение плаща направляет наше внимание на белое облако текста.

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

Содержание текста в данном случае не важно. Для заполнения фрейма текстом абракадабры я воспользовался командой "Fill with placeholder text" из меню Type. Далее, в шаге 6 мы зададим нашему тексту размер 12 pt и интерлиньяж (leading) 16 pt.

Шаг 5. Создаем базовые линии привязки строк.

Для того, чтобы выровнять строки колонок текста, нам надо задействовать базовые линии привязки. Зайдем в меню установок программы Preferences > Grids и установим в поле Increment Every 8 pt, то есть половину значения нашего интерлиньяжа. Это придаст работе с текстом больше свободы, поскольку позволит нам также использовать и более мелкий текст.

Шаг 6. Изменим базовый стиль абзаца.

В панели Paragraph Style отредактируем базовый стиль абзаца (Basic Paragraph). Я использовала шрифт Helvetica CY с размером кегля 12 pt и интерлиньяжем (leading) 16 pt. Поскольку ранее мы задействовали привязку к базовым линиям, мы можем и не задавать точного значения интерлиньяжа, оставив его в положении auto.

Шаг 7. Выравниваем текст и устанавливаем расстояния между абзацами.

Перейдем в закладку отступов и промежутков (Indents and Spacing) и установим выключку текста по левому краю. Кроме этого, в поле выравнивания по сетке (Align to Grid), установим опцию All Lines. В поле, определяющем расстояние после абзаца (Space After) установим 16 pt. Если вы хотите, чтобы каждый параграф начинался с красной строки, то задайте также значение в поле First Line Indent.

Шаг 9. Выключка (выравнивание текста по обоим краям колонки).

Красивая выключка текста зависит от соотношения межбуквенных расстояний и промежутков между словами.

Здесь важно найти золотую середину, чтобы расстояния между словами не были слишком большими, но при этом и сами слова не растягивались и не сливались друг с другом. В этой закладке нам стоит откорректировать базовые установки межбуквенных и межсловных расстояний. Я советую установить расстояния между словами в промежутке между 85% и 105%. Межбуквенные расстояния установим -2% в поле "Minimum" и 2% в поле "Maximum".

Шаг 10. Определяем цвет текста.

Поскольку выбранный нами фон достаточно темный, на мой взгляд, лучше всего сделать наш текст белым На светлом фоне мы бы использовали темный свет текста.

Шаг 12. Создаем заголовок.

Заголовок должен быть контрастным по отношению к основному тексту статьи. Мы добьемся этого контраста за счет значительной разницы в размерах и начертании кегля.

Создадим новый стиль для заголовка. Размер текста зададим 54 pt и трекинг (-10) pt, уменьшив немного межбуквенное расстояние.

Набираем заголовок статьи и применяем к ней новый стиль.

Шаг. 13. Устанавливаем оптические поля текстового блока.

Последний шаг, который улучшит внешний вид правого края текстового поля - установка оптических полей.

Эта команда выносит знаки переноса и кавычки за пределы рамки текстового поля и, таким образом, создает ровные и гладкие края текста. Выделим текстовое поле.

Из меню Type выберем команду Story, и в открывшемся окошке галочкой отметим "Optical Margin Alignment".

Теперь вы знаете, как можно сверстать статью на целый разворот.

Похожие статьи




Журнальная верстка. Практический урок - Верстка многостраничных изданий

Предыдущая | Следующая