Здравствуйте!

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

Иллюстрации к статье — забота редактора. Только он знает, какая картинка подходит тексту. Дизайнер и верстальщик тут не при чем. Если пожалеть силы на подбор иллюстраций, статья получится не секси.

Зачем нужны

Иллюстрация — это инструмент управления вниманием. Она — самый заметный элемент на странице, она притягивает взгляд сильнее заголовка. Сначала мы смотрим на иллюстрацию, потом на заголовки, потом на все остальное (если интересно):

Иллюстрация выполняет три функции:

Иллюстрация — такая же важная часть продукта, как текст или заголовок. Любите иллюстрации.

Классификация

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

Чтобы принимать решения, мы придумали классификацию картинок по тому, как она дружит со смыслом статьи. Как и все в нашей работе, это наш внутренний инструмент, которым мы пользуемся для работы. Если вам подойдет такая классификация — будем рады. Если вы знаете более удачные классификации — расскажите нам.

В нашей схеме иллюстрации классифицируются пор двум параметрам: насколько они близки к главной теме статьи и насколько они буквальные. По этим признакам мы поделили иллюстрации на 4 порядка:

Иллюстрации первого порядка

Это лучший вид иллюстрации. Она буквально показывает то, о чем говорится в тексте:

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

Иллюстрации второго порядка

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

В тексте главное — соревнования. Камни — второстепенная деталь. Она имеет отношение к тексту, но смысл не в ней.

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

Иллюстрации третьего порядка

Иллюстрация третьего порядка — метафора к теме статьи:

Обычно это картинки с фотостоков. Сама по себе фотография врача не плохая. Проблема в том, что она примитивная, если говорить о здоровье. Это метафора с первой полки. Читатель воспринимает ее как информационный шум и проходит мимо:

Вот, как будет выглядеть сносная иллюстрация третьего порядка в нашем примере:

В этом примере на иллюстрации кадр из фильма «Амели». Героиня любила пускать по воде плоские камушки и считать, сколько раз они подпрыгнут.

Иллюстрация косвенно связана с темой: метание блинчиков есть, а соревнования нет. Если бы статья была о любимых занятиях Амели, это была бы иллюстрация первого порядка.

В нашем примере текст о том, что можно сфотографировать — на соревнование можно отправить фотографа. Так бывает не всегда.

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

У Постнауки классный паблик во Вконтакте и много абстрактных тем, для которых нет материального выражения. Поэтому часто их картинки — метафоры, как в этом случае:

Как изобразить общество потребления? Плохой редактор поставил бы толстушку с сайта «ХД-обои», даже не разобравшись, в чем там подоплека:

Но в Постнауке хороший редактор, который выбрал интересную метафору с эволюцией и остроумной надписью по теме.

Пример из «Финолога»:

Это заглавная иллюстрация к статье «Кассовый разрыв». Кассовый разрыв — абстрактное понятие. Оно означает, что бизнес приносит прибыль, но реально денег нет из-за отсрочек платежей и предоплат. Изобразить это можно только метафорой.

Финологу тоже повезло с редактором, поэтому иллюстрация получась отличная: силач разрывает кассу. Такая иллюстрация развлекает читателя и помогает с первого взгляда узнать тему статьи.

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

В таком виде иллюстрации третьего порядка справятся со своими функциями.

Иллюстрации четвертого порядка

Иллюстрация четвертого порядка — тоже метафора, но касается она второстепенной детали в тексте.

Вернемся к примеру с соревнованием по бросанию камушков. Второстепенная деталь здесь — то, что соревнования проводятся в США. Значит, иллюстрация четвертого порядка метафорически изобразит США:

Картинка не связана с темой и ничего не дает читателю для понимания статьи. Даже не обогащает ее по смыслу. Разве что блинчики метали с этого моста, но это ведь не так. Использовать такое — позорище.

Какими бывают

Иллюстрация — это не только фотография. Иллюстрация — все, что помогает лучше усвоить суть текста:

Для регулярных статей, например, рассылок, хорошо использовать иллюстрации в едином стиле. Когда человек узнает знакомый почерк и стиль, у него вырабатывается больше дофаминчика, ему прикольненько. Читайте об этом в «Метрополе».

Часто люди некритично относятся к тексту только потому, что в нем красивые авторские картинки:

Хорошие иллюстрации и инфографика запросто вытягивают даже слабую статью.

Рисовать свои иллюстрации круче, чем искать в поисковике или на фотостоках. Качество таких иллюстраций второстепенно. Главное — стиль и дух.

Собственные иллюстрации бывают дорогими и трудозатратными, или дешевыми и простыми. Вот три примера:

Прелесть в том, что вам необязательно выбирать самый дорогой вариант. Ориентируйтесь на свои ресурсы. Главное — ощущение фирменности, которое дают иллюстрации, нарисованные одной рукой. Как трубки в Главреде руки Антона Горбунова. Антон, спасибо!

Подписи

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

Есть только три случая, когда подпись к иллюстрации не нужна:

Синтаксически связана с текстом — это, например, так:

Автор написал текст и через двоеточие проиллюстрировал картинкой. Функцию подписи выполняет основной текст.

Про заглавную иллюстрацию вы знаете и так, поэтому без примера. А вот иллюстрация, которая считывается без подписи — это вот так:

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

Скажем прямо: редактор здесь не жжёт. Три запятые на четыре слова. Плоский одноходовый юмор. Не то.

Еще одно правило — не подписывать очевидно. Подписывать очевидно — значит описывать то, что читатель и сам видит:

Хорошая подпись рассказывает историю, неочевидную читателю, обогащает картинку и текст:

В соцсетях

Иллюстрация — оружие автора. Особенно если вы расшариваете ее в соцсетях.

У каждого, кто зарегистрирован в фейсбуке, лента наполнена картинками и постами. Здесь протекает вечное рубилово за внимание. Картинка — способ всех зарубить.

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

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

Это скриншот из совета Михаила Нозика. Здесь обе картинки в ленте привлекают внимание. А вот здесь верхняя теряется:

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

Помните, в прошлый раз мы рассказывали про желтые заголовки? Если желтые заголовки вам не по душе, используйте желтую картинку. Заголовок будет белым, а картинка — желтая.

Не переборщите

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

В этом примере картинок нет, ничего не цепляет глаз, читать хочется разве что подзаголовки:

Далее картинок в самый раз: каждому макраразделу по иллюстрации. Одна заглавная, другая — второстепенная. Они привлекают внимание, но не конкурируют между собой:

Форма, как в последнем примере, уместна, если текст в статье выполняет второстепенную функцию, а иллюстрации — главную. Например, вы пишете, как правильно позировать в полный рост. Тогда вы заполняете статью фотографиями и делаете к ним описания.

Смысл иллюстрации

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

Чем богаче культурный и исторический фон картинки, тем лучше. Сравните:

Это кадр из фильма «Астерикс на Олимпийских играх». Автор хотел изобразить Цезаря, который, по легенде, делал несколько дел одновременно. Вышло плохо, потому что фильм не особенно важный в культурном смысле. Есть более культурно богатые иллюстрации с Цезарем. Например, скульптура Никола Кусту в Лувре:

Культурно богатые иллюстрации выглядят дороже.

А вообще хороший редактор замочит обе картинки, потому что ассоциация с Цезарем — пошлая и банальная метафора. Тема про задачи — абстрактная, к ней подходит иллюстрация третьего порядка. Метафора с Цезарем — с первой полки.

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

Закрепим правила

1. Иллюстрации — это хорошо. Они обогащают текст по смыслу, подтверждают сказанное, помогают понять материал и управляют вниманием. Иллюстрация — первое, что видит читатель в статье.
2. Хорошая картинка иллюстрирует то, о чем говорится в тексте.
3. Если пишете об абстрактом, используйте крутую метафору. Картинки с фотостока — позор.
4. Люди любят картинки. Особенно, когда они нарисованы одной рукой и дают ощущение фирменности.
5. Иллюстрация без подписи бессмысленна. Но подпись не нужна, если иллюстрация заглавная, считывается без подписи или синтаксически связана с текстом.
6. Хорошая подпись не очевидная и не тупая.
7. Следите за тем, как иллюстрации попадают в соцсети. 
8. Слишком много иллюстраций нарушают принцип контраста.
9. Лучшие иллюстрации — с богатым культурным фоном.

Удачи! До скорого!
Люда Сарычева.