Дизайн книги и журнала. Композиционное и стилистическое построение элементов книги: обложка, форзац, титульный лист, развороты — тема урока изобразительного искусства в 7 классе по ФРП ООО РФ. Разберём, как художник превращает текст и изображения в цельное издание, чем отличаются его основные элементы и как спроектировать собственный книжный или журнальный разворот.
Положите рядом роман, школьный учебник и журнал. Все три издания можно листать, но читатель обращается с ними по-разному. Роман он чаще читает последовательно. В учебнике ищет правило, пример или задание. Журнал нередко открывает с интересной фотографии или знакомой рубрики. Хорошее оформление учитывает эти привычки: оно подсказывает, где начать, какие сведения главные и как перейти к следующему материалу.
Как рождается замысел издания
Книга соединяет литературный текст, графику и дизайн. Автор рассказывает историю или объясняет тему. Иллюстратор передаёт образ героя, обстановку, событие или устройство предмета. Дизайнер решает, как читатель встретится с этим содержанием: какой будет обложка, где появятся иллюстрации, насколько длинной окажется строка и как будут выделены названия глав. Иногда один художник выполняет несколько таких задач.
Оформление начинается с вопроса о назначении издания. Сборник сказок можно построить на ритме орнаментов и крупных изображений. В определителе растений важнее, чтобы рядом с каждым рисунком легко находились название и отличительные признаки вида. В школьном журнале нужны узнаваемые рубрики и ясные подписи к фотографиям. У одного и того же оформления нет одинаковой пользы для всех трёх случаев.
Затем определяют формат и общий характер оформления. Вытянутый лист даёт место для высокой иллюстрации или длинного текстового блока. Горизонтальный формат удобен для панорам и последовательностей изображений. Компактную книгу удобно держать, но на маленькой странице сложнее разместить крупную таблицу или подробную схему. Формат выбирают вместе с содержанием: от него зависят поля, ширина колонок и размер изображений.
Что показывает макет
Макет издания — план, по которому видно, как будут устроены отдельные страницы и вся книга или журнал. На раннем эскизе текст можно обозначить полосами, фотографию — прямоугольником, а название — крупной надписью. Такие условные обозначения дают возможность сравнить варианты, пока ещё не затрачено время на окончательные рисунки и набор текста.
Художник рассматривает эскизы в последовательности. За яркой обложкой может следовать сдержанный титульный лист, затем более плотные текстовые страницы. Большая иллюстрация после нескольких спокойных разворотов воспринимается сильнее, чем такая же иллюстрация среди одинаково крупных картинок. Порядок страниц создаёт собственный ритм, поэтому макет проверяют и по отдельным разворотам, и при перелистывании.
Эскиз может подсказать решение, которого не было в первом замысле. Например, рисунок внизу оставил слишком узкую колонку, а заголовок распался на четыре короткие строки. Достаточно переместить рисунок на соседнюю страницу и дать заголовку больше ширины — читать становится проще. Такие перемены легче сделать на маленьком черновом эскизе, чем в готовой работе.
Доминанта, равновесие и свободное место
Доминанта — главный элемент, который первым замечает читатель. На обложке это может быть заглавие, на развороте — изображение героя, в журнальной статье — фотография события. Размер помогает выделить главное, но он действует вместе с цветом, контрастом и положением. Небольшая красная надпись на спокойном сером фоне порой заметнее большого светлого рисунка.
Если крупный заголовок, яркий орнамент и фотография одинаково настойчиво требуют внимания, читателю трудно понять, с чего начать. Смысловую последовательность можно выстроить так: сначала заметное название статьи, затем изображение, потом короткое вступление и основной текст. Подписи не обязаны соревноваться с заголовком, но их связь с рисунком должна быть очевидна.
Композиционное равновесие зависит от зрительного веса элементов. Большая тёмная фотография кажется тяжелее небольшого светлого изображения. Уравновесить её может крупный текстовый блок или несколько небольших акцентов на соседней странице. Свободное пространство тоже работает: оно отделяет заголовок от основного текста, даёт заметить иллюстрацию и помогает различить независимые материалы.
Симметрия создаёт ощущение устойчивости: элементы по сторонам оси расположены сходно. Асимметричный разворот строится иначе. Например, справа стоит большая фотография, слева — заголовок и две короткие колонки. Если площади, цвета и отступы согласованы, такой разворот остаётся уравновешенным и при этом выглядит подвижнее симметричного.
Модульная сетка и единство стиля
Модульная сетка — система направляющих, по которым размещают текст, изображения и подписи. На листе отмечают поля, границы колонок и промежутки между ними. Один материал может занимать одну колонку, а фотография — две или три. Элементы меняют размер, но их края продолжают совпадать с выбранными направляющими. Благодаря этому соседние страницы воспринимаются как части одного издания.
Сетка помогает и в совместной работе. Если один ученик оформляет первую статью, а другой — вторую, они могут взять разные иллюстрации и всё же сохранить общую ширину колонок, одинаковое положение номеров страниц и сходные отступы между заголовками и текстом. Читатель быстро запоминает такой порядок и тратит меньше времени на поиск нужной информации.
Стилистическое единство создаёт не одна сетка. Важны характер шрифтов, способы кадрирования, повторяющаяся палитра и манера рисунка. Например, в журнале о природе названия рубрик могут быть набраны одним шрифтом, а фотографии разных авторов оформлены по одним правилам. Отдельные развороты при этом остаются различимыми: один открывается панорамой, другой строится на нескольких небольших снимках.
Обложка, переплёт и корешок
Обложка защищает страницы и знакомит читателя с изданием. У книги в твёрдом переплёте снаружи видны передняя и задняя стороны переплётной крышки и корешок. На передней стороне обычно размещают заглавие и имя автора. На задней могут стоять аннотация, сведения о серии или другое короткое пояснение. На корешке достаточно того, что поможет узнать книгу на полке, если его ширина позволяет разместить текст.
Шрифт и изображение вместе подсказывают характер произведения. Одна и та же надпись будет восприниматься по-разному в строгом прямом наборе и в свободном рукописном начертании. У приключенческой повести композиция может передать движение наклонными линиями. Для сборника спокойных лирических рассказов уместнее тихая цветовая гамма и больше свободного пространства. В обоих случаях название должно оставаться различимым на фоне изображения.
Форзац и титульный лист
Форзац соединяет книжный блок с передней стороной твёрдого переплёта. Одна его часть приклеена к внутренней стороне крышки, другая открывается вместе с книгой. Аналогичный элемент в конце называют нахзацем. Форзац может быть однотонным, украшенным узором или содержать карту, если она помогает понять, где происходят события. Читатель видит его при открывании книги, поэтому этот элемент может мягко перевести взгляд от обложки к внутреннему оформлению.
Титульный лист — отдельный лист в начале книги, а титульный разворот — две обращённые друг к другу страницы, одна из которых является титульной. На титульной странице обычно указывают имя автора, название, издательство, место и год издания. Состав сведений зависит от вида книги. В отличие от обложки, титул может обходиться без крупной иллюстрации: достаточно выразительного набора и чёткого порядка надписей.
Большую книгу иногда делят на части отдельными листами с названиями разделов. Такой лист называют шмуцтитулом. Другой заметный элемент — буквица, увеличенная начальная буква текста. Она может быть выполнена простым шрифтом или украшена орнаментом. И шмуцтитул, и буквица показывают начало нового фрагмента, но действуют в разном масштабе: один отделяет целую часть книги, другая отмечает начало текста на странице.
Почему разворот проектируют как целое
Разворот — две соседние страницы, которые читатель видит одновременно в открытой книге или журнале. Даже если слева расположен текст, а справа рисунок, обе половины воспринимаются вместе. Например, небольшая подпись рядом с иллюстрацией связывает её с текстом, а повтор цвета на двух страницах соединяет их зрительно.
В центре разворота находится сгиб. У печатной книги часть изображения возле него может оказаться плохо видна, особенно если книга раскрывается не полностью. Поэтому мелкую надпись, лицо персонажа или ключевую деталь схемы не стоит помещать прямо на линию сгиба. Панорамное изображение можно провести через весь разворот, если важные детали остаются по сторонам от середины.
Основной текст располагают в одну или несколько колонок. В книге для долгого чтения ширина строки и интервалы должны помогать глазу без усилия находить следующую строку. В журнале колонки ещё и позволяют расположить рядом текст, врезку и фотографию. Несколько колонок должны иметь ясное направление чтения, иначе читатель может перейти от начала абзаца к соседней статье.
Шрифт и цвет в книге и журнале
Типографика определяет, как выглядит набранный текст: какие шрифты используются, как отличаются заголовки от подписей, каковы интервалы и выравнивание. Для школьного макета достаточно различить основной набор, заголовки и подписи. Последовательное повторение этих различий полезнее, чем случайное использование множества декоративных шрифтов.
Цвет помогает обозначить рубрику, выделить цитату или связать элементы разворота. На спокойном светлом фоне удобно читать большой текст. Цветной фон тоже может работать, если он достаточно отличается по тону от букв и не содержит пёстрых деталей под строками. Цвета в книге и журнале выбирают по назначению страницы: для учебной схемы и для обложки допустимы разные степени яркости.
Хороший способ проверки — прищуриться или посмотреть на уменьшенный эскиз. Текст при этом перестаёт читаться как слова и воспринимается как серое пятно. Становится видно, не распался ли разворот на разрозненные куски и заметно ли главное. После этого нужно вернуться к обычному масштабу и отдельно проверить читаемость текста и подписей.
Чем журнальная фотография отличается от книжной иллюстрации
В журнале фотография часто служит самостоятельным источником информации. Небольшой снимок показывает предмет, героя или этап работы. Большое изображение может задать настроение материала. В фоторепортаже порядок кадров помогает проследить развитие события: общий план показывает место, средний — действие, крупная деталь раскрывает то, что легко пропустить.
Подпись к снимку отвечает на вопрос, который сам кадр оставляет открытым. Она может сообщить, где произошло событие, что за предмет изображён или какой этап показан. Когда на развороте несколько фотографий, подписи располагают так, чтобы каждая однозначно относилась к своему кадру.
Если фотография служит фоном, важен контраст с текстом. Название можно поставить над спокойным участком изображения или вынести на однотонное поле. Для длинного текста обычно разумнее оставить отдельную колонку, чтобы фон и набор не мешали друг другу. Эти решения зависят от конкретного снимка: его смысловая деталь не должна исчезнуть под надписью.
Книжное искусство и развитие печати
У рукописной книги уже существовали оформленные начала глав, поля, орнаменты и иллюстрации. Распространение книгопечатания в Европе в XV веке изменило способ воспроизведения, но многие приёмы организации страницы сохранились. Московский «Апостол», изданный Иваном Фёдоровым и Петром Мстиславцем в 1564 году, — первая точно датированная московская печатная книга. В ней работа с набором и декоративными элементами служила ясному устройству текста.
В XIX и XX веках возможности печати расширились: стало проще воспроизводить разнообразные изображения, распространялись массовые иллюстрированные издания. Современные программы позволяют быстро менять сетку, перемещать изображения и сравнивать цветовые варианты. Основные вопросы остаются прежними: что читатель должен увидеть первым, какие части текста нужно объединить и как выдержать общий характер оформления.
В русском книжном искусстве разные решения хорошо видны у Ивана Билибина и Владимира Фаворского. В сказочных изданиях Билибина изображение и орнамент образуют узнаваемое целое. В работах Фаворского удобно наблюдать, как графика взаимодействует с белым полем и наборной полосой. По одному рисунку можно судить о манере мастера, но замысел оформления лучше виден при сравнении обложки и нескольких разворотов.
Практическая работа: макет книги или журнала
Группа из трёх или четырёх человек выбирает короткий рассказ либо тему школьного журнала. Сначала участники определяют читателя и смысловую задачу. Например, для журнала о жизни школы можно подготовить материал о выставке: отобрать фотографии, написать заголовок, короткое вступление и подписи. Для книги по рассказу можно выбрать сцену, которую будет раскрывать главная иллюстрация.
- Согласуйте формат и стиль. Возьмите одинаковые листы, отметьте поля и сгиб, определите шрифт заголовков и два или три согласованных цвета.
- Сделайте небольшие эскизы. На одном варианте разместите главное изображение слева, на другом — справа или в верхней части разворота. Сравните, в каком случае понятнее порядок чтения.
- Распределите работу. Один участник оформляет обложку, другой — титул или страницу с содержанием, остальные — развороты. Для учебного макета книги можно отдельно продумать цвет или рисунок форзаца.
- Соберите издание. При работе с бумагой сначала разложите детали без клея. В цифровом макете проверяйте страницы и парами, и по отдельности. После согласования закрепите детали и соедините листы с обложкой.
- Представьте результат. Покажите, что читатель увидит первым. Объясните, как повторяются шрифт, поля и цвет и почему рядом с каждым текстом стоит именно эта иллюстрация.
Макет можно считать удачным, если без подсказки понятно, где заглавие, к чему относятся подписи и в каком порядке читаются колонки. При просмотре нескольких страниц читатель должен узнавать одно издание, даже если на каждой странице свой сюжет. Если зрители нашли разные точки начала, это повод сравнить размер заголовка, контраст фотографии и интервалы между блоками.
Вопросы для самопроверки
- Почему работу над книгой начинают с макета?
- Чем отличаются задачи обложки, форзаца и титульного листа?
- Что такое доминанта и как её можно выделить без увеличения размера?
- Как модульная сетка помогает сохранить единый стиль разных разворотов?
- Какие элементы лучше не помещать на сгибе?
- Чем серия кадров в фоторепортаже отличается от отдельной фотографии к тексту?