Что такое инфографика и как ее использовать

Что такое инфографика и где используется

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

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

Инфографику можно сделать самому или заказать у дизайнера.

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

Как создавать визуальный контент

Плюсы инфографики:

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

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

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

Инструкции и памятки. В банках, поликлиниках, МФЦ обычно есть стенды для таких материалов. С помощью инфографики объясняют, какие документы нужны для ипотеки, можно ли ездить с велосипедом в метро, что делать для профилактики гриппа и где поставить прививку. То, что пришлось бы расписывать на нескольких страниц, помещается на одном листе с картинками и короткими пояснениями. В блогах и на сайтах тоже активно используют памятки и инструкции. Читателю не приходится скроллить текст или открывать несколько источников, чтобы быстро найти информацию.

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

Реклама. С помощью инфографики можно рассказать о продукте и услуге, составе нового блюда. Это способ разнообразить привычный контент и привлечь внимание.

Основные виды инфографики

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

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

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

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

Хронологическая отражает важные события и даты. Часто используется в исторических материалах или в текстах о развитии компании.

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

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

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

Как создать инфографику

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

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

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

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

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

Определитесь со стилистикой. Можно использовать поисковик, но гораздо больше интересных примеров есть на Pinterest и Behance. Ищите на русском и английском языках.

Нарисуйте прототип. Делайте это там, где удобно: на бумаге, в Paint или Figma. Достаточно схематичного наброска. Цвета, шрифты, картинки лучше выбрать потом. Сейчас важно выразить основную идею, а потом приступить к ее наполнению.

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

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

Если хотите обратиться к дизайнеру, то подготовьте прототип и потом составьте подробное техническое задание. Вот пример ТЗ для нашей инфографики про обучение в Рыбе.

Сервисы для создания инфографики

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

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

Популярные Canva и VistaCreate не работают без VPN, но есть альтернативы:

• Easel.ly предлагает несколько шаблонов, иконок и диаграмм на бесплатном тарифе. Можно скачивать готовые файлы в формате JPG в невысоком качестве.

• Piktochart предлагает больше графических элементов на бесплатном тарифе, но можно скачать только две работы в формате PNG.

• Supa — российский сервис, в котором доступно много бесплатных функций. Supa предназначен для создания разного контента, поэтому здесь нет такого количества шаблонов для инфографики, как в примерах выше. Зато есть возможность бесплатно загружать свои работы в форматах JPG, PNG и PDF.

Еще инфографику можно делать в графическом онлайн-редакторе Figma. Это бесплатно, а готовый результат доступен для скачивания в форматах PNG, SVG, JPG, PDF.

Для более быстрой работы в редакторе лучше загружать плагины. Например, в сервис можно добавить фотосток Unsplash: не придется переключаться с вкладки на вкладку, чтобы найти и скачать нужную иллюстрацию. Для простых графиков и диаграмм пригодится Charts. С помощью Vector Maps можно быстро добавить карту страны или любого региона. А после установки Iconify откроется доступ к тысячам иконок. Все перечисленные плагины бесплатные.

Как использовать и делать инфографику: кратко

• Инфографика упрощает сложное, помогает донести информацию быстро и интересно.
• Люди любят инфографику и охотно ей делятся. Отличный способ повысить узнаваемость бренда, СМИ, медиа, продукта.
• Есть разные типы инфографики с картами, графиками, таймлайном и другими элементами. Можно выбрать уже готовый шаблон или референс и повторить его либо придумать свой вариант.
• Если надо сделать инфографику самостоятельно, для этого подходят: PowerPoint, онлайн-сервисы, например Easel.ly, и графический редактор Figma.