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

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

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

В диаграмму можно вставить целую таблицу Excel, что очень облегчает перевод в интернет-графики данных из документов MS Office. В платной версии сервиса (доступ стоит 15 долларов в месяц) к диаграмме можно подключить таблицу из Google Docs.

Первый онлайн график на сайте Infogr.am

Создание учетной записи в сервисе infogr.am сводится к вводу логина, пароля и адреса электронной почты.

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

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

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

Dipity - интерактивная шкала времени

Адрес : http://www.dipity.com/

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

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

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

Venngage - анимированные графики

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

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

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

(!) Статья на 90% переработана и обновлена 02.08.2016 года. (!)

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

Мы расскажем вам о 20 (и даже больше) ресурсах, которые помогут вам сделать первые шаги в этом направлении.

В подборке представлены:

• видео-обзор 4 программ для создания инфографики,
• процесс создания инфографики своими руками,
• шаблоны инфографики для Microsoft PowerPoint,
• биржи фриланса для заказа инфографики,
• бесплатные уроки по созданию инфографики,
• платные курсы обучения инфографике!

Обзор 4 программ/сервисов для создания инфографики

Создание инфографики своими руками (Шаг за шагом)

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

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

Программы/сервисы для создания инфографики онлайн на основе шаблонов (на англ.яз.)

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

Piktochart.com (Пикточарт)

Данные по шаблону:

• 30 ярких и запоминающихся слайдов;
• размер презентации 4:3;
• полностью редактируемые диаграммы и графики (в MS Excel);
• современная инфографика: можно поменять цвет иконок, карт, фигур и диаграмм;
• встроенные шрифты: стандартные (Calibri, Calibri Light);
• файл в формате PPTX;
• цена: 990 руб

PowerPoint шаблон — Для Экопроектов

Данные по шаблону:

• 12 ярких и запоминающихся слайдов;
• размер презентации 4:3;
• современная инфографика: можно поменять цвет иконок, фона и фигур;
• встроенные шрифты: PF Din Text Cond Pro Medium*, PF Din Text Cond Pro Light*;
• файл в формате PPTХ;
• цена: 990 руб

Бесплатные уроки по созданию инфографики (на русском)

Infogra.ru

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

InfoGrapher.ru

Infographer.ru – это агентство инфографики и образовательный ресурс об инфографике.

Длительность: 2 месяца

Цена: от 5.990 руб.

Посмотрите первую лекцию курса полностью. Лекция «Инфографика. Секреты создания. Особенности продажи». Длительность: 1,5 часа

Инфографика: искусство презентации данных

«.

Длительность: 36 часов

Цена: 25.000 руб.

Курс обучения инфографике от ВШЭ (Высшей Школы Экономики) — «Инфографика и презентация аналитических данных «.

Длительность: 432 часа

Цена: 175.000 руб. (возможна оплата по частям)

И это объяснимо: 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, экспортировать файлы в приоритетном формате.

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

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

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

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

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

И так, представим 4 сервиса для создания инфографики. Бесплатных и качественных.

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

Также, как и предыдущий сервис инфографики, Pictochart позволяет пользоваться частью своего контента бесплатно. Здесь можно создать инфографику онлайн и выгрузить на свой компьютер. Тем, кому интересны платные элементы, придется заплатить $29 в месяц или $290 в год. Дороговато, но предлагаемые элементы на этом сервисе весьма заманчивы.

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

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

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

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