Топ-10 бесплатных приложений для создания инфографики

Включите графические формы для сбора информации

Около 80% В2В маркетологов в 2017 году определили главной целью создания контента лидогенерацию — привлечение потенциальных клиентов.

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

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

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

У BBC это получилось благодаря инфографике Your Life on Earth.

Оригинал

Другой пример лидогенерации — инфографика Content Land, получившая награду за лучшее использование интерактивной инфографики на Content Marketing World 2017.

Оригинал

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

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

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

Venngage

Ссылка: https://venngage.comОсновные преимущества: Расширенные возможности на платной подпискеБесплатная версия: ДаПлатная версия: 19 $ / 49 $ в месяц

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

В бесплатном доступе вы найдете 28 диаграмм, множество иконок и фотографий. Для создания бесплатной инфографики доступны только две карты: Канада и США. Также существует ограничение на загрузку собственных изображений — 6 шт. на бесплатном плане.

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

Кроме загрузки проекта в социальные сети, вы можете поделиться своим творением в сообществе Venngage. Также в сообществе вам помогут разобраться с возникшим вопросом и возможностями сервиса.

Минусы инфографики

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

Второй минус в том, что иногда такая красочная форма подачи материала заставляет людей воспринимать эту информацию как не очень серьёзную

Решить эту проблему можно: заострите внимание аудитории на важности того, о чём вы рассказываете

Третий минус в том, что инфографика — это практически всегда некоторая схематичность, обобщение и упрощение действительности.

Canva

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

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

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

Брендирование. Можно добавлять логотип, вставлять hex-коды фирменных цветов и окрашивать ими фигуры.

Командная работа. Вы можете бесплатно и в режиме реального времени работать над файлом вместе с коллегами. Есть функция комментирования. Количество участников не ограничено.

Скачивание. Можно бесплатно скачать свою работу в разных графических форматах и в высоком разрешении.

Способ 3: PiktoChart

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

Нажмите кнопку «Start creating for free».

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

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

Завершите заполнение данной анкеты и нажмите «Submit».

Ответьте на еще несколько предлагаемых вопросов или выберите вариант «No, Thanks», после чего повторно кликните по «Submit».

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

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

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

Определитесь с типом графики из выпадающего меню или используйте функцию поиска

Зажмите любую из фигур ЛКМ и перенесите на холст.

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

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

Обычно в подобные проекты входит блок с текстом, отображающий основную статистику. Для этого в PiktoChart есть раздел с названием «Design Components». В нем вы видите списки, перечень по временным промежуткам и сравнительные списки. Выберите подходящую категорию для отображения примеров.

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

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

Поддерживается загрузка и своего медиа через «Uploads». Понадобится нажать кнопку «Browse Images» и выбрать изображения, хранящиеся на компьютере.

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

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

Укажите формат файла, качество картинки и нажмите «Download» для загрузки инфографики и дальнейшего ее использования в своих целях.

Погрузимся в теорию

Инфографика — сжатое донесение информации через визуализацию контента.

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

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

Пример инфографики

Если же предметно говорить о каких-то сферах, например, о бизнесе, то на самом деле здесь всё ограничивается только человеческой фантазией.

Причём речь идёт не только о рекламных буклетах или развлекательном контенте.

• Квартальный отчёт в виде инфографики? Пожалуйста.
• Должностная инструкция? А почему нет?!
• Инструкция по технике безопасности? Отлично, так хоть кто-то с ней ознакомится.

Но сразу договоримся: здесь мы будем рассматривать инфографику в строго конкретной отрасли — маркетинге, оставив за бортом образование, журналистику, статистику и географию.

Да, глобус и карта — тоже инфографика, так же как и плакат с алфавитом, который висел на стене у Вас в школе.

Алфавит — тоже инфографика

Теперь …

Если все, что вы включаете, это данные и графика, вы создаете контент, навевающий скуку.

Привяжите его к истории — и у вас получится нечто гораздо более привлекательное.

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

Эта инфографика MahiFX — отличный пример построения истории на основе данных:

Когда пользователь вводит свою зарплату и взаимодействует с инфографикой, она шаг за шагом рассказывает ему:

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

Это не связано только с историей Джона, это становится личным — поэтому инфографика становится историей пользователя.

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

Что же такое инфографика?

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

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

Совет от профи: Можно создать свой набор инфографики онлайн используя конструктор инфографики Visme. Простые инструменты для дизайна , удобный интерфейс и кастомные шаблоны ( очень много шаблонов ) помогут легко справиться с задачей.

Обратите внимание на этот пример:

Настройте этот шаблон инфографики персонально для себя!Редактировать и скачать

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

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

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

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

Создание инфографики онлайн

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

Примеры подобных сайтов:

• Easel.Ly – позволяет создавать интересную и красочную инфографику. На главной странице расположено 15 заготовок, которые можно взять за основу работы. Либо вы можете создать чистый проект и сделать все самостоятельно.
• Creately.Com – платный сайт, но можно использовать демо-режим бесплатно. Представлено много шаблонов с фигурами, стрелками, человеческих фигурок, пузырей для текста и др. Перетаскивайте на рабочий стол элементы мышкой и составляйте целостную картинку.
• Draw.Lo бесплатен и его можно привязывать к Google-аккаунту. Это чистый лист, который вы можете наполнять разными объектами из левой панели. Он не отличается впечатляющим внешним видом или заготовками, но свою работу выполняет отлично.
• Cacoo.Com очень похож на предыдущие сайты, но помимо этого он обладает полезной опцией коллаборации в реальном времени, и вы сможете обсуждать свою работу с коллегами в прямом эфире. Иногда это бывает полезно.

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

Теперь вы знаете, что такое инфографика, как делать простые варианты, а также знаете способы создание инфографики онлайн. С такими знаниями вы сможете начать в данной сфере, попробовать свои силы и понять – работать или не работать в этой сфере.

Основные инструменты и программы

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

Adobe Photoshop – классика жанра. Программа с бесконечным количеством доступных функций, шаблонов, наглядных примеров и способов реализовать доступные идеи. Как сделать инфографику в Фотошопе? Вариантов два – взять за основу чужой шаблон и поработать над деталями уже вручную, корректируя отдельные фрагменты и набивая руку буквально на «чужом опыте». Или же можно засесть за YouTube и познакомиться с серией уроков по графике в Photoshop. Второй вариант, безусловно, сложнее, зато результаты станут любопытнее и самобытнее. Да и инфографики обретут четкость, яркость и сразу же узнаваемый стиль, который не спутать с примерами от конкурентов.

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

Power Point – инструмент, входящий в состав офисных программ Microsoft Office. Распространяется условно-бесплатно, и формально предназначен для подготовки презентаций, но, как ни странно, способен и работать с информацией, передаваемой с помощью графиков, изображений и диаграмм. Как делать инфографику в программе PowerPoint? С помощью заранее подготовленного инструментария и раздела «Вставка», который даже Microsoft Word превращает в дизайнерский холст. «Вставка» хранит и иллюстрации, и геометрические фигуры, и надстройки, и разделы со ссылками, примечаниями, текстом и направляющими стрелками. Единственное, чего недостает – поддержки инфографики в формате PSD. Файлы из Photoshop тут не принимаются и не обрабатываются. Зато нативных шаблонов с примерами предостаточно – даже новички сразу же разберутся в сути.

Фреймворк D3.js – загружаемый набор JavaScript-библиотек, которые, с учетом знаний HTML, SVG и CSS, легко использовать для работы с инфографикой. Из преимуществ перед конкурентами – четкое отображение вводимой информации, ведь придется использовать не графические приемы, четкие линии, геометрические фигуры, шаблоны или примеры, а программный код, который добавляется в тег <script>.

Пример интерактивной инфографики из NY TImes, сделанной на d3.js

Где найти заказы

Находить заказы по инфографике Вам помогут биржи фриланса. Вы можете посмотреть на блоге статьи на эту тему, и выбрать для себя подходящую биржу. Мы рассмотрим поиск заказа на бирже Фл.Ру.

После того, как Вы зарегистрируетесь на одной из бирж фриланса, открываете на сайте биржи раздел «Работа» (Скрин 1).

Далее, в разделе «Все специализации» пишете категорию работы «Дизайн и АРТ» и нажимаете кнопку «Добавить». Кнопкой «Применить фильтр» подтверждаете операцию, чтобы найти заказы.

Например, там есть заказы, которые относятся к инфографике (Скрин 2).

К примеру, картинки-схемы для сайта, дизайн сайта и так далее.

Выбираете тот заказ, который Вы сможете выполнить и начинайте работу.

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

1. Сбор информации

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

Фильтруйте данные, чтобы получить наиболее убедительную статистику, данные и визуальные эффекты.

После того как вы соберете наиболее подходящий контент для работы, опишите свою инфографику одним предложением. Это предложение – тема вашей инфографики.

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

1. Визуализируйте данные

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

Лучший способ – написать рассказ для своей инфографики. Для этого вы должны описать своего учащегося: например, это мужчина 30+ лет, профессионал в ИТ-фирме, работает менеджером, ищет курс по работе с облачными ИТ-технологиями и т. д. 

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

Если у вас есть история визуализации, вы можете просто заменить предложения визуальными элементами и данными:

• Карта (расположение, схематическая, пространственная)
• График (количественные данные, сравнение, соотношение количеств)
• Диаграмма (значок, последовательность, процесс, сроки)
• Схема (блок-схема, организационная)

1. Создайте план

Разработайте иерархию идей

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

Составьте план – это будет текстовый материал, а не набросок инфографики. Но эти заметки дадут вам лучшее представление о том, как идеи (символы, значки) будут визуально расположены.

План покажет вам:

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

1. Нарисуйте «скелет» вашей инфографики

После анализа данных, выбора наиболее актуального контента и определения иерархии вам необходимо нарисовать «скелет» или блок-схему.

Обозначьте элементы (разделы и визуальные эффекты) и нарисуйте «скелет». Это похоже на создание слайдов один за другим в презентации.

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

1. Дизайн и доработка

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

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

Если вы не графический дизайнер, вот несколько интересных и простых в освоении онлайн-программ, с помощью которых вы сможете создать инфографику:

• Canva
• Easel.ly
• Piktochart
• Infogram
• Venngage

Примеры инфографики

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

4 примера хорошей инфографики

Ниже представлены примеры хорошей инфографики, созданные по правилам художественной подачи и маркетинговых приёмов.

Пошаговый рецепт – хорошая инфографика

Пример инфографики-статистики

Пример Алфавит

Пример бизнес-инфографики

2 примера плохой инфографики

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

Пример перегруженной инфографики статистики

Пример плохой статистической инфографики

Такая инфограмма может оттолкнуть пользователей.

Программа для создания инфографики #3: Canva

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

Функции

1. Визуальные ресурсы

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

Создайте собственную инфографику!Бесплатная регистрация

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

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

2. Визуализация данных

В редакторе Canva также есть диаграммы для визуализации данных. К сожалению, они относительно ограничены по сравнению с Venngage и Visme.

3. Текст

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

4. Коллаборация

Отличительной особенностью Canva является их новый инструмент для совместной работы в реальном времени. Члены команды могут вместе работать над проектом и видеть, что делает другой человек, когда он это делает.

5. Детали дизайна

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

Стоимость

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

• Существует версия Pro за 12,95 долларов в месяц на пользователя для людей, которые хотят получить доступ ко всему.
• Корпоративный вариант с элементами управления брендом стоит 30 долларов США в месяц для каждого пользователя.

Шаблоны инфографики

Шаблоны инфографики Canva доступны в стандартном размере 800 x 2000 пикселей. Вы можете нажать на опцию изменения размера и отрегулировать, как вам нравится, чтобы изменить размер дизайна.

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

Кому подойдет Canva

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

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

Удивительная информативная и красивая инфографика

• Готовые дизайнерские шаблоны инфографики
• Десятки диаграмм, графиков и инструментов для работы с данными
• Готовые блоки контента для легкой работы