22 лучших сервиса для создания инфографики

Таким образом…

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

Не верите мне? 88% маркетологов говорят, что интерактивный контент отличает их от конкурентов.

ищут более наглядный и интерактивный контент.

Именно для этого и создана интерактивная инфографика.

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

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

В конечном итоге, чтобы вы предпочли:

1. Интерактивный ресурс, который предоставляет ценный персонализированный контент за секунды.
2. Поиск по статье 30+ страниц со статичным контентом.
3. Прокрутка на 20 дюймах (скорее всего, имеется ввиду 20-дюймовый монитор — примечание Testix) нескольких экранов «формуляра», заполненного статистикой.

Вариант 1 побеждает!

И вот как это сделать…

Как сделать интерактивную инфографику: простой чек-лист из 6 пунктов.

Существует несчетное количество способов сделать интерактивную инфографику.

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

Adobe Spark

Adobe, вероятно, является одним из самых известных имен в мире графического дизайна.

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

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

Adobe Spark — это облачный сервис, основанный на Adobe Cloud.

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

У Adobe Spark есть бесплатный план. Тем не менее, только позволяет увидеть интерфейс.

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

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

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

Ключевые моменты:

• Облачный сервис
• Управление контентом бренда
• Профессиональные темы
• Можно редактировать видео
• Сотрудничество
• Поддержка 24/7

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

Содержательную и привлекательную инфографику создают, следуя определенным правилам. Основные этапы обозначили Джарред Ромли и Тиффани Фаррант-Гонзалез из JESS3:

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

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

Чтобы создать качественную инфографику, нужно следовать четкому алгоритму

Что для этого нужно знать

Профессиональный инфограф — немного дизайнер, маркетолог и статист:

• разбирается в картах, схемах и графиках;
• умеет анализировать данные;
• внимателен к деталям;
• аккуратен;
• усидчив;
• умеет концентрироваться на задаче.

Необходимы навыки в программировании, умение рисовать, знать 3D Max или Adobe Illustrator и владеть английским, так как многие программы не переведены на русский язык.

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

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

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

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

1. Tableau – классическая программа, сосредоточенная на создании инфографики и работе с цифрами, текстом и сопроводительным описанием. Доступ к Tableau выдается по модели Freemium. То есть основной функционал, вместе с шаблонами и примерами, бесплатен. А вот за дополнительные материалы, круглосуточную поддержку от разработчиков и синхронизацию информации между компьютерной, мобильной и браузерной версиями Tableau придется отдавать деньги ежемесячно.
2. Canva – изобретательная графическая программа, способная работать с изображениями, документами и информацией в тех форматах, которые и не снились конкурентам. В Canva не возникает проблем – ни с созданием инфографики онлайн (да еще и без загрузки дополнительных материалов, ведь иконки, рамки, направляющие стрелки и иные детали разработчики сервиса выдают бесплатно, сразу после регистрации), ни с подготовкой визитных карточек и открыток, ни с организацией публикаций для добавления в социальные сети. И главное – разбираться в нюансах и деталях можно по ходу дела, даже не вчитываясь в инструкции и рекомендации, ведь новичков уже ждут шаблоны и примеры. Осталось сделать лишь новое описание и добавить немного деталей.
3. Visual.ly – экспериментальный конструктор инфографики, отличающийся от конкурентов по жанру тем, насколько серьезно разработчики нацелены и на новичков, и на профессионалов. Тех, кто впервые сталкиваются с графикой и дизайном в Visual.ly, ждут инструкции, советы и наглядные рекомендации (сделать даже сложную работу по чужим примерам станет легче). Экспертам же достанутся редкие материалы и расширенные настройки оформления, а еще шаблоны и программы улучшения уже полученных результатов.
4. Infogr.am – автоматизированный, интуитивный и условно-бесплатный сервис, открывающий доступ к мультифункциональному графическому редактору. В нём легко создать инфографику онлайн, воспользовавшись заранее подготовленными шаблонами, схемами и картинками. В результате – появится шанс в полуавтоматическом режиме сделать инфографику запредельного уровня.

Этап 4. Создание макета с помощью шаблона инфографики

Все, что осталось — создать макет и поработать над дизайном.

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

Придерживайтесь последовательного изложения

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

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

Используйте сетку для формирования структуры инфографики

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

Использование сетки позволяет упорядочивать элементы и управлять вниманием аудитории. Главное помнить: взгляд читателя скользит слева направо и сверху вниз

Используйте макет с одной центрированной колонкой для данных с линейной последовательностью:

Источники: Everlane.com, Ziploc.com

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

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

Какой бы макет вы ни выбрали, помните: равномерное распределение элементов создает впечатление сбалансированной и структурированной композиции.

Создайте макет с помощью готового шаблона инфографики

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

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

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

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

ИСПОЛЬЗОВАТЬ ШАБЛОН

Хотите сопоставить две диаграммы? Выберите шаблон инфографики с двумя колонками:

ИСПОЛЬЗОВАТЬ ШАБЛОН

Надо представить 3 равноценных статистических выборки? Выберите шаблон инфографики с тремя колонками:

ИСПОЛЬЗОВАТЬ ШАБЛОН

Накопилось много данных для представления? Выберите минималистичный шаблон инфографики с 4 или 5 разделами:

СОЗДАТЬ ШАБЛОН С 5 РАЗДЕЛАМИ

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

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

Как сделать инфографику?

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

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

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

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

Имея некоторые базовые знания и несколько минут в запасе, вы могли бы создать отличную инфографику с помощью следующего программного обеспечения:

Пенджи

Теперь у Penji самая уникальная бизнес-модель из всего программного обеспечения в списке.

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

Penji предлагает сервис инфографики по запросу, созданный настоящими графическими дизайнерами.

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

Penji начинает с плана Pro за 399 долларов США в месяц.

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

Лучше всего то, что Penji предлагает неограниченное количество версий всех своих дизайнов.

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

Ключевая особенность:

• Настоящая команда дизайнеров
• 48 часов время оборота
• Неограниченное количество дизайнов
• Полная занятость, назначенные дизайнеры
• Неограниченные дизайны отрубей
• Право собственности на контент
• Полностью индивидуальные решения
• Отменить в любое время

Программа для создания инфографики #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 — идеальный инструмент для отдельных пользователей, таких как создатели контента, блоггеры, владельцы малого бизнеса, виртуальные помощники и менеджеры социальных сетей.

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

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

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

Правила при создании инфографики

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

Принцип «Data First»

Если в кратце, то это правило можно сформулировать как «сначала данные, а потом оформление»

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

«Data First» заметно упрощает дело, так как еще на этапе подготовки данных начинается размышление о том, как разносторонние факты и идеи упаковать в тесные рамки таблиц, графиков и диаграмм и использовать шаблон или сделать инфографику сразу идеально.

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

Работа с корректной и проверенной информацией

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

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

Дьявол в деталях

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

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

У инфографики стадиона много мелких деталей. Такую инфографику интересно изучать.

Без клише

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Canva

Основные преимущества: Длинный список бесплатных функций, 30-дневная free-версия

Бесплатная версия: Да

Платная подписка: 12,95 $ в месяц

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

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

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

Вы можете синхронизировать профили Facebook и Instagram с конструктором инфографики онлайн. Это позволит быстро интегрировать видео в проект. Некоторые функции конструктора доступны только вручную с боковой панели.

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

Vista Create

Возможно, этот редактор вам знаком как Crello — сейчас в компании провели ребрендинг и изменили название. Vista Create — популярная альтернатива Canva с некоторыми отличиями.

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

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

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

Командная работа. В бесплатной версии недоступна.

Скачивание. Доступно в jpeg, png, pdf в высоком разрешении.

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

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

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

Вот еще несколько советов при разработке инфографики:

Найдите идею

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

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

Выберите правильный дизайн

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

Направлена ​​ли ваша предполагаемая инфографика на данные или она концептуальна? Вы делаете объявление или изучаете возможности?

Диаграммы во всех их формах, карты, временные шкалы, списки… имеет значение только то, что ваш макет соответствует тому, чего вы пытаетесь достичь.

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

Правила и принципы создания инфографики

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

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

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

1. Определяются элементы и инструменты, с помощью которых будет передана информация.
2. Намечается путь, по которому должен следовать пользователь. Золотое правило хорошей инфограммы: «Один шаг – одна мысль».
3. Выбирается фон – на белом фоне пользователю зрительно легче воспринимать информацию. Но для корпоративных презентаций можно использовать фирменные цвета компании.
4. Стилизация инфограммы – все иконки, элементы и пиктограммы должны быть выдержаны в едином стиле.
5. Подбор шрифта – в рамках одного графического изображения рекомендуется использовать 1-2 основных шрифта, и 1 вспомогательный – для сносок, выделения фрагментов текста.
6. Проверка полученного изображения на соответствие формата ресурса, на котором она будет размещена – для мобильных приложений и соцсетей подойдёт картинка в вертикальном формате, для полноценного сайта – горизонтальное расположение.

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

Материал по теме: Франшиза: что это такое и какую лучше выбрать в 2020 году

PicMonkey

Ната­лья Бара­но­ва

Всего материалов: 586

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

Canva

Canva пред­ла­га­ет раз­лич­ные шаб­ло­ны и для инфо­гра­фи­ки. Вы може­те само­сто­я­тель­но добав­лять или уби­рать эле­мен­ты (в про­грам­ме есть биб­лио­те­ка гра­фи­че­ских эле­мен­тов), мож­но загру­зить изоб­ра­же­ние с ком­пью­те­ра для фона. Вы смо­же­те создать и мно­го­стра­нич­ную инфо­гра­фи­ку, про­сто доба­вив новую стра­ни­цу. Интер­фейс инту­и­тив­ный. Гото­вые про­ек­ты мож­но ска­чать в рас­ши­ре­нии PNG или PDF.

В этом веб-сер­ви­се так­же мож­но создать раз­но­об­раз­ные посте­ры к соци­аль­ным сетям: Pinterest, Twitter, Facebook, Tumblr, Instagram. Есть так­же шаб­ло­ны и для доку­мен­тов: писем, резю­ме и пре­зен­та­ций, сер­ти­фи­ка­тов; для бло­гов и мар­ке­тин­го­вых посте­ров (афи­ши, меню, лого­ти­пы).

Минус в том, что неко­то­рые шаб­ло­ны плат­ные. Основ­ные функ­ции сер­ви­са бес­плат­ны. Сто­и­мость биз­нес-план $9,95 в месяц.

Сайт Canva.

Venngage

Онлайн-про­грам­ма похо­жая на Canva. В ней мож­но создать отче­ты, пла­ка­ты, афи­ши и инфо­гра­фи­ку. Есть кон­крет­ные шаб­ло­ны: под кар­ты, гра­фи­ки, таб­ли­цы срав­не­ний. Инфо­гра­фи­ку мож­но собрать само­му, вста­вив понра­вив­ши­е­ся кар­тин­ки, икон­ки или лого­ти­пы. Про­ект мож­но ска­чать в PNG или PDF.

Доступ­ны бес­плат­ные шаб­ло­ны, но мож­но при­об­ре­сти пре­ми­ум-вер­сию за 15 дол­ла­ров в месяц.

Сайт Venngage.

Visme

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

Сайт Visme.

Cacoo

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

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

Сайт Cacoo.

Сreately

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

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

Время чтения: 3 минуты Нет времени читать? Нет времени?

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

В статье рассказываем, как сделать крутую инфографику, и даем 6 сервисов, которые вам в этом помогут.

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

• Бесплатная (или почти бесплатная).
• Находится в интернете.
• Простая в использовании.
• Классно, если работает по drag-and-drop.
• Не требует установки дополнительных программ.

Будь фанки

За прошедшие годы BeFunky внесла множество изменений и улучшений в свой пользовательский интерфейс.

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

Самая сильная сторона BeFunky — это возможности редактирования изображений.

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

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

В настоящее время BeFunky сотрудничает с Unsplash и Pixabay, и вы можете получить доступ к миллионам стоковых изображений с обоих веб-сайтов.

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

Групповой план стоит 4.99 долларов США в месяц при ежегодной оплате. Редакторы в BeFunky чрезвычайно просты, а рабочее пространство предлагает экскурсии для новых пользователей.

Теперь …

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

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

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

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

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

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

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

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

Быстрый старт: превратите статичную инфографику в интерактивную за минуты

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

Если у вас уже есть инфографика, посмотрите, как вы можете превратить ее в интерактивный опыт.

Рассмотрите следующие варианты:

• Где вы можете добавить анимацию, чтобы сделать акцент на определенных данных?
• Какую историю вы можете добавить к данным, чтобы сделать ее более вовлекающей?
• Может ли спрятать какую-то часть информации, чтобы показать после ввода данных пользователем?
• Какие данные можно скрыть до взаимодействия, например, до наведения курсора или клика?
• Можно ли уменьшить визуальный шум, заменив различные пояснения и подсказки анимацией, которая появляется при прокрутке или других действиях пользователя?
• Можете ли вы добавить дополнительную глубину в инфографику, включив звуковое сопровождение и голосовые фрагменты?
• Как нарезать или сегментировать ультра-длинную инфографику, чтобы уменьшить прокрутку?
• Как вы можете сделать данные динамическими, чтобы они сохранялись актуальными в реальном времени?
• Какую информацию вы можете получить от аудитории, чтобы создать более персонализированный опыт?
• Как с помощью графики вы можете «закрыть» контент для получения лидов?

Подводим итоги

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

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

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