Создание инфографика. Как добавить собственные элементы на инфографику? бесплатных сервисов для создания инфографики

И это объяснимо: 65% людей отдаёт предпочтение визуальному контенту, он набирает в 2-3 раза больше просмотров и лайков, чем обычная публикация.

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

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

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

Инфографика как инструмент маркетинга

Графический контент увеличивает конверсию и количество расшариваний, к тому же он лучше запоминается аудиторией. Через такие посты можно демонстрировать экспертность и повышать узнаваемость бренда (надо лишь добавить логотип или адрес сайта). Инфографика способна повысить лояльность подписчиков, привлечь внимание новых читателей, повысить продажи. Она подходит для использования в сообществах и профилях социальных сетей, на разных сайтах, в email-рассылках.

Ключевыми форматами инфографики являются статические и анимированные картинки, интерактивные интерфейсы, а также видеоконтент.

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

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

Статическая инфографика с нуля под заказ в студиях стоит 100-500 долларов. Конечно, можно сэкономить и пойти на биржу фриланса – здесь цены стартуют от 500 рублей. Ещё один способ – разрабатывать визуальный контент самостоятельно при помощи платных онлайн-сервисов, таких как Infoactive с оплатой 30$ в месяц. Но есть и более радужная альтернатива…

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

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

Easel.ly

Однозначный лидер сегодняшнего обзора – простой и многофункциональный. Эта платформа не русифицирована. Но она имеет интуитивно-понятный интерфейс, потому создание картинки с нуля или на готовом шаблоне не потребует от вас больших усилий. Ресурс запускается как с ПК, так и с мобильных устройств.

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

На бесплатном аккаунте доступно 25 фотографий и 65 изображений, 10 шрифтов, 10 инфографических шаблонов и 4 диаграммы. При этом созданные на сайте проекты будут доступны другим пользователям.

Заплатив 4$ в месяц , вы получите в своё распоряжение более 11 миллионов объектов, 320 шаблонов, 112 шрифтов, 20 типов диаграмм и графиков. В таком случае только вы будете видеть созданную инфографику, к тому же станет возможен высококачественный экспорт.

Ещё один англоязычный ресурс с богатыми возможностями. Однако чтобы ими воспользоваться, требуется авторизация. Для регистрации подойдёт email или аккаунт Google, Facebook.

На момент написания статьи в открытом доступе имеется 13 вариантов для презентаций, 25 шаблонов для печатной продукции (листовок, отчётов, плакатов) и 9 «скелетов» непосредственно для инфографики. Можно также добавлять в панель управления собственные визуальные эффекты и создавать визуальный контент с нуля. Бесплатно файл можно скачать только в формате PNG в нормальном или среднем качестве. Обратите внимание: снизу будет добавлен логотип Piktochart.

Что касается платных тарифов, в пакете Lite за 12,5 долларов ежемесячно вас ждёт 600 дополнительных шаблонов и возможность загрузки на 100 МБ.

Есть ещё пакет PRO за 24,17$ в месяц . Он включает 600 шаблонов, загрузку 1GB изображений, экспорт в PDF и HD, удаление водяного знака, персональные цвета и другие плюшки.

Этот англоязычный сервис тоже требует регистрации – после неё вы получите доступ к 37 типам интерактивных шаблонов и 13 типам карт. На бесплатном тарифе разрешено создавать до 10 проектов, импортировать данные и публиковать контент в интернете.

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

Платные тарифы стоят от 19 до 149$ . Все они предусматривают:

  • доступ к 550 типам карт;
  • контроль конфиденциальности;
  • возможность загрузки HD-иллюстраций;
  • доступ к миллиону картинок и иконок;
  • использование премиум-шаблонов.

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

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

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

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

Среди преимуществ Time Graphics отметим русскоязычное меню и многочисленные интеграции:

  • YouTube;
  • Google Таблицы;
  • Google Календарь;
  • Vimeo;
  • API Отчёты вашего сервера;
  • Google Search Console;
  • Google Maps;
  • Google Analytics;
  • библиотека данных Мирового Банка (статистика по странам, регионам).

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

Это мощный онлайн-инструмент для решения различных дизайнерских задач: от разработки открыток для соцсетей, логотипов до создания презентаций и другой инфографики. Работа русскоязычного сервиса организована по принципу внедрения готовых, легко настраиваемых шаблонов. Пользователям доступна библиотека шрифтов, иконок и картинок, загрузка собственной графики. Можно добавлять ссылки на внешние сайты и создавать команду с 400 участниками, чтобы быстро делиться папками и дизайнами.

PRO-аккаунты позволяют расширить галерею и внедрить элементы вашего бренда, открывают доступ к командным функциям и экспорту анимации. Кроме того, они дают возможность рассортировать контент по папкам, убирают ограничение на хранение данных – в free-версии на это даётся 1 ГБ. Ежемесячная стоимость – от 12,95$ в месяц для каждого члена команды. Предусмотрен бесплатный тестовый период на 30 дней.

Cacoo

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

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

Бесплатный тариф предусматривает ограниченный обмен схемами, создание лишь шести страниц и скачивание файлов только в png. Расширение функционала обойдётся вам в 4,95$ ежемесячно для одного человека, 18$ для трёх человек и 600$ для 10 членов команды .

Prezi

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

Имеется фильтр дизайна по цветовой гамме и тематике. Однако бесплатная версия даёт лишь базовые возможности для создания и хранения одного проекта. Если требуется работа над неограниченным количеством презентаций, увеличение функционала и контроль конфиденциальности, придётся платить от 5 до 59 долларов в месяц. Цена корпоративного пользования – 1800-6000$ в год (по 600$ для каждого сотрудника).

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

  • флаер;
  • постер;
  • бюллетень;
  • картинку для соцсетей;
  • резюме;
  • приглашение;
  • отчёт;
  • презентацию;
  • инфографику.

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

Только инфографика включает 12 тематических разделов, в том числе план-график, геоданные, статистику, процессы. Но большинство шаблонов находится в платном доступе. Ежемесячная цена – 12$ с человека или 49$ с организации . Удобный экспорт в pdf и png на бесплатном тарифе недоступен (предусмотрена только публикация готового проекта онлайн).

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

Free-версия позволяет сделать до пяти диаграмм в рамках одного проекта (с нуля или по шаблону с нужными данными). В инфографику разрешено добавлять текст, линии, фигуры, менять фон, импортировать изображения. Даже владельцы бесплатных аккаунтов могут скачивать проекты в формате jpeg и png.

Платная версия стоит 5$ для индивидуального использования, а также 25-45$ для команды из 5 и 10 человек. Она позволяет создавать неограниченное число проектов, рисовать любое количество диаграмм, использовать Visio Import, экспортировать файлы в приоритетном формате.

Чтобы оживить свой веб-проект и порадовать читателей, вам придётся освоить хотя бы один из перечисленных сервисов. Но результат точно этого стоит!

16 способов создать потрясающую инфографику

Мы продолжаем публиковать переводы самых интересных статей зарубежных интернет-маркетологов, дизайнеров, специалистов в области seo и smm. Автор статьи: Lilach Bullock . Ее контакты: [email protected] , Pinerest: lilachbullock

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

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

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

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

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

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

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

14 лучших способов создания инфографики

1. Piktochart трансформирует информацию в захватывающие визуальные истории. Его очень легко использовать. Имеет функцию автоматически настраиваемой инфографики . Вы можете добавлять иконки и ваш собственный логотип. Предлагает отличный набор тем для дизайна . Сервисом можно пользоваться бесплатно, хотя если вы хотите иметь возможность выбирать больше тем и иметь при этом лучшие цены, настроенные индивидуально под заказчика, минимально возможная цена будет составлять 9.99$ в месяц.
2. Visual.ly - это отличный инструмент, который позволяет генерировать ряд инфографик . Инфографика в этом случае почти полностью будет основана на социальных метриках, таких как данные Twitter или Facebook . Сервис возник относительно недавно и до сих пор добавляет к своим категориям новую информацию. Является бесплатным и легким для использования.
3. Fluxvfx - это потрясающий инструмент, с помощью которого можно создавать видеоинфографику . Он предлагает набор готовых шаблонов , поэтому его легко использовать. Минимальная цена - 25$.
4. Vizualize.me - новое приложение (в настоящее время в Beta-версии), которое создает инфографику для вашего резюме . Работает, используя информацию профиля пользователя в LinkedIn, и превращает его резюме в настраиваемую инфографику.
5. Infogr.am до сих пор является относительно новым сервисом и имеет множество возможностей, которые пока находятся на стадии внедрения. Полезный инструмент для создания бесплатных интерактивных диаграмм и инфографики .
6. Vizify - новый инструмент создания инфографики по данным Twitter и демонстрации детальных данных из вашей Twitter ленты, включая: самых активных фолловеров (подписчиков), самые популярные посты и т.д.
7. Creately - удобный для пользователя инструмент, который помогает создавать профессиональные диаграммы и динамические схемы. Вы можете выбрать из предложенного набора типов диаграмм , и просто добавить свои данные, чтобы создать вашу собственную диаграмму или график.
8. Stat Planet - это отличный инструмент, который создает интерактивные визуализации и статические изображения ). Предоставляет доступ к важным всемирным данным , которые вы можете с пользой продемонстрировать через схематичные визуализации. Вы также можете подстраивать эти визуализации под свои требования.
9. Hohli - еще один сервис для создания графиков и диаграмм, которым легко пользоваться. Позволяет изменять внешний вид инфографики исходя из ваших потребностей.
10. Google Public Data Explorer - полезный способ использовать общедоступные данные для того, чтобы трансформировать их в любую инфографику на ваш вкус. Вы можете добавлять эти графики на вебсайт или в блог.
11. Tagxedo превращает слова (известные речи, новостные статьи, слоганы и тематики, даже ваши любовные признания) в облака слов , оказывающие визуальное воздействие на пользователя.
12. Wordle - простой в использовании инструмент для создания эффективных словесных визуализаций . Просто введите ваш собственный текст (от коротких до длинных абзацев). Сервис предоставляет огромное количество дизайнов, из которых можно выбрать нужный.
13. Cacoo - онлайн инструмент для рисования, который делает возможным создание разных видов инфографики, включая карты сайта, схемы страниц, UML (Unified Modeling Language - унифицированный язык моделирования) и сетевые графики. Сервис позволяет совершать совместную работу в реальном времени, а значит несколько пользователей могут делиться друг с другом и добавлять в блог одну диаграмму одновременно.
14. Lilach & Sarah"s Inforgraphics package - если вы ищете возможность заполучить в свои руки набор из 10 инфографик, где уже есть весь контент, и вам нужно только добавить логотип и URL сайта, тогда за 10 фунтов вы можете приобрести эту инфографику (в нее входит блог мастер, система для создания блога WordPress.com , хостинг , заповеди интернет-маркетинга, итоговые советы).

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

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

1. Vizualize

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

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

2. Google Developers

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

3. Easel.ly

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

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

4. Piktochart

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

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

В бесплатной версии предлагается три базовых шаблона. За остальное придется заплатить $29 в месяц либо $169 в год.

5. Infogr.am

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

6. Visual.ly

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

7. InFoto Free

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

Помимо бесплатной версии приложения, есть также платная версия без рекламы стоимостью в $0,99.

8. Venngage

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

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

9. Dipity

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

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

10. Get About

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

В последнее время заметен интересный тренд, связанный с представлением и передачей информации: мы в основном наигрались в короткое безыдейное самовыражение, но темп жизни требует и от интеллектуально емкой информации лаконичности. Возникла и нарастает потребность найти «золотую середину» и выражать сильные идеи коротко. Один из путей - инфографика. Сомнения, что может? Может.

До недавнего времени считалось, что происходит борьба двух форматов: «коротко и ясно» vs «длинно и углубленно». Но становится все очевиднее, что абсолют обоих форматов несовершенен. Хороший «проявитель» этого несовершенства - тот факт, что co-founder Twitter Эван Уильямс пытается отойти от формата «140 символов самовыражения» в своем новом проекте, платформе Medium для публикации длинных статей с новостями и идеями. Одновременно с этим множатся и становятся «всеобщей технологией» онлайн-сервисы для создания инфографики. Не просто так, конечно, не только потому, что это классический ход эры стартапов - до определенного момента наполнять нишу дублями. Каждый формат имеет свои преимущества и недостатки, но скорее всего победит… их гибрид - предельно емкие идеи в предельно практичной формулировке и форме.

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

С определенными оговорками - да. Например, итальянская дизайн-студия H-57 научит всех инфографику любить: у нее можно учиться лаконично рассказать историю жизни - Юлия Цезаря, Майкла Джексона, Марии Антуанетты и The Beatles (альбомный инфографический проект из 200 историй «Жизнь за 5 секунд»), описать сюжет «Матрицы» или «Чужого», драму Валентинова дня или конец эры динозавров.

Инфографические сюжеты от итальянской дизайн-студии H -57: альбомный проект из 200 историй «Жизнь за 5 секунд».

У кого еще можно поучиться рассказывать инфографические истории? У питерского журнала «Инфографика» , специализированного портала VmestoSlov и инфографического портала стартап-евангелистов Анны Витал и Влада Шислова Funders And Founders .

Можно перечислить основные принципы создания своей инфографики:

  • идея, визуальная концепция и storytelling - расскажите историю;
  • осмысление и выделение главного - «нет времени объяснять»;
  • четкий вектор пути - инфографические истории, в которых ничего не понятно сразу, бессмысленны;
  • предельная ясность графического повествования (отказ от запутанных линий малоотличающихся оттенков, двусмысленностей и неявных визуальных трактовок) - учитывайте большой процент дальтоников, выбирайте контрастные оттенки, избегайте infographic bullshit.

А сейчас пробежимся по нескольким инфографическим сервисам.

Работа из тематического журнала «Инфографика»



Creately.Com

Демо-режим доступен без регистрации, посмотреть стиль и попробовать можно тут же. Тема инфографических рабочих столов хорошо развита в англоязычном Интернете, поэтому ответ на классический вопрос «А на русском?» - тоже классический: «Надо учить глобальный язык - английский, без него никуда». Creately, кстати, пытается делать вид, что русифицирован. На самом деле - только отчасти (2 из 3 панелей меню), но все довольно интуитивно, и новичку по умолчанию сервис предлагает только базовые наборы инструментов, в которых не запутаешься, - простую понятную инфографику можно сделать очень быстро.

Есть рабочий стол, сверху - панель с выбором стиля и инструментами («открыть», «новое», «шаблон», «сохранить», «вставить», «копировать», «вырезать», «вернуть/повторить», «текст», «линия», «изображение», «стиль», «заполнить», «фильтр»). Сбоку - панель инструментов с широким набором геометрических фигур, стрелок, фигурных блоков, бабблов («пузырей» для текста) и человеческих силуэтов с разными «специализациями» (от фигуры младенца до выпускника). Основополагающий принцип - Drag and Drop: элементы перетаскиваются из меню на рабочий стол стрелкой мыши.

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

Если хочется пуститься во все инфографические тяжкие, можно загрузить больше инструментальных панелей (а переводы значений при необходимости посмотреть в онлайн-переводчиках). Найдутся даже изображения iPhone и iPad, Web 2.0 виджеты, специальные символы вроде логических ворот (Logic Gates) и много других тематических иконок. Creately и подобные ему сервисы позволяют строить карты памяти (Mind Maps), облака слов и диаграмму Гантта.

Есть несколько панелей с иконками на тему образования: «школьные» объекты, мензурки с химикатами, компьютерные составляющие и т. п. То есть сервис можно использовать как для работы, так и для образования, причем и со стороны преподавателя, и со стороны ученика/студента.

Рабочий стол можно масштабировать; удалять несколько объектов, выделяя сразу группу. Eсть переключаемые инструменты «стрелка» и «рука» - для работы с объектами и для навигации по своей инфографической карте. С другой стороны рабочего стола расположена панель таких инструментов, как «Комментарии», «Публикация», «Настройки участника», «Заметки», «Свойства» и др.

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

У Creately.Com есть комьюнити, тьюториалы и разные тарифы: бесплатный публичный с ограничениями функциональности, персональный за $5, тариф для командной работы за $75 в месяц и другие.

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


Easel.Ly

У Easel.Ly более современный стиль графики и шрифтов, тот же основополагающий принцип Drag and Drop и кастомизация. На главной выложено 15 темплейтов, которые можно взять за основу своей инфографики, а можно сразу начать с чистого листа.


Visual.Ly

Visual.Ly симпатичен стилистически и особенно интересен развлекательными опциями вроде «Ваша Facebook-жизнь за 30 дней в инфографическом формате» - регистрация занимает минуту, дальше вы проходите по ссылке, автоматически разрешая сервису посмотреть и проанализировать активность вашего профиля, и получаете персональную карту social media жизни. В целом несколько раздражает стремление Visual.Ly при любой возможности посмотреть ваш Facebook-профайл, но логика понятна - игровые возможности для того и сделаны. Классная возможность Visual.Ly - представить данные Google Analytics в виде инфографики.

Конструктор инфографики здесь более визуальный - предполагается, что за по-настоящему интересной инфографикой компания обратится к специалистам самой Visual.Ly. На маркетплейсе можно заказать инфографический материал в виде картинки ($999), в интерактивном ($7500), презентационном ($2000) или видеоформате ($5000).

Если за несколько минут присутствия вы так и не найдете рабочий стол для своей инфографики - не удивительно (создать свою инфографику можно . При этом решения во многом готовые: например, пользователь выбирает образ человечка и кликает по предложенным вариантам, переходя к следующему шагу. «Самостоятельно» сделанное изображение можно загрузить, потвиттить, отправить линк по почте, расшэрить в Pinterest или Facebook. Также есть возможность встраивать полезную готовую инфографику на свой сайт. Если же хочется инфографического хардкора с реальными рабочими данными, то имеет смысл посмотреть и другие онлайн-сервисы. В целом ощущение, что ресурс классный и интересный, с более сильной игровой составляющей, нежели практической, и «немного слишком» ориентирован на понятные интересы самого бренда.


Draw.Lo

Draw.Lo - это рабочий стол для онлайн-редактирования инфографики, похожий на Creately.Com. Он бесплатен для всех пользователей и оценен на 5 баллов на Google Apps Marketplace, откуда его можно присоединить к своему Google-аккаунту. Оценки пользователей масштабируются не слишком сильно: от «очень полезный бесплатный инструмент» до «превосходно». Draw.Lo позволяет тут же искать в Google тематические фото для фонов и элементов, что здорово. С точки зрения стиля он довольно нейтрален и многим понравится больше, чем Creately.Com - не супермодно, но вполне достойное визуальное решение с множеством «рабочих» иконок. Поскольку Draw.Lo ориентирован на Google Drive, его интерфейс на большой процент русифицирован. Какой-то красивой стартовой страницы тут нет, но с прикладной точки зрения это оптимальный инструмент.


Cacoo.Com

Это еще один Drag and Drop сервис для создания инфографики, похожий на Creately.Com и Draw.Lo. Помимо прочего, у него есть полезная опция коллаборации в режиме реального времени и обсуждения инфографики с коллегами.

Иллюстрация обложки: H -57

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

  • Абсолютное большинство людей на Земле - это визуалы, которые легче всего воспринимают и запоминают красиво представленную информацию.
  • Чисто физиологически 90% всей информации человек получает через визуальные каналы восприятия, а в глазах сосредоточено 70% сенсорных рецепторов. Обработкой этих данных занято около 50% нейронов головного мозга.
  • Визуализированный контент в интернете набирает в несколько раз большее количество просмотров/лайков, а расшаривается гораздо чаще, чем сухой текст. Половина пользователей перейдет по ссылке, которая приводит к инфографике, а треть поделится ею, даже если там не будет ничего важного.
  • «Лучше один раз увидеть, чем сто раз услышать». Из увиденного мы запоминаем процентов 80, а вот из услышанного или прочитанного - лишь 10–20%. Например, проиллюстрированные инструкции выполняются в 3 раза успешнее, чем изложенные текстом, да и усваиваются быстрее. Судите сами:

Зачем создавать инфографику и какой она бывает

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

Выделяют 2 основных подхода к созданию инфографики :

  • Первый, основанный Эдвардом Тафти, можно назвать минималистическим, или исследовательским. Его принцип - передавать информацию предельно точно и емко, безжалостно отсекая все лишнее. Он хорош в бизнесе, статистике, науке. ( Пример лендинга в виде интерактивной минималистичной инфографики).
  • Второй, основоположником которого стал Найгел Холмс, проповедует повествовательный принцип - так называемый сторителлинг. Здесь важна уже не только сама информация, но и красота ее подачи, развлекательный характер, сюжет. Такой подход замечательно работает в маркетинге, рекламе, журналистике. ( Пример лендинга в виде повествовательной инфографики).

Инфографику условно разделяют на 5 основных видов:

  1. Инструкции , которые чему-либо обучают, объясняют процессы, демонстрируют последовательность действий при помощи графических и символьных схем.
  2. Статичная инфографика показывает зависимость, связи между числами и фактами. Как правило, бывает представлена в виде графиков и диаграмм.
  3. Динамичная - отображает динамику и процессы развития. Обычно она используется для визуализации данных в экономике и социологии.
  4. Интерактивная позволяет пользователю преобразовывать данные самому в режиме реального времени и служит превосходным средством вовлечения.
  5. Видеоинфографика является наиболее действенным способом донесения и закрепления информации в чужих умах. Она чаще других становится вирусной.

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

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

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

Понятное дело, что лучше заказать инфографику у профессионалов. Если вы хотите охватить большую аудиторию и получить от нее максимальный отклик, работать нужно с опытными специалистами. Понадобятся экспертные знания, например, в области графического дизайна: основы композиции и типографики, знание особенностей зрительного восприятия цвета/формы, навыки обращения с ПО для 2D графики и т.д. Без этих знаний вы рискуете потратить время и средства впустую, не добившись нужного результата: лайков и репостов не будет, узнаваемость бренда и лояльность к нему не увеличатся, затраты на создание инфографики не окупятся.

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

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

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

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

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

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

Piktochart

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

Есть 3 платных пакета: Lite (15$/мес.), Pro (29$/мес.) и Pro Team. Последний сейчас доступен в раннем доступе и дает возможность совместной работы над проектами. Предусмотрены льготы для образовательных и благотворительных организаций.

Для быстрого создания простой инфографики бесплатного пакета хватает с головой. Для регистрации можно использовать email, а также аккаунты Google и Facebook. Что приятно - есть галочка для рассылки, которую можно снять сразу.

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

Infogr.am

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

Кроме почты, регистрация предусматривает вход через аккаунты Google+ и Facebook. Из того, что понравилось: оптимизация, удобство, работа с популярными облачными хранилищами данных, подключение Google Analytics, широкие возможности для публикации, отсутствие ограничений на загрузку своих видео/изображений.

Не понравилось: в бесплатном пакете разработчики «зажали» практически все карты, кроме нескольких, а также опцию скачивания готовой инфографики. Доступные тарифы: Pro (25$/мес.), Business (79$/мес.), Enterprise (договорная).

Venngage

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

Сервис, который поражает количеством уже готовых бесплатных материалов: их просто море - бери и пользуйся. Есть поддержка интерактивных элементов и интересная функция брендирования. Платных плана два: Premium (19$/мес.) и Business (49$/мес.) Регистрация через почту, Facebook или аккаунт Google.

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

Canva

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

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

Платная подписка стоит 13$/мес на каждого участника.

Creately

«Мануальный», Drag and Drop онлайн-сервис для коллективного создания инфографики , в котором все сделано для людей.

Бесплатный пакет позволяет работать только над одним проектом, зато сразу трем участникам в режиме реального времени. Пользователь может создать не более 5 диаграмм. Платные включают в себя персональный (5$/мес.) и командные (от 25$/мес. за 5 участников, до 75$/мес. за 25) пакеты. Особенности сервиса: морально устаревший дизайн, русскоязычный интерфейс, очень богатые контент и функционал, возможность работать в демо-режиме без авторизации. Кроме почты, доступна регистрация через Google, Facebook, Twitter. Это один из лучших инструментов для совместной удаленной работы с инфографикой.

Единственный минус - «туговато» работает: медленно и с притормаживаниями.

Easel.ly

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

Здесь также доступна моментальная регистрация с помощью Google и Facebook. Контента вполне достаточно для нормальной работы на полностью бесплатной основе: его можно подбирать с помощью системы поиска, всячески изменять и загружать собственный. Платный тариф стоит всего 3$/мес., а для образовательных учреждений и нон-профит организаций действует 50% скидка.

Easel.ly - идеальное бюджетное решение для адаптаций и рерайтов.

Visme.co

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

Базовый бесплатный пакет здесь один из самых демократичных: 3 проекта, 100 мб. места под загрузку, можно давать персональный доступ к проекту, скачивать готовую инфографику в формате JPG. Есть регистрация в один клик через Facebook. Нравится современный интерфейс, трендовые функции, настройки и возможности, вроде эффекта Drop Shadow.

Тарифные планы: Standart (10$/мес.), Complete (19$/мес.), Team (57$/мес.)

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

Visage.co

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

Инфографика, одержавшая победу в номинации «Лучший дизайн» на престижном международном конкурсе Content Marketing Awards-2016, была сделана в Visage. Оцените ее сами! Это не просто онлайн-сервис с возможностями, которым позавидует любой другой - это настоящее торжество эстетики даже для искушенных ценителей дизайна. Настраивая диаграмму, например, вы выбираете не один-два цвета, а работаете с целой цветовой палитрой.

Цены: Basic (50$/мес.), Brand (400$/мес.), Enterprise (1500$/мес.)

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

Выводы

Я выделил и бегло описал лишь те онлайн-сервисы, которые позволяют бесплатно, легко и быстро создавать приличную инфографику, которую можно использовать для работы с брендом. Но никто не отменял тот факт, что только профессионалы могут создать по-настоящему эффективную, запоминающуюся, крутую инфографику на заказ . Уникальные изображения можно создать только в программах уровня Adobe Photoshop и Illustrator, а освоить их «с наскока» уже не получится: нужно время и соответствующее образование.

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

И напоследок, предлагаем вам небольшой чек-лист от дизайнеров 404 Studio. Это 10 важных нюансов, которые стоит учитывать при создании инфографики:

  1. актуальность темы;
  2. наглядность, понятность, максимальная упрощенность;
  3. интересные факты и сюжет, «говорящие» цифры, качественные визуализации;
  4. эффектный, эстетичный дизайн;
  5. цветовая гамма, которая придает нужный эмоциональный окрас;
  6. правильный масштаб и способ распространения;
  7. достоверные и авторитетные источники информации;
  8. учет интересов и потребностей целевой аудитории;
  9. учет требований, ожиданий и пожеланий заказчика;
  10. концептуальность, полезность и наполненность смыслом.

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

Владислав Рудницкий