Онлайн инструменты для создания инфографики

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

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

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

В рейтинг попали 8 онлайн-конструкторов, оцененных по критериям:

  1. Бесплатный тариф должен позволять создать полноценную инфографику для использования онлайн или для скачивания.
  2. Возможность создания инфографики: добавление в дизайн графиков, диаграмм, схем, таблиц, профессиональные шаблоны для инфографики.
  3. Простота использования: знакомство с интерфейсом должно занимать минимум времени.
  4. Загрузка собственных элементов дизайна (фото, иконки).
  5. Скачивание готовой работы в разных форматах (PDF, PNG, JPG) и в высоком качестве.
  6. Интерфейс на русском языке.
  7. Интерактивность: реакция опубликованной онлайн графики на действия зрителя, изменение данных в готовой графике автором (связь диаграмм с источником данных), встраивание видео в графику.

Результаты — в таблице.

Рейтинг сервисов инфографики
Рейтинг сервисов инфографики

Удобные, эффектные и простые

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

Слайд2

Лучше всех с поставленной выше целью справляется Canva.com. На освоение конструктора уходит 3-5 минут. Благодаря большому количеству профессиональных шаблонов автору достаточно выбрать подходящий и модифицировать его под свою информацию: заменить иконки, графики и текст.

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

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

Слайд1

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

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

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

Примеры того, что можно сделать на сайте, здесь.

Слайд8

Созданная в Infogram.com инфографика выглядит профессионально. Интерактивность опубликованной онлайн графики компенсирует отсутствие (в бесплатной версии) возможности скачивать готовые работы. Зрители могут выбирать нужные показатели на диаграммах, оперировать данными в таблицах, переходить по ссылкам и смотреть видео.

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

Примеры инфографики смотрите здесь: infogram.com/examples.

Слайд3

Последний в этом типе конструкторов — Venngage содержит около 100 шаблонов инфографики, более 50-ти презентаций и др. По описанному выше принципу в бесплатной версии автор может сделать 5 работ, загрузить в дизайн одновременно 5 своих файлов (фото, рисунков или иконок), скачать готовые дизайны нельзя, но опубликованные работы будут интерактивными.


Похожие на рабочий стол

Другая группа конструкторов инфографики отличается внешним видом и принципом работы. Рабочее пространство напоминает рабочий стол или большой лист бумаги. Панели управления сверху, справа и слева. Автор выбирает шаблоны (templates),  элементы дизайна (objects), видео, ссылки (media), текст (text), диаграммы и графики (charts) или загружает свои файлы (uploads), скидывает их на стол и настраивает.

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

Слайд5

Самый передовой представитель группы — Easel.ly — содержит более тысячи шаблонов (примеры — по той же ссылке).

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

Минусы: скачивание готовых работ только в PNG низкого качества и «топорность» этих работ. Для создания действительно стильного, эстетичного дизайна придется серьезно потрудиться.

Слайд4

Creately.com: схемы, диаграммы, графики (более тысячи шаблонов).

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

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

Конструктор подходит, скорее, для создания схем, чем полноценных, впечатляющих дизайнов (примеры).

Слайд6

Сайт-поле для создания схем разного типа Сacoo.com еще более ограничен по функциям и дизайну (чисто утилитарный, без прикрас). Шаблонов диаграмм и графиков в бесплатной версии нет; из заготовок можно создать статичные схемы и графики и скачать в форматах png, svg,  ppt, pdf.


Самый стильный дизайн

Слайд7

Readymag.com не относится к сервисам по созданию инфографики. В шаблонах — 5 микросайтов, 3 презентации, 2 лонгрида. В элементах — фигуры, иконки, загрузка собственных изображений. Конструктора диаграмм и русскоязычной версии нет. Однако, этот пример интерактивной, анимированной инфографики говорит о богатых возможностях, таящихся в этом ресурсе.

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


Бонус: конструкторы графиков и диаграмм

Слайд10

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

Слайд9

И последний, богатый возможностями, но очень сложный для неподготовленного пользователя ресурс Developers.google.com/chart — конструктор интерактивных, автоматически обновляемых графиков и диаграмм разного типа.

 

Добавить комментарий

Заполните поля или щелкните по значку, чтобы оставить свой комментарий:

Логотип WordPress.com

Для комментария используется ваша учётная запись WordPress.com. Выход /  Изменить )

Google+ photo

Для комментария используется ваша учётная запись Google+. Выход /  Изменить )

Фотография Twitter

Для комментария используется ваша учётная запись Twitter. Выход /  Изменить )

Фотография Facebook

Для комментария используется ваша учётная запись Facebook. Выход /  Изменить )

w

Connecting to %s