Как иллюстрировать статьи и посты 2

Содержание:

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

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

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

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

Пример. Цены на одинаковые видеокарты у «Эльдорадо», «М.Видео» и «Ситилинка» и других магазинах. Или количество подписчиков в пабликах и т.д.

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

Итог. Используй таблицы, когда нужно наглядно сравнить одно с другим, как правило, с цифрами.

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

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

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

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

Как пример. Я, чтобы читатель не забыл основные форматы экспорта в «Фотошопе», оформил в виде наглядной шпаргалки.

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

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

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

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

Если ты что-то продаешь — показывай это целиком. Отличный пример — коллекционные издания игр. Взгляни на этот набор «Doom Classics». Сразу видно и брелок, и комикс, флешку, диск с игрой. Ценность очевидна. А теперь представь, если бы тебе показали просто коробку с логотипом. Интерес сразу бы упал. Ну или как минимум непонятно вообще, за что ты платишь.

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

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

Показывай товар в контексте. Мало просто ткнуть пальцем в товар и сказать «покупай». Нужно показать его в контексте. Объяснить, в каких именно ситуациях он будет полезен, для кого он создан — в общем, показать товар в действии, в контексте использования. Это касается всего: от физической вещи до цифрового продукта.

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

Итог. Если показываешь товар, то внедри его в контекст, покажи выгоду в действии, кто и как использует этот товар.

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

Итог. показывай изображение во всю ширину, в максимальном изображении и максимально на показ.

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

Как пример. Реклама Steam Machine — там не стали ничего долго объяснять. Компания просто наглядно продемонстрировала, как один и тот же девайс отлично подходит и геймеру, который погружен в видеоигру с максимальными настройками графики, и в то же время — профессионалу, который использует его для ресурсоемкого 3D-моделирования и программирования. Все эти образы и потенциальные пользователи считываются мозгом мгновенно, без лишних объяснений. Ты просто видишь и сразу понимаешь: да, это и про меня.

Итог. Если можешь показать, для кого продукт и в каком контексте его используют, покажи!

Иногда бывает так, что сложно подобрать иллюстрацию к своему тексту, непонятно, как это проиллюстрировать, но не отчаивайтесь, попробуйте данные советы:

Если совсем не выходит подобрать иллюстрацию, выбирай что-то заведомо нейтральное и не связанное с темой. Обычно это паттерны или что-то абстрактное, без людей. Главный принцип — чтобы картинка никак не перекликалась с текстом, даже отдаленно.

На моем примере выше: в посте про дизайн я использовал мрачного аниме-персонажа, который к дизайну не имеет никакого отношения. А если взять просто абстрактные облака, то сразу видно, что иллюстрация — просто для визуала. А вот если взять неудачный пример — того же дизайнера с фотостока, — сразу возникают вопросы. Кто это? Автор? Почему он здесь? Мозг ищет связь, но не находит, потому что картинка просто в тему, но от этого совсем не в тему)

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

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

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

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

Пример. Как видно на иллюстрации, я показываю пример по работе с текстом в виде красивой верстки под видом иллюстрации.

Итог. Если нет идей для иллюстрации — используй текстовую иллюстрацию, просто задизайненый важный текст, дополняющий статью/пост.

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

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

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

Итог. Используй в ряде случаев видео-ролики как иллюстрацию.

✔ 1. Графика — главный инструмент для ясности. Поэтому используй:

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

✔3. А если нет идей для иллюстрации, то попробуй следующие:

Короче! С графикой — объясняй и структурируй. С товаром — показывай ценность и применение. Если не знаешь, что ставить, — лучше нейтральная абстракция, чем липкая стоковая картинка «в тему».

📝Мои Заметки