Ещё раз про обложки

Автор: Катерина Снежинская / Добавлено: 15.07.17, 20:46:29

Посетила я тут салон Яси Белой (полезная, кстати, штука, рекомендую) и снизошло на меня откровение.

По иронии судьбы почти год назад мною уже был рождён опус «Какой должна быть обложка». В нём собраны общие рекомендации, полученные от профессиональных web-дизайнеров. Кстати, они по-прежнему актуальны. За год успело измениться многое. С «обложечным» делом я завязала, но опыта поднабралась, а его, как известно, не пропьёшь.

Так вот про откровение, кое и выродилось в «Скрижали обложкодела». Скрижалями они стали потому, что истины эти неоспоримы и неизменны. Нет, это не я такая умная и придуманы они не мною. С ними можно спорить до пены доказывая свою правоту. Вот только истина от этого не изменится.

Короче, имеющие уши, да услышат, имеющие глаза, да увидят.

В качестве примеров использованы исключительно мои работы.

Заповедь первая: обложка – это первый и очень мощный инструмент продажи.

Те, кто «я на обложки внимания вообще не обращаю» посидите тихонько в углу, пожалуйста.

Маркетологи ещё в доинтернетовские времена вывели, что привлекательность упаковки – это наше всё, в первую очередь именно она стимулирует купить товар. На рекламный слоган (аннотацию), производителя (автора), состав (текст) покупатель обращает внимание во вторую, третью, десятую очередь. Сначала ему товар надо в руки взять, а потом уж рассмотреть, понюхать и на зуб попробовать. А взять его в руки (зайти на страницу книги) заставляет именно упаковка (обложка).

В нашем деле под «купить» подразумевается как реальная продажа, так и привлечение на «почитать бесплатно». Даже некоммерческому автору нужны читатели, а, значит, их нужно уметь заманивать.

Будем считать, что в необходимости трепетного отношения к обложкам вас удалось убедить. Едем дальше.

Заповедь вторая: размер имеет значение.

Собственно, при создании обложки именно на него и необходимо ориентироваться. Именно размер задаёт всё остальное: композицию, яркость цвета, контрастность, размер и тип шрифта и т.д. и т.п.

Объясняю. 10 из 10 дизайнеров/художников создают обложку в большом размере. 10 из 10 заказчиков требуют изображение большого размера, чтобы «детали рассмотреть». А что видит потенциальный потребитель? Миниатюру 60х87 пиксилей. Если автору очень повезёт и читатель перейдёт на страницу произведения, то он узрит картинку 220х320 пикс. Тоже, в общем-то, немного.

При создании обложки на это и нужно опираться, то есть, соблюдать следующие правила:

1.  Фокус-объект (то, на что зритель должен обратить внимание в первую очередь. Как правило, это герой/героиня) делаем как можно больше. Зритель должен хотя бы разобрать, что изображено: ведьма там или принцесса, котик или собачка, обнимает Тёмный лорд любимую или повторяет подвиг Отелло.

2. Основных объектов должно быть один-два, не больше. При остром желании можно впихнуть трёх. Но если объектов больше одного, то их необходимо делать контрастными: светлая девочка – тёмный мальчик. Ну или наоборот. В общем, один не должен сливаться с другим. Это справедливо как для фигур, так и для лиц. Или, например, статуй, ваз, собачек. 

3. Долой детали, на миниатюре они только «забивают» изображение. Ожерелье превращается в сыпь на коже, любовно прорисованные рыцарские доспехи в пятнистую мешанину, не дающую рассмотреть даже силуэт. Орнаменты, украшение, букетики-цветочки, мелкое оружие, слишком маленькие животные – долой, долой, долой. Или прорисовывать их так, чтобы они сливались с фоном. Зачем это делать? Для личного удовлетворения: «Я-то знаю, что там есть кружавчики!»

4.  Фон за объектом должен быть очень размытым, ни в коем случае не детализированным. Оптимально: небо или цветовые пятна, намёки на силуэт зданий, гор, леса, можно использовать портьеры. Но ни в коем случае не делайте фон монохромным, иначе изображение станет похожим на не слишком умелую аппликацию. Хотите деталей? Тогда затеняйте фон так, чтобы основной объект по контрасту с ним аж светился, а кому интересно, тот рассмотрит «деталюшки» под лупой. 

5. Не приводите изображение к единой цветовой гамме. Знаю, большинство уроков по коллажированию заканчиваются объединяющей цветокоррекцией. А вы так не делайте! Синяя, зелёная, даже вполне нейтральная тёпло-коричневая обложка на миниатюре превращается в слепое пятно. Сохраняйте цвета – два-три цветовых пятна смотрятся гораздо лучше. 

6. Внимание к обложке привлекает одно (оно же должно быть единственным) яркое пятно. Оно может спасти любую, даже очень неудачную, например, слишком сильно затемнённую или высветленную картинку. Пятном может оказаться что угодно: цветок, взрыв, лампа, волшебный огонь, магический эффект. Просто нужен яркий всплеск цвета.

7. Рамки, виньетки, орнаментальные уголки в топку! В лучшем случае их не видно, в худшем – начинают «рябить». И всегда виньетки с узорчиками «съедают» пространство, которого и так немного. Если уж очень хочется украшательства сохранить, то делайте их контрастными: белое на чёрном, чёрное на белом (чаще всего смотрится ужасно). Но не красное на синем, и не зелёное на розовом.

Туда же (в топку) размытые, туманные, нечёткие изображения, даже если «туманность» – это авторская задумка. Идея может быть и хороша, но миниатюры в виджетах и так чёткостью не отличаются.

Заповедь третья: не забывай о чёрно-белом.

Точнее, об оттенках серого. Год назад я спорила с Антоном Солнцевым о необходимости учитывать гаджеты, которым доступно только ч/б изображения. Ну так заявляю с полной ответственностью: дура была! Сейчас даже владельцы интернет-магазинов требуют от оформителей изображений, одинаково привлекательных как в цветном, так и в ч/б варианте.

И вот здесь зарылась здоровая такая свинья. Огромное, просто гигантское количество обложек, которые в «цвете» выглядят неплохо, в оттенках серого превращаются в кляксу! То есть люди, выбирающие книгу, например, с ридера, видят сплошной тест Роршаха! Это сколько ж читателей мы теряем?

Заповедь четвёртая (хотя ей первой надо быть): соразмеряй свои желания с шрифтами.

Заходим на стартовую страницу Лит-Эры. В «каруселях» («Топ», «Бестселлеры», «Новинки», хотя тоже не везде) всё ещё не так плохо, а вот «Сегодняшние скидки» или «Lit-Era рекомендует» практически ни одного названия прочитать невозможно, а с именами авторов вообще беда. Можно, конечно, сказать, что они рядышком написаны. Но я склонна верить вебинарам и Сергею Неизвестному, утверждавшему, что «читабельность» названия очень важна.

Я тут ещё в типографском деле покопалась и знаете что? Оказывается, оптимальный размер названия равен не менее ¼ всего поля обложки! Не менее! А лучше более. И это для печатных книг, что уж говорить про электронные. Понимаю, жалко картинок, жалко арты буквами загораживать. А что делать? Продаваться-то надо.

Кстати, плевок в сторону. До меня дошло, почему так экономят на названиях. Практически каждый автор желает видеть на обложке иллюстрацию к своему произведению, хочет донести до читателей внешность героев, настроение истории и т.д. А ведь обложка – это просто инструмент продажи. Иллюстрации и в текст запихнуть можно (хотя тот же Неизвестный говорил, что не нужно).

Итак, правила работы со шрифтами:

1. Использовать только крупные, легко читаемые шрифты.

2. Забыть о существовании рукописных шрифтов (даже самые крупные в миниатюре нечитаемы). И вообще не увлекаться декоративными шрифтами.

3. Не использовать жирные шрифты. Как ни странно, но на маленьких изображениях они тоже смазываются.

4. Не использовать градиенты, текстуры и эффекты (свечение, тени и т.п.). В лучшем случае их просто не видно. В худшем они делают текст нечитабельным. Это смотрится эффектно только тогда, когда название действительно КРУПНОЕ (так же, как и декоративные шрифты). 

5. Ни в коем случае не использовать обводку. Такой приём всегда визуально «удешевляет» обложку.

6. Делать надпись максимально контрастной: светлые буквы на тёмном (и желательно монохромном) фоне, тёмные на светлом.

Стоит заметить, что ничего эффектнее белых букв на тёмном фоне пока не придумали. Да, согласна, это банально, но тут надо выбирать, что нужнее: шашечки или ехать. Если же с цветом поиграть всё-таки хочется, то пользуйтесь не наитием, а цветовым кругом. Например, вот этим сервисом. Он разработан для дизайна сайтов, но и с обложками может помочь, наглядно представит возможную цветовую схему и позволит сразу увидеть, как будет смотреться надпись.

И последнее о шрифтах. Господа, что ж мы все дружно так себя-то не любим? Каждое второе имя набрано микроскопическими буквами, запрятано куда-то в угол и захочешь – не разглядишь. Своего авторства, что ли, стесняемся?

В общем-то, это всё, что я хотела сегодня сказать. Даёшь больше хороших и разных обложек!

Заходите в мою группу про обложки! Там много вкусного (а будет ещё больше)

90 комментариев

Авторизуйтесь, чтобы оставлять комментарий

Войти
avatar
Эн Лери
24.06.2018, 11:20:32

Большое спасибо за полезную информацию!

Ух ты! Большое спасибо)) До половины изложенного на своих ошибках дошла, но много узнала нового!

Бассандра Каллиган, Надеюсь пригодится :)

avatar
Энесс
10.06.2018, 15:33:29

Я пытаюсь загрузить собственную иллюстрацию к рассказу, но почему то она не хочет загружаться как обложка, подскажите как быть, буду благодарен)

avatar
*****
10.06.2018, 15:48:41

Энесс, размер изображения должен быть 220 на 320 формат jpg. Обычно проблема, когда что-то не соответствует требованиям.

avatar
Ульяна Тюмень
24.05.2018, 13:31:09

Эх, раньше бы мне к вам попасть... только сожалеть остается.
Спасибо, лишнее знание не всегда обременяет человечество.

avatar
Constantine Shah
24.04.2018, 16:52:21

Внесу замечание к статье.
Первая заповедь, с которой должна начинаться статья - "Авторские права на изображение".
Меня удивил тот факт, что на данном ресурсе (litnet.com), нет оговорки на этот момент.
Важно понимать не только технические, но и правовые аспекты создания обложек.
Фрилансеры, могут не догадываться о существовании "Авторского Права", использовать для создания коллажей изображения найденные в интернете.

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

Понимание, таких моментов, может защитить Вас от проблем, когда Ваша книга станет мега-популярной.

Кэтти Спини
24.04.2018, 21:42:16

Constantine Shah, графические шрифты, изображения - это все да... А лично я выпадаю в осадок, когда вижу на обложках известных людей. Неужели авторы не понимают, что могут попасть на деньги, на скандалы?

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

Анастасия Клёнова, Речь идёт как раз о публикации в интернете. У бумажной продукции свои правила, законы и маркетинг.

avatar
Nutik_Обложки
02.03.2018, 07:41:53

Ап.
Очень полезная информация!

avatar
Роман Фомин
02.03.2018, 00:33:38

Спасибо за статью. Наступил последовательно на все грабли :)

avatar
Сергей Неизвестный admin
31.07.2017, 16:30:59

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

Ирина Солнце
31.07.2017, 18:49:45

Сергей Неизвестный, Ой, этот вопрос уже звучал))

спасибо! много интересного и полезного узнала )

avatar
Ирина Успенская
18.07.2017, 13:55:47

ап

avatar
Надежда Майская
17.07.2017, 21:46:26

Спасибо за полезную информацию!

avatar
Нелли Ускова
17.07.2017, 21:28:09

Спасибо большое за пост. Нашла для себя много полезной информации.

avatar
ZelinskiAleksandrLeroi
17.07.2017, 19:39:59

А мне розово-сиреневая обложка понравилась. Впечатление, что вы уверены, что ВСЕ потенциальные читатели-покупатели являются дипломированными дизайнерами. А нам просто дамочку посексуальнее с "глазами" побольше, в марафете пороскошнее, подороже, попонтовее, чтобы срывать его было покайфовее! Не надо усложнять! Иногда профессионализм мешает угадать восприятие прыщавого задрота, который западёт не на грамотный вариант, а на тот, что вы кидаете в мусорку...

avatar
Наталья Изотова
17.07.2017, 14:41:05

Я постеснялась сразу задать вопрос, но он оказался для меня очень важным. Скажите, пожалуйста, как лучше располагать на обложке текст? Я имею в виду именно подложку. Не всегда на картинке есть однотонное место, где бы он хорошо смотрелся. Затемнять? Налепить однотонный контрастный прямоугольник? Обрезать картинку внизу-сверху? Есть какие-то тенденции или советы о том, как делать точно НЕ надо? Спасибо.

Наталья Изотова
17.07.2017, 17:30:18

Катерина Снежинская, Спасибо большое! Но рамочки - как сами это писали - крадут пространство.
Да, "режим умножения" во втором варианте для меня уже слишком сложно) Я так понимаю, это что-то типа виньетирования темным по краю? Или просто затемненное "облачко" (или край картинки) под текстом?

avatar
Лана Каминская
17.07.2017, 17:11:02

Отличная статья. Спасибо!

avatar
Даха Тараторина
16.07.2017, 12:33:33

Огромное спасибо за советы! Как раз благодаря Салону неожиданно выяснила, что обложка, к которой у меня душа вообще ни разу не лежала, народу, в общем-то, нравится. Но при её оформлении я совершила почти все ошибки, которые вы перечислили)))
Пойду спасать, пока не поздно. Смачно целую в щёчку вумного человека.

Даха Тараторина
17.07.2017, 17:04:05

Катерина Снежинская, Полностью согласна. Учусь помаленьку. Вот паинт уже освоила)))))

avatar
Михаил Северный
17.07.2017, 17:01:23

Ну такой пост в библиотеку, даже не дочитывая.

avatar
Сергей Неизвестный admin
17.07.2017, 16:34:29

Антон радуется, что его услышали (о черно-белых обложках). Но сейчас это постепенно теряет актуальность. Популярность ридеров падает.

Сергей Неизвестный, Ясно, будем ориентироваться на смартфоны. Спасибо за ответ!

avatar
Звёздная ночь
16.07.2017, 13:04:59

Боже, какой хороший и полезный блог! Автору огромное спасибо) Надеюсь многие писатели сюда заглянут, а то после просмотра некоторых обложек мне хочется глаза мылом помыть)

Звёздная ночь, Ну, будем надеяться, что впрок пойдёт :))

avatar
Ирина Коняева
16.07.2017, 13:55:30

Спасибо большущее, Катерина! Как всегда по делу и доходчиво)))

Irene Konyaeva, Спасибо вам за то, что внимание обратили (я вас в новом обличие не сразу и узнала :)))

Спасибо за информацию!
Эх... буду учиться дальше:)

Катерина Снежинская, Да, уж, по жизни всё что-то учим:)
Спасибо!
Вам тоже успехов и читателей дружелюбных побольше!

avatar
Lord Weller
15.07.2017, 21:59:03

Отлично. Отлично. Где вы раньше-то были? ))) До некоторых вещей я сам дотумкал. Некоторые, конечно, не знал.
Я многим авторам говорю, что название и имя автора слишком мелко написано. Что деталей слишком много. Что нужно обязательно проверять обложку при самом маленьком разрешении, чтобы все читалось даже при 150х220. А то размахнуться на какую-то батальную сцену с мелкоскопическими деталями, а при уменьшении - каша.

Lord Weller
16.07.2017, 14:23:06

Катерина Снежинская, Ну труд совсем не скромный, а очень даже обширный. Я к себе утащил в библиотеку. Было полезно. По крайней мере, теперь есть точная ясная теория, как делать обложки. И я не иду вслепую.

avatar
Анна Азарцева
15.07.2017, 23:12:30

Полезно, спасибо.
По факту, все советы относительно арта можно свести к одному - делать акцент на главной фигуре на обложке, все остальное фтопку.
Я обложку делаю на размере 600х800, потом уменьшаю до необходимых для ЛЭ и смотрю, как она выглядит в таком маленьком формате.

Анна Азарцева, По-моему, знаменатель верный. Конечно, в совсем маленьком размере работать неудобно. По секрету: у меня рабочее поле 3200*2200. Я как раз горячая поклонница тех самых кружавчиков, камешков и родинок, которые никто в результате не видит :))) Но во втором окне постоянно висит та же работа в миниатюре (320*220), чтобы сразу видеть, где переборщила, где не дотянула. Иногда ещё на миниатюру ч/б корректирующий слой бросаю для контроля контрастности.

Спасибо! Прочел с интересом, но оказался на грани инфаркта.
У меня выложена пока лишь одна работа. Один-два просмотра в день щелкают с февраля. В книгу заглядывают. Но комментарии в основном "по обмену". Иными словами обложка (хамская, самопальная, из пейнта) привлекает внимание, а сам текст не цепляет. Так-то...
А Вы не могли бы дать совет на будущее? Название книги "Имя главного бога" (постапокалипсис). Надо ли на обложке с таким названием писать еще и имя автора? Засмеют же! Скажут, что его имя Иегова. Аллах. Маниту. Как угодно его имя, но не какой-то Константин :)

Катерина Снежинская, Спасибо. Может я вижу иначе, но одного из авторов литэры я четко связываю с его рассказом. Название рассказа неблагозвучное, поэтому публично это не звучит. Получилось секретное имя, которое (хоть и ругательное) означает силу талланта.
Снежинская первая после бога - звучит. Весело, но, в тоже время убедительно.
Еще и еще раз спасибо Вам огромное. Отдельно - за Ваше мнение, отдельно - за этот блог.

avatar
Ната Ли
16.07.2017, 02:09:01

Очень познавательно!

Ната Ли, Надеюсь, что когда-нибудь, где-нибудь и пригодится :)

avatar
Евгения Мэйз
16.07.2017, 00:45:17

Спасибо! С огромным удовольствием прочитала оба блога)все по существу и не скучно)написано

Евгения Мэйз, Спасибо за такую оценку :)

avatar
Ланас Светлана
16.07.2017, 00:23:11

Спасибо)))
Очень Очень​ полезная информация.

Ланас Светлана, Надеюсь, пригодится :)

avatar
Юлия Журавлева
15.07.2017, 23:48:27

Спасибо огромное!
Все очень подробно и хорошо изложено, да еще с иллюстрациями!
Админам эту запись нужно в Справку авторам перенести :)

Юлия Журавлева, Лишь бы действительно помог. А в справку автором по-хорошему столько внести надо, что это уже талмуд получится :))

Спасибо, очень полезный пост!

Татьяна Богатырева и Евгения Соловьева, Рада помочь. Надеюсь, действительно пригодится :)

avatar
Дмитрий Авдеев
15.07.2017, 23:09:49

Отлично и полезно!)

Дмитрий Авдеев, Рада помочь :)

avatar
Катерина Риш
15.07.2017, 22:51:06

спасибо, спасибо, спасибо! столько гуглила вот это все про обложки, а оказалось, на родной ЛитЭре все уже объяснили. Зачитываюсь двумя постами.

Катерина Риш, Спасибо! :) Рада буду, если пригодиться. А в блогах ЛЭ много полезного есть. Только найти нужное не всегда просто. Админы портала как-то вывешивали пост со списком тем, которые чаще других в библиотеку откладывают. Только ведь и этот пост не найдешь, к сожалению.

avatar
pushcandy
15.07.2017, 21:13:01

Отличный пост, спасибо

Андрей Пушкарёв, Вам спасибо за отзыв :)

avatar
Яся Белая
15.07.2017, 21:01:03

Кать, можно я буду ссылку на этот блог теперь в каждом Салоне вешать?
Это бесценно :)

Яся Белая, Ага, цены не имеет, потому что нафиг никому не нужно :))) Для вас что угодно, а уж этого добра тем более не жалко!

Спасибо) Интересно было почитать)) Люблю эту тему))
Сама некоторое время назад делала пост,в котором спрашивала, какие обложки привлекают) узнала много нового)

Александра Драконова, Я видела много авторских опросников, посвящённых обложкам. Но почему-то никто не спешил делиться сделанными выводами, а ведь интересно. Может, вы расскажете, что узнали?

Спасибо! Тащим в норку.

Екатерина Оленева, Лишь бы пользу принесло :) Спасибо за отзыв.

avatar
Наталья Изотова
15.07.2017, 20:54:10

Спасибо большое! Мне это будет очень полезно, добавила обе записи в библиотеку, в тишине изучу.

Наталья Изотова, Надеюсь, пригодится :) Спасибо за комментарий.