Всё о том, как проиллюстрировать статью и посты. Часть 1.
Содержание:
- 🌟 Главное правило иллюстрации
- Что и когда можно иллюстрировать
- Скриншот как иллюстрация
- Фотография как иллюстрация
Дисклеймер
Часть визуальных материалов в данной публикации была заимствована из общедоступных источников. Права на эти изображения принадлежат их законным авторам. Использование произведений осуществляется в рамках добросовестного использования (fair use) в некоммерческих образовательных целях, а именно: для наглядной демонстрации и иллюстрирования художественных методов и принципов через критический анализ и комментирование.
🌟 Главное правило иллюстрации
Главная и единственная функция иллюстрации — дополнять текст. Чем информативнее и дополняющее иллюстрация — тем лучше. Именно для этого иллюстрация и существует: ДО-ПО-ЛНЯТЬ, а не разбавлять, украшать, наряжать, привлекать, смешить или пугать.
К примеру, возьмём пост про уборку квартиры. Что первым приходит на ум и что чаще всего встречаешь у других? Абстрактные фото средств уборки: швабры, тряпки, ведро, человек с тряпкой в руках. Но что это на самом деле иллюстрирует? Какую конкретную информацию сообщает? Если убрать эту картинку — потеряется ли смысл? А ответ в том, что данные картинки не сообщают никакую информацию, дополняющую текст, и вместо них можно подставить любую другую картинку с средствами уборки или человека со шваброй. Это не иллюстрация, это просто тематическое изображение, и ничего больше.
Теперь другой пример. Я пишу статью «Инструменты Фотошопа» и в теме «Crop Tool» рассказываю о том, какие есть сетки для помощи кадрирования фото. И как иллюстрацию использую демонстрацию этих самых сеток для наглядного примера. Дополняет ли эта иллюстрация текст? Определённо! Она показывает наглядно то, о чём я пишу в тексте. Получается, это иллюстрация, а не картинка. Хотя и это ещё не предел — позже я разберу более сильные приёмы иллюстрирования, пока держим в голове мысль, что иллюстрация должна дополнять.
Итог. Иллюстрация, следуя этимологии слова, должна иллюстрировать, то есть дополнять текст. Только так. Во всех остальных случаях у тебя не иллюстрация, а просто картинка, бесполезная визуальная затычка, которая не несёт ровным счётом НИ-ЧЕ-ГО.
Что и когда можно иллюстрировать
Между текстовым блоком и иллюстрацией читатель почти всегда выберет иллюстрацию. Особенно это критично, когда тема изначально не является насущной проблемой для читателя. Если ты пишешь пост о том, как легально заработать миллион в кратчайшие сроки, — да, это прочтут и без слайдов, движимые чистой мотивацией и интересом, особенно если это реальный кейс. Но если ты доносишь важную, но по своей натуре сложную или сухую информацию — к примеру, список неправильных глаголов английского языка, — то без визуального ряда шансы на усвоение падают в разы.
Иллюстрации — это готовые образы, которые сами за тебя выстраиваются в связную картину, не требуя от мозга лишних усилий по визуализации. А читая сплошной текст, ты вынужден сам, в фоновом режиме, строить эти образы — это когнитивная нагрузка, от которой можно быстро устать. Вот так и выходит, что статью или пост без картинок в лучшем случае просто пролистают, а в худшем — мозг откажется вникать в чтение с самого начала, сэкономив ресурсы.
Ну хорошо, иллюстрации нужны. Но в каких именно ситуациях, нельзя же иллюстрировать каждый абзац. Давай разбираться.
🔻1. То что передает эмоции, состояние, ощущения
Всё то, что должно передавать эмоции, состояние, ощущение, лучше всего иллюстрировать, нежели расписывать в тексте. Если речь идет за художественную литературу, то там это художественный прием — описывать состояние в тексте, но не надо так делать в обычном тексте — это трата слов, а это, в свою очередь, времени. Куда быстрее и эффективнее показать иллюстрацию, которая передаст эмоции, нежели это писать в тексте.
К примеру. Цель — чтобы читатель ощутил состояние теплого уюта, когда в холодную погоду он заваривает чашечку горячего шоколада и греется. Как можно это описать в тексте? Ну что-то такое:
За окном кружится в ледяном танце снегопад, а стекло покрылось узорчатым инеем, от которого по коже бегут мурашки. Но это там, снаружи. Здесь же, в мягком коконе дивана, укутавшись в тёплый плед, ты наблюдаешь за знакомыми кадрами. И главный источник уюта — это чашка в твоих ладонях. Горячий шоколад... Он не просто обжигает губы — он дарит целое таинство. Первый глоток — и густая, сладкая теплота медленной лавой разливается внутри, отогревая самое нутро. Она струится по жилам, наполняя тело теплой тяжестью и безмятежным покоем. Второй глоток, третий... Мир за стенами теряет свои острые края, превращаясь в размытую картину за окном. Холод отступает, сдавленный этим внутренним солнцем. Всё замирает: время, звуки, тревоги. Остаётся только это сладкое, согревающее блаженство, в котором так хорошо и уютно прятаться от всей вселенской стужи.
Если дать копирайтеру пошаманить, то текст будет получше. Но сути не меняет, было бы это написано более художественно или нет, ЭТО! долго и тяжело читать. Тут много буковок, много текста, а чем больше текста, тем больше мозг пугается. Поэтому куда правильнее показать это в виде иллюстрации.
Итог. Если ты хочешь передать читателю какую-то эмоцию, состояние, ощущение — передай это через иллюстрацию, а не текст.
🔻2. Обложка Статьи и Поста
Любое произведение должно иметь свое лицо, другими словами — обложку, и иллюстрация подходит для этого лучше всего. Само слово «обложка» уже подразумевает, что она должна быть привлекательна, кликабельна, цеплять глаз и обращать на себя внимание. Самая главная функция обложки — это привлечь зрителя и дать понять, о чём статья, материал.
Как видно на примере, обложка из премьеры фильма сразу цепляет взгляд, и хочется вникнуть в новость. А пост с сухим информационным текстом можно легко пролистнуть.
Итог. Иллюстрируй обложку, неважно, статья это, пост, книга или видео — каждому произведению нужна иллюстрация на обложке.
🔻3. Наглядный Пример
Если важную тему можешь подкрепить иллюстрацией с реальным примером — делай это. Лучше один раз увидеть, чем сто раз услышать. Добавлять иллюстрацию к наглядному примеру — самый эффективный и при этом простой приём. Потому что тебе уже заведомо понятно, что именно нужно показать. Это не абстракция, которую ещё нужно придумать, а конкретика, которая уже существует.
Как видно на примере выше, я разбираю тему «создания образа в своей уникальной нише». И я не просто рассказываю, а наглядно показываю реальные примеры: конкретных ютуберов, которые стали олицетворением своей темы. Такая иллюстрация не просто дублирует текст, а визуализирует его. Данной иллюстрацией я не просто указал на популярные примеры, а визуально показал их во всей красе, превращая описание в осязаемый визуальный пример.
Итог: Если можешь проиллюстрировать наглядный пример — иллюстрируй.
🔻4. Сложная тема или где много статистики, сравнений
Не плоди простыни сложного текста, подавай его проще через иллюстрации. Как правило, в этом помогают графики и таблицы. Графики и таблицы помогают буквально увидеть цифры: понять информацию доходчивее или упаковать большой объем данных в удобный визуальный вид.
Как правило, графики используют в сложных аналитических статьях, но это не строгое правило. Если у тебя накапливается большой объем цифр, данных, которые нужно сравнить или показать в динамике, — смело делай график или таблицу. В один удачный график можно упаковать разного рода опросы, статистику, ключевые показатели роста, проценты — и всё это сразу станет обозримым. И всё то же самое относится и к таблицам. Они незаменимы, когда нужно упорядочить однородные данные для точного сравнения по нескольким параметрам.
Итог. Если можно сложную и большую информацию упаковать в схему или таблицу — делай это и используй в качестве иллюстрации, а не простыни текста.
🔻 5. Самое важное из текста
Самые важные, ключевые мысли, которые читатель должен вынести из статьи — обязательно проиллюстрируй. Чтобы основная мысль, тот самый каркас, который ты пытался донести, не просто проскочил мимо, а действительно усвоился и был принят к сведению — его нужно визуализировать.
Пример. В статье «Как проверять одежду» я сделал выжимку всей информации и подал её в виде иллюстрации-шпаргалки. Это нужно для того, чтобы читатель, если ему лень читать всю статью или чтобы закрепить материал, не возвращался снова и снова к тексту. Вместо этого он одним взглядом на картинку всё вспоминает, напоминает себе суть и идёт дальше.
Итог. Самые важные мысли статьи, поста — сделай дополнительно еще в виде иллюстрации.
Скриншот как иллюстрация
Одним из самых действенных приемов иллюстрирования по-прежнему остается скриншот. Это прямое доказательство, факт из цифровой вселенной. Всё, что есть в цифровом пространстве, можно заскринить, а скриншот — использовать как иллюстрацию.
Но просто сделать скрин экрана — недостаточно. Это сырой материал, поэтому его нужно адаптировать для иллюстрации, так сказать, пофотошопить.
🔻1. Обрезай лишнее
На скриншоте должно остаться только то, что работает на твою мысль. Как видно на примере выше, вместо полного экрана с пустошами браузера и дублирующими результатами, я оставил лишь компактный фрагмент — юзернейм и поисковую строку. Такое кадрирование фокусирует внимание читателя именно на сути, убирая информационный шум и повышая общую чистоту.
Итог. Обрезай и очищай всё лишнее в скриншоте.
🔻2. Добавляй аннотации
Выделяй стрелками ключевые кнопки, обводи важные области, в общем, указывай, куда читателю нужно смотреть и на что обратить внимание, направляя внимание буквально вручную. Простой скриншот — это часто просто сырая стена данных, в которой не сразу понятно, что именно важно. Суть в том, чтобы визуально ответить на вопрос «куда смотреть?».
Как видно на моем примере выше, я выделяю стрелочками и затемнением то, на что нужно смотреть.
Итог. Добавляй аннотации в скриншот, чтоб показывать то, на что следует обратить внимание.
🔻3. Иллюстрируй Диалог
Если в тексте есть важный диалог между людьми, то используй в качестве иллюстрации чат-диалога. Если у тебя в руках оказывается действительно важный разговор — например, ключевая переписка со свидетелем или экспертом, — его можно и нужно визуализировать. Самый сильный ход, когда это уместно, — вставить прямой скриншот переписки.
Как в моём примере выше: статья про фото Джеффри Убийцы, я как раз приводил показания свидетеля. Там вместо сухого пересказа я дал скриншот из переписки — отрывок реального диалога с датами и временем. Это сработало на порядок лучше любого текстового описания: читатель видел необработанный первичный материал, что сразу добавляло истории достоверности и остроты.
Если же оригинального скрина нет (переговор был устным или его нельзя публиковать), его стоит сымитировать — нарисовать стилизованную переписку. Главное, чтобы визуально это читалось как реальный диалог, а не как цитата в тексте.
Итог. Если есть важный диалог, визуализируй его в виде переписки в чате и сделай скрин.
🔻 4. Создай историю чрез скриншоты
Иногда для иллюстрации недостаточно выдернуть пару скриншотов, потому что нужно создать серию снимков экрана. Обрезать их под один формат, добавить стрелки-указатели и текстовые пояснения, собрав в законченную последовательность. Такой подход отлично работает в инструкциях, гайдах, любой технической документации, где нужно буквально провести читателя за руку: нажми сюда, выбери вот это, и в итоге получишь такой результат.
Примере выше, с помощью серии аннотированных скриншотов я сделал наглядную инструкцию по работе с инструментом «Границы» в Фотошопе. Я сознательно отказался от видео, подав информацию через статичную, но предельно ясную иллюстрацию прямо в тексте статьи. Это позволяет человеку в своем темпе изучить каждый шаг, не отвлекаясь на паузу и перемотку.
Итог. если ты объясняешь какую-то последовательность действий, сделай это через серию скриншотов с четкими аннотациями.
Фотография как иллюстрация
Твои фотографии — это универсальный ключ к иллюстрированию, легкий и безотказный. Кадр, который не просто дублирует, а дополняет и раскрывает текст. Но как и всё настоящее, этот приём живёт по своим законам и нюансам. Давай разберём, как это работает.
🌟 Показывай своё
Одна из самых частых и глупых ошибок — ставить вместо своих реальных фото скачанные с фотостоков картинки. Для меня это как объявления на «Авито», где вместо фото своего айфона на столе или в руке — стоковая картинка с сайта Apple. Мозг сразу считывает: раз человек не показывает товар как есть — что-то тут нечисто. 73% людей в России не доверяют объявлениям, где нет реальных фотографий товара, поэтому используй свои фото, а не скаченные с фотостоков.
Как пример. Если ты продаешь айфон, почему бы не снять его здесь и сейчас? Раз не показываешь — значит, скрываешь царапины, баги или вообще что-то плохое. И это касается всех фото, не только товаров на «Авито». А в контексте нашего разговора — иллюстраций для статьи и постов.
Итог. Используй свои фото, это внушает доверие и ясность, а скаченные с сайтов и фотостока — недоверие.
🔻 1. Выбирай фото людей, но реальных!
Самое сильное фото — это фото людей. Так мы устроены эволюционно: взгляд цепляется в первую очередь за лица и эмоции. Но выбирать для иллюстрации просто красивых незнакомцев из стоковой подборки — большая ошибка.
Лучшее, что можно сделать, — это использовать свои кадры, которые ты сделал сам или которые были сняты фотографом по твоему заказу, и именно в нужном контексте. Возьмем популярный пример «нашей дружной команды». Если вместо живых сотрудников в кадре — улыбчивые модели из фотобанка, доверия к тебе уже не будет. Представь, что ты ищешь команду юристов, а тебе показывают постановочный кадр с актерами в костюмах. Или читаешь пост о внутренней кухне компании Valve, их уникальной корпоративной структуре, а там — безликие кадры из фотостоков. Сомнения возникают мгновенно. И это работает для всего: стоковые фото, особенно с людьми, подсознательно будут плодить недоверие, потому что они лишены подлинной истории.
Итог. Если есть возможность сделать свое фото с реальными людьми — снимай. Пусть оно будет неидеальным с технической точки зрения, зато настоящее. Иначе твой контент будет вызывать недоверие или, как минимум, выглядеть безлико и искусственно, как тысячи других.
🔻 2. Выбирай фото в контексте
Свое фото и люди в нем — это хорошо, но не когда они стоят в ряд или фото а-ля «сфоткай нас на память». Такие фото выглядят искусственно и безжизненно, как фото на паспорт: однотипные, без изюминки. Паспортный снимок делается не для художественной ценности, а для документа. Так и статичные кадры, где люди просто встали и ждут щелчка, — пустые и бесполезные в качестве иллюстрации.
Лови момент в движении, в идеале — когда люди не подозревают, что их снимают. Важно поймать действие, чтобы снимок был не постановкой, а свидетельством реальной ситуации, выхваченным из потока жизни. Яркий пример — тот самый культовый снимок «Поцелуй на Таймс-сквер»: моряк, охваченный порывом, целует незнакомую медсестру — в этом вся стихия улицы, всё ликование момента. Или другая икона — «Обед на небоскрёбе», где рабочий сидит на балке высоко над Нью-Йорком и пьёт молоко, будто и не висит в пустоте. Они не позировали — они просто жили. А теперь посмотри на обычные кадры, где люди просто смотрят в объектив, — та же паспортная стерильность, только в ином антураже.
Итог. Выбирай кадры в качестве иллюстрации, на которых люди что-то делают в моменте, а не просто позируют для фото.
🔻3. Делай своё фото с места событий
Если ты иллюстрируешь какую-то тему, подкрепляй её кадрами, снятыми с места событий. Под «событиями» не обязательно подразумевается что-то негативное, если что. Это просто твоя реальность.
К примеру, разберем паблик в ВК «Библиотеки в Москве». Можно, конечно, в качестве иллюстраций набрать красивых стоковых фото с книгами и американскими читальными залами. Но это будет не только слабая иллюстрация — это будет неправда. Аудитория сегодня всё чаще ценит аутентичность, а отполированный до блеска, но безличный контент вызывает подсознательное недоверие. В данном примере правильно — использовать фото из самой библиотеки. Как местные посетители читают новые поступления книг; как школьники готовятся к экзаменам в этой библиотеке; какие новые поступления пришли.
Итог. Делай в качестве иллюстраций свои фото со своего места действия, из своего уникального контекста. Показывай не абстрактную «библиотеку», а свою библиотеку на Парковой. Это превращает безликую картинку в иллюстрацию и вызывает доверие.
🔻4. Показывай эмоции, а не модельный взгляд
Если есть выбор, ставь на эмоциональное фото — то самое, где поймали настоящее чувство, а не выстроенную в студии позу. Такие кадры вызывают мгновенный интерес и, по сути, заражают эмоцией. Они создают настроение, потому что живые; в них есть искра, которой нет в холодном, идеальном снимке модели с холодным взглядом. Контент, вызывающий эмоциональный отклик, распространяется в два раза чаще, чем нейтральный, и, конечно, почему бы это не применять в иллюстрации. Люди подсознательно тянутся к искренности, а не к отрепетированному жесту.
Итог. Выбирай кадры, на которых запечатлены эмоции, а не студийный холодный взгляд.
🔻5. Почисти фото от отвлекающего и ненужного
Иногда при создании фото в кадр попадает откровенный визуальный мусор, который напрочь убивает всю композицию, поэтому перед тем как выкладывать снимок, всегда проверяй его на наличие этих ненужных деталей и безжалостно чисти. Любая мелочь — разводы на стекле, случайный прохожий на фоне, забытая на столе кружка — всё это лишнее. Такие элементы работают как помехи, они перетягивают на себя внимание и разрушают целостность кадра. Их нужно убирать в фотошопе. Но по-хорошему, главная работа начинается ещё до создания фото: в идеале в кадре изначально не должно быть ничего, что потом придется чистить.
Пример. Я люблю фото с сайтов квартир, где неопытные риелторы снимают квартиры на продажу. Вместо того чтобы потратить десять минут: пропылесосить, разобрать завал на столе, протереть пыль и выставить свет, — они хватают телефон и снимают как есть, лишь бы побыстрее залить объявление. А в итоге получается отталкивающая картинка. Эти грязные тарелки, разбросанные вещи в углу и захламленная ванная с развешенным бельем — они ведь не просто показывают беспорядок. Они транслируют образ небрежной жизни, и у потенциального арендатора или покупателя подсознательно складывается ощущение, что и за самим жильем так же не следили. Это сразу создает негативный фон и убивает доверие, хотя, по сути, речь всего лишь о нескольких неудачных кадрах.
Итог. Прежде чем делать фото убедись что в кадре нет ничего лишнего, а если уж попало что-то, почисти это потом в фотошопе.
🔻 6. Укрась фото
Если качество своего фото не устраивает, то пофотошопь его, придумай какую-то дизайнерскую идею. Если просто твое фото скучное — помести его в рамку, как-то облагородь, в общем, пофотошопь фото.
Но это необязательно, иногда хорошего кадра более чем достаточно. Если очень хочется, можно, но не обязательно.
Итог. Если свое фото выглядит скучно — пофотошопь его, сделай какую-то фишку, идею.
💡Совет
Итог Статьи
✔️ 1. Иллюстрация должна дополнять текст, а не просто быть картинкой «по теме». Если убрать картинку, а смысл не теряется — это плохая иллюстрация. Она должна добавлять новую информацию.
✔️ 2. Используй иллюстрации, когда:
- 2.1. Нужно показать эмоции. Хочешь передать уют, восторг, напряжение — найди или создай фото/картинку, которая это передает. Это эффективнее длинных описаний.
- 2.2. Нужна обложка. У любого поста, статьи или видео должно быть «лицо» — цепляющая, тематическая картинка. Без нее контент — просто огрызок в ленте.
- 2.3. Нужен наглядный пример. Не просто рассказывай про инструмент, сервис или кейс — покажи его скриншот или фото. «Лучше один раз увидеть, чем сто раз прочесть».
- 2.4. Когда нужно упростить много сложного текста. Много цифр, сравнений, статистики, этапов — упакуй это в график, таблицу или схему. Убивай «простыни текста».
- 2.5. Когда нужно собрать главное в «шпаргалку». Самые важные мысли из статьи выдели в отдельную картинку-резюме. Это помогает запомнить и сохранить суть.
✔️3. Используй скриншоты как иллюстрацию. И следуй следующим правилам:
- 3.1. Режь безжалостно. Оставляй в кадре только суть, убирай всё лишнее (панели браузера, пустые области).
- 3.2. Добавляй аннотации. Стрелками, рамками, выделением цвета показывай, куда смотреть. Направляй взгляд читателя.
- 3.3. Иллюстрируй диалоги. Важную переписку в соцсетях или чатах — вставляй скринами. Это в разы убедительнее, чем пересказ.
- 3.4. Создавай истории. Если объясняешь процесс (гайд, инструкцию), сделай серию пронумерованных скриншотов с пояснениями. Это как комикс-инструкция.
✔️4. Используй фотографии в качестве иллюстрации. И для лучшего эффекта следуй следующим правилам:
- Показывай СВОЁ. Свои фото товаров, своих людей, своего офиса, своей еды. Стоковые картинки с людьми убивают доверие. Для вещей и пейзажей стоки — норм, но не для людей.
- Лови момент, а не постановку. Фото, где люди что-то делают (работают, смеются, обсуждают), в 100 раз лучше, чем где они застыли и смотрят в камеру.
- Снимай на локации. Иллюстрируешь пост про библиотеку? Иди и сфотографируй ту самую библиотеку, а не качай красивый стоковый читальный зал из США.
- Выбирай эмоции. Кадр с живой, искренней эмоцией (радость, удивление, задумчивость) цепляет лучше, чем фото модели с идеальным, но холодным лицом.
- Чисти кадр. Убери из фото всё лишнее и отвлекающее: мусор на столе, случайных людей на фоне, лишние предметы. Идеально — убрать еще до съемки.
- Украшай, если скучно. Если свое фото выглядит простовато, можешь стилизовать его в фотошопе (добавить рамку, эффект поляроида, текст и т.д.).
В общем! Делай иллюстрации, которые дополняют текст информацией (а не просто его дублируют), используй свои фото и скриншоты и всегда помогай читателю с помощью иллюстраций понять суть быстрее и проще, чем одним текстом.
Продолжение статьи:
***