Content.Guru
579 subscribers

Как подобрать заглавную картинку к статье и не опозориться

1,4k full reads
4,2k story viewsUnique page visitors
1,4k read the story to the endThat's 35% of the total page views
9 minutes — average reading time

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

Хорошая картинка — это важно

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

Заглавная иллюстрация отличается от иллюстраций в тексте.

Читайте также: Руководство по иллюстрированию текста

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

С заглавной картинкой только один шанс. Поэтому никогда не берите на главную, что попало!

Как понять, что картинка плохая

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

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

Как подобрать заглавную картинку к статье и не опозориться

Со временем начинаешь на автомате отбрасывать слишком ширпотребные варианты, но поначалу остерегайтесь слишком простых ассоциаций.

Постановочные фотографии. В блоге Тильды пример с двумя иллюстрациями на тему «Фастфуд — зло». Слева якобы плохая заглавная иллюстрация, а справа — отличный, по мнению редакции, вариант.

Как подобрать заглавную картинку к статье и не опозориться

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

Картинки с фотостоков. Максим Ильяхов в своей статье о плохих иллюстрациях написал, что фотостоки — табу. Но это не так.

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

Особенно когда речь заходит о чем-то абстрактном. Например, рост бизнеса во всех изданиях — это постоянная экспонента, которая уходит куда-то в небеса.

Как подобрать заглавную картинку к статье и не опозориться

Но не все стоковые фотографии такие плохие. Сравните. Первые страницы картинок Гугла по запросу «скидки» — это какой-то тихий ужас, согласен.

Как подобрать заглавную картинку к статье и не опозориться

А вот на стоке Gratisography в поиске по скидкам и распродажам совершенно чумовая тетка, которая точно выделит вас на фоне остальных.

Как подобрать заглавную картинку к статье и не опозориться

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

Как подобрать заглавную картинку к статье и не опозориться

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

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

Как подобрать заглавную картинку к статье и не опозориться

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

Как подобрать заглавную картинку к статье и не опозориться

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

Как подобрать заглавную картинку к статье и не опозориться

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

Пример из блога Serpstat — там еще 9 способов сделать текст на картинке читаемым
Пример из блога Serpstat — там еще 9 способов сделать текст на картинке читаемым
Пример из блога Serpstat — там еще 9 способов сделать текст на картинке читаемым

Серые, тусклые картинки. По исследованию Xerox яркие цветные картинки привлекают внимание на 80% сильнее. Это надо учитывать, когда стараешься сделать реальную правдивую фотографию, чтобы проиллюстрировать статью.

Пример хорошей заглавной иллюстрации из блога Максима Ильяхова
Пример хорошей заглавной иллюстрации из блога Максима Ильяхова
Пример хорошей заглавной иллюстрации из блога Максима Ильяхова

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

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

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

Как подобрать заглавную картинку к статье и не опозориться

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

Как подобрать заглавную картинку к статье и не опозориться

Самые плохие картинки — те, на которые у вас нет прав. Часто так и чешется взять скрин из фильма, постер от сериала, стащить красочную фотографию из чьего-то блога. Могут не заметить. А могут заметить. Если заметят, пострадает и репутация, и кошелек. И не думайте, что если какой-то Getty Images за океаном, вам не прилетит иск. Короче, почитайте, как не нарушить закон, когда тянете картинки из интернета.

Читайте также: Как не нарушить закон, используя картинки из интернета

Какие изображения не подходят:

  • Картинки, на которых изображены слишком явные ассоциации
  • Стоковые png-шки с первых страниц поиска
  • Стоковые иллюстрации с ноутбуками, смартфонами, мобильниками
  • Изображения с мелким текстом или с текстом, который конфликтует с заголовком
  • Серые, тусклые фотографии без акцента
  • Фотографии неизвестных людей без подписи
  • Изображения, на которые у вас нет прав

Какие картинки считать хорошими

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

Неожиданные ассоциации. Хорошо, если на заглавной картинке изображена не слишком явная ассоциация или неожиданная аналогия. Крутые примеры с ассоциациями можно подсмотреть в блоге Convertmonster.

Как подобрать заглавную картинку к статье и не опозориться

Если интересные ассоциации не лезут в голову, попробуйте повбивать ключевые слова на сайте Sociation.org.

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

Читайте также: Бесплатные инструменты для работы с изображениями: набор НЕдизайнера

Как подобрать заглавную картинку к статье и не опозориться

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

Как подобрать заглавную картинку к статье и не опозориться

Примените фильтры. Можно изменить фон или применить фильтр, как это делают в Copyblogger. Можно добавить надпись или сделать коллаж из нарезанных стоковых фигурок.

Как подобрать заглавную картинку к статье и не опозориться

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

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

Как подобрать заглавную картинку к статье и не опозориться

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

Как подобрать заглавную картинку к статье и не опозориться

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

Иллюстрация к статье о правках в нашем блоге
Иллюстрация к статье о правках в нашем блоге
Иллюстрация к статье о правках в нашем блоге

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

Как подобрать заглавную картинку к статье и не опозориться

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

Как подобрать заглавную картинку к статье и не опозориться

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

Как подобрать заглавную картинку к статье и не опозориться

Модуль-банк в своем издании «Дело» раньше вообще рисовал целые истории.

Как подобрать заглавную картинку к статье и не опозориться

Что, если вы — не большая редакция, а просто автор, который пишет статьи на заказ? Как быть тогда? Закажите простенький комикс для своих текстов — выделитесь. Если и дальше все ваши иллюстрации будут похожи, не обязательно гнаться за детализацией и платить по 8-10 тысяч за каждую картинку к статье. Смотрите, как проиллюстрированы тексты в блоге marketoonist.com.

Пост на тему смены приоритетов ранжирования в Фейсбуке
Пост на тему смены приоритетов ранжирования в Фейсбуке
Пост на тему смены приоритетов ранжирования в Фейсбуке

Простые картинки для своего блога рисует Даниил Шардаков.

Как подобрать заглавную картинку к статье и не опозориться

Такой комикс на каком-нибудь Кворке или другом фриланс-сайте стоит рублей 500. Но в перспективе вы получаете несравнимо большие преимущества от уникального оформления своих постов. Картинки привлекают внимание, издатель получает трафик, ему нравится — он заказывает у вас еще статьи. Экономите, никто не читает текст, вам снижают гонорар.

Если совсем жалко денег. Можете от руки нацарапать что-то в пейнте или обвести фотографию в фотошопе. Получится тоже не самая плохая иллюстрация.

Можете сделать простенький коллаж, как в блоге Яна Хацкевича.
Можете сделать простенький коллаж, как в блоге Яна Хацкевича.
Можете сделать простенький коллаж, как в блоге Яна Хацкевича.
Можете, как Александр Марфицин использовать для иллюстрации смайлики на цветном фоне — один или несколько.
Можете, как Александр Марфицин использовать для иллюстрации смайлики на цветном фоне — один или несколько.
Можете, как Александр Марфицин использовать для иллюстрации смайлики на цветном фоне — один или несколько.
Как подобрать заглавную картинку к статье и не опозориться

Есть вариант, как в блоге Романа Скрупника. Авторские иллюстрации намеренно «съедают» написанный текст. Спорная игра с вниманием читателя. Не уверен — не рискуй.

30 стоков, откуда можно брать иллюстрации

10 признаков хорошей картинки для статьи

  • Права на картинку позволяют ее использовать, как заглавную к статье.
  • Вы взяли ее не в поиске Гугла или Яндекса.
  • Это не первое, что вам пришло в голову.
  • Вы придумали смешную ассоциацию.
  • Картинка достаточно яркая, привлекает внимание.
  • Если она серая и неброская, тогда на ней есть текст или яркая плашка для привлечения внимания.
  • Если вы нашли иллюстрацию в фотостоке, в ней есть подтекст или вы ее доработали — сделали коллаж, добавили надпись, речевое облако или стикеры.
  • Текст на картинке не конфликтует с заголовком.
  • На фотографии нет неизвестных читателю людей, похожих на стоковых персонажей.
  • Вы заказали или сами нарисовали уникальную картинку.

Источник: статья на Content.Guru Как подобрать заглавную картинку к статье и не опозориться
Больше полезных материалов → ru.content.guru

Как подобрать заглавную картинку к статье и не опозориться