Как известно, встречают по одежке, точнее — в случае книг — по обложке. Нам достаточно взглянуть на обложку один (и часто единственный!) раз, чтобы принять решение: рассмотреть ее поближе или пройти мимо. Без заметной (в правильном смысле!) обложки будет сложно привлечь интерес к книге и заполучить заветные продажи. Успешные книги не появляются случайно. Каждая успешная книга — это стратегически-продуманный визуальный продукт, ориентированный на конкретную группу потребителей. И упаковка — а в случае книги это обложка — это главный инструмент продаж, который призван привлечь этих потребителей. Сама история в книге может быть изумительной — но без правильной упаковки продаваться она не будет.
Вы читаете перевод статьи «5 TIPS FOR CHILDREN’S PICTURE BOOK COVER DESIGN». Переводы — это один из моих способов исследовать возможности в творческом мире. Над переводом работали Настя Никсен и Оля Жолудова.
В этой статье я собрала топ-5 советов для оформления классной обложки иллюстрированной книги. Впрочем, все эти принципы применимы не только к обложке, но и к иллюстрациям внутри книги. О лейауте, композиции и дизайне обложки в целом можно сказать очень много. В этой статье — самая база: 5 простых советов, которым я рекомендую следовать регулярно, особенно если оформление детских книг — это ваша работа. Соблюдайте эти правила — и ваши клиенты будут вами гордиться, а, самое главное, ваши книги будут успешно продаваться. А для иллюстратора каждая успешная книга — это прирост в доходе: либо через роялти, либо путем повышения чеков (ведь спрос на вас, как на специалиста, будет расти!).
Прежде чем приступать к рисованию, нужно наметить план: точно так же архитектор составляет проект, прежде чем приступить к строительству. Ваш план, как иллюстратора детской книги, будет начинаться с лейаута и композиции. При планировании лейаута и композиции, мы решаем, где будут располагаться различные элементы дизайна книги (такие как иллюстрация, заголовок, имя автора и иллюстратора и т.п.), какого они будут размера и в какую сторону они будут “смотреть”. Хорошая композиция помогает вовлечь читателя. Плохая композиция — оттолкнет его.
Мои топ-5 советов по оформлению обложки детской книги с картинками:
1. Правило третей
Нет ничего плохого в том, чтобы использовать классическую центральную композицию: у нее есть свои преимущества. С другой стороны, самый простой способ усилить и оживить вашу работу — это увести главный объект из центра, применив Правило третей. Нецентрированная композиция добавит иллюстрации структуры и сделает ее более привлекательной.
Идея в том, чтобы поделить иллюстрацию на трети (воображаемыми горизонтальными и вертикальными линиями) и разместить все важные элементы вдоль этих линий — или в точках их пересечения. Например, если вы рисуете пейзаж, самый простой способ применить Правило третей — это разместить горизонт вдоль одной из горизонтальных линий. При этом совсем не обязательно точно отмерять трети — можно сделать это на глаз.
Взгляните на мою иллюстрацию ниже: видите, как я разместила горизонт вдоль нижней линии? Я могла бы нарисовать его чуть выше (в середине или даже в верхней трети иллюстрации), но тогда пропал бы эффект фокуса на этом невероятном небе, охваченном огнями северного сияния. А мне хотелось, чтобы это потрясающее небо полностью захватывало внимание зрителя. Можно заметить, что и небо структурировано по Правилу третей, а вихри северного сияния расположены так, словно делят небо на девять равных частей — отчего в работе появляется непрерывная структура и баланс.
Осваивая разные инструменты композиции, вы, в числе прочего, учитесь понимать, когда уместно применять то или иное правило, а когда — нет. Нецентрированная композиция (например, построенная по Правилу третей) не всегда целесообразна. Иногда в попытке сместить главный объект из центра, иллюстратору приходится отсекать какие-то важные детали. Так делать ни к чему.
Приведу еще один пример. Вот обложка, которую я создала для книги “Ламантин по имени Монти” (Monty the Manatee). В 2018 году эта книга получила награду за лучший дизайн обложки от Kids Shelf Books. Если разделить обложку книги воображаемыми линиями на девять равных частей, можно заметить, что название наплывает на верхнюю горизонтальную линию, а две “М” размещены в области левой верхней точки пересечения линий. Главный персонаж Монти располагается напротив — в области правой нижней точки пересечения, а его тело изогнуто вдоль правой вертикальной и нижней горизонтальной линий. При этом тело Монти “смотрит” вверх и развернуто в сторону центра страницы, а не от него.
2. Предпочтительное направление диагонального сканирования
Мы, носители западных языков, привыкли читать слева направо и сверху вниз. Поэтому нашему взгляду при изучении некой визуальной или текстовой информации комфортнее всего двигаться по диагонали: из левого верхнего угла в правый нижний. Более того, мы подсознательно игнорируем композиции, где взгляду приходится двигаться в противоположном направлении: ведь в этом случае нашим глазам и мозгу приходится дополнительно напрягаться, чтобы обработать картинку.
Есть несколько типов лейаута, которые учитывают предпочтительное для нас направление диагонального сканирования. Чаще всего при планировании иллюстраций для детских книг я использую два из них: Диаграмма Гутенберга и Z-лейаут.
Диаграмма Гутенберга
Лейаут, построенный с учетом Диаграммы Гутенберга, представляет собой прямоугольник, поделенный на четыре равных сектора, из которых больше всего внимания получают первый (левый верхний) и последний (правый нижний).
Когда мы скользим глазами по странице, это выглядит как череда горизонтальных движений взгляда: причем с каждым переходом на следующую строку взгляд все дальше отступает от левого края, уходя в диагональ. Такой паттерн движения взгляда называют “гравитацией чтения” (Reading Gravity). Из-за этого эффекта, левый нижний сектор лейаута получает меньше всего внимания.
Этот лейаут можно использовать при размещении как типографических элементов, так и иллюстраций, но он особенно полезен при работе с несколькими блоками текста. Допустим, вам нужно разместить на обложке (1) название книги, (2) подзаголовок или название серии и (3) имя автора и иллюстратора. Вряд ли вы разместите важный текст — например, название — в левом нижнем секторе, не правда ли?
Z-лейаут
Этот лейаут по сути немного напоминает Диаграмму Гутенберга, в том смысле, что взгляд стартует из той же точки — слева сверху и оказывается в той же точке — справа снизу. Отличие в том, что при Z-лейауте взгляд еще задерживается в зоне слабого внимания (в левом нижнем секторе), прежде чем совершить заключительное перемещение в финальный сектор (правый нижний). Z-лейаут особенно полезен при работе с несколькими иллюстрированными элементами.
Ниже вы видите пример того, как работают лейаут, построенный по Диаграмме Гутенберга, и Z-лейаут — и как я применяю их в своих работах. Розовыми стрелками я показала направление взгляда большинства зрителей.
При этом не нужно сидеть с линейкой и четко располагать все элементы по линиям: это сделает иллюстрацию слишком скованной. Главное помните, что взгляд западного читателя будет естественным образом перемещаться по странице, и в вашей власти расположить ключевые элементы по направлению этого движения. Я часто рассматриваю обложки книг, оформленные дизайнерами-любителями или вообще “своими руками”. Одна из главных проблем таких обложек как раз в том, что взгляд перемещается с места на место неестественными движениями. От этого появляется ощущение дискомфорта — и желание купить такую книгу пропадает.
Посмотрите на примеры моих иллюстраций выше. В этих работах я применила Правило третей, а также учла предпочтительное направление диагонального сканирования. В результате получились эстетически приятные дизайны, которые комфортно изучать элемент за элементом.
3. Точка фокуса
Еще один важный аспект при оформлении хорошей обложки — создать точку фокуса. В хорошем дизайне может быть одна основная и несколько второстепенных точек фокуса. Как же их создать? Ниже я перечислю несколько простых принципов:
Размер
Крупные элементы привлекают к себе больше внимания, чем мелкие, а вот равные по размеру элементы могут спорить между собой. При оформлении обложки, вам нужно решить, что будет основной точкой фокуса: название книги или главный герой — и сделать этот объект больше.
Изоляция
Чтобы визуально выделить тот или иной элемент, оставьте вокруг него свободное пространство. Чем меньше шума вокруг объекта — тем проще зрителю сфокусировать на нем свое внимание.
Центрирование
Элементы, расположенные на переднем плане и в центре, притягивают больше внимания, чем объекты по краям. Этот принцип — один из самых простых, его часто применяют при дизайне обложек книг.
Контраст
Проще всего создать контраст при помощи цвета. Яркий объект, окруженный приглушенными тонами, сразу бросается в глаза. Темный элемент привлечет больше внимания, если расположить его на светлом фоне. Любой цвет будет выделяться ярче, если расположить его рядом с комплементарным цветом — то есть цветом, который находится напротив него на цветовом круге. О цвете мы еще подробно поговорим ниже.
Расположение или направление взгляда героя
В большинстве случаев я рекомендую направлять взгляд героя иллюстрации внутрь страницы, а не за ее пределы. За счет этого внимание читателя будет сосредоточено на иллюстрации, и не рассеется. Еще раз посмотрите на обложку книги “Ламантин по имени Монти” (Monty the Manatee). Герой развернут “лицом” вверх, по направлению к названию. А направление взгляда героя помогает задать предпочтительное направление сканирования.
Теперь расскажу, как создавала точки фокуса при дизайне еще одной работы — обложки книги “Скраффи, самый лохматый щенок” (Scruffy the Scruffiest Puppy).
Самый крупный элемент обложки — это название книги. Я разместила его в центре и “расчистила” небо, чтобы вокруг названия было достаточно “воздуха” и свободного пространства. Если бы на небе была текстура и разные детали, название не выделялось бы так заметно. Кроме того, вы можете заметить, что я выбрала довольно темный цвет для названия, а фон сделала посветлее, чтобы добиться контраста.
И к щенку я применила те же принципы: я сделала его чуть крупнее реального размера (в сравнении с объектами ландшафта на переднем плане). Кроме того, я расположила его на переднем плане и в центре — и он изолирован от других объектов на траве.
А дальше все становится несколько сложнее, и в дело вступает мой опыт дизайнера. Вы можете заметить, что хотя название крупнее, чем герой иллюстрации, основной точкой фокуса иллюстрации остается именно герой, потому что для названия я выбрала нежирный шрифт. Таким образом, между героем и названием появляется связь.
Возможно, у вас возник вопрос: “Разве смещение основной точки фокуса в нижнюю часть иллюстрации не нарушает принцип предпочтительного направления диагонального сканирования?” Имейте в виду, что совсем не обязательно применять каждый без исключения принцип, описанный в этой статье. Закройте глаза и снова откройте. Как перемещается взгляд? Скорее всего, вы первым делом смотрели на щенка, но сразу перевели взгляд выше — на название. Потом гравитация чтения снова перетянет ваше внимание вниз, на щенка — и, наконец, ваш взгляд остановится в правом нижнем углу. Впрочем, если вы сначала посмотрели на название — такой сценарий тоже приемлем.
4. Типографика
Если вы опытный дизайнер и много знаете о комбинировании шрифтов, леттеринге и применении регистров и весов — играйте со шрифтами, как хотите. В ином случае при оформлении обложки (да и внутренних страниц) рекомендую ограничиться одним-двумя шрифтами. И если планируете использовать два — пусть декоративным будет только один из них. Также рекомендую с осторожностью комбинировать стилизации в рамках одного шрифта (жирный, подчеркнутый, курсив) и смешивать регистры. Кроме того, нужно помнить о кернинге (расстоянии между буквами) и лидинге (расстоянии между строками текста). Эти параметры можно использовать, чтобы при необходимости сделать текст более читаемым.
Посмотрите на варианты одной из моих обложек ниже. Название книги оформлено модным рукописным шрифтом. Если бы я использовала для оформления имени автора другой декоративный шрифт, он спорил бы со шрифтом в названии и перетягивал бы на себя внимание зрителя (см. неправильные варианты снизу).
Кроме того, важную роль здесь играет размер шрифта. Более мелкий шрифт читается хуже, но мне не хотелось увеличивать шрифт в имени автора (как ни приятно внимание зрителя к персоне автора, основная точка фокуса — это все же название!), поэтому я увеличила кернинг (правый верхний пример).
Если сомневаетесь по поводу использования декоративного шрифта, используйте в качестве дополнительного шрифта что-то простое и классическое (с засечками или без). Можно взять тот шрифт, которым оформлен текст внутри книги.
Главное — не усложняйте! Я часто замечаю ошибки новичков: затейливые, совершенно не сочетающиеся шрифты или стилизации шрифтов в рамках одной работы, слишком крупное имя автора и т.п. Это сразу выдает в книге непрофессиональную самоделку. Тот факт, что два разных шрифта — рукописные или стилизованы курсивом, еще не означает, что они сочетаются!
К типографике также можно применять базовые принципы цвета, описанные в этой статье. Если иллюстрация оформлена в приглушенных цветах, совсем не обязательно делать название ярко-оранжевым. Да, такой ход привлечет внимание — но в негативном смысле. Лучше остановиться на классическом черном или белом цвете — или подобрать для названия комплиментарный цвет из палитры иллюстрации, как сделала я в работе ниже. Как видите, цвет для названия я взяла со свитера героя. Если бы я использовала бирюзовый цвет варежек, он потерялся бы на синем фоне, а белый цвет в данном случае разбалансировал бы композицию.
5. Цвет
Психология цвета — неисчерпаемая тема. Я сейчас как раз пишу огромную статью о цвете. Цвет настолько важен — и, что самое интересное, большинство людей даже не задумываются о его важности! Плохую обложку чаще всего выдает именно подход к цвету. Вы знали, что по статистике зеленые книги для детей продаются хуже других? Кто бы мог подумать, да? Но, конечно, это не означает, что зеленый нельзя использовать в дизайне обложки: можно, если это соответствует настроению, стилю или атмосфере, которую вы пытаетесь передать.
Разные цвета несут разные эмоции и настроения. Для начала важно запомнить две простые вещи: цвета, расположенные друг напротив друга на цветовом круге называются комплементарными или дополнительными. Красный дополняет зеленый. Голубой дополняет оранжевый. Желтый дополняет фиолетовый. За счет использования комплементарных цветов можно создать контраст и сделать тот или иной элемент дизайна очень заметным. С другой стороны, аналогичные цвета — то есть цвета, расположенные на цветовом круге рядом друг с другом — помогают создать более расслабленное, спокойное и гармоничное ощущение в дизайне. Примеры пар аналогичных цветов: синий и зеленый, желтый и оранжевый, красный и фиолетовый и т.д.
Надеюсь советы, описанные в этой статье, помогут вам успешно сделать первые профессиональные шаги в области дизайна обложек детских книг — ну или будут полезным подспорьем при оформлении книги своими руками. Учтите, что эти пять принципов — базовые, и не охватывают многочисленных нюансов графического дизайна. Из каждого правила, конечно же, есть исключения — и опытный дизайнер всегда знает, где и когда уместно нарушить правила.
