Инфографика: 10 примеров и шаблонов (+ ТОП 12 сервисов для создания)

Goanimate.com

Это веб-сервис, в котором можно делать ролики с анимированными персонажами, дудл-видео (все происходящее как бы рисуется в реальном времени) и инфографику.

Ресурс платный и довольно дорогой. За $39 в месяц вы сможете загружать видео в HD-качестве, но с водяным знаком. За $79 — Full HD и без всяких логотипов сервиса. За 159$ в сервис можно импортировать свои шрифты и создавать гифки.

Хотите видео в Full HD? Платите 80 $ в месяц

Хотите видео в Full HD? Платите 80 $ в месяц

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

Куча возможностей — и все недоступны

Куча возможностей — и все недоступны

Краткое руководство по работе

Для начала перейдите на главную страницу сайта Goanimate и зарегистрируйтесь.

Все поля, кроме телефона — обязательные

Все поля, кроме телефона — обязательные

Теперь выберите тип видео, которое вы хотите создать:

  • Business Friendly — мультипликационный ролик. Вы выбираете декорации, заранее заготовленных персонажей, прописываете, в какое время кто что будет делать, а затем накладываете звук.
  • Whiteboard Animation — дудл-видео. Все изображения и текст рисует рука с карандашом. Довольно интересная (хоть уже и многим приевшаяся) идея.
  • Video Infographics — инфографика. То, что надо!
  • Common Craft — доступно только на подписке, поэтому я посмотреть на эту штуку так и не смог.
Выбирайте Video Infographics — и поехали дальше

Выбирайте Video Infographics — и поехали дальше

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

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

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

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

Поищите шрифт, который поддерживает кириллицу

Поищите шрифт, который поддерживает кириллицу

Когда закончите создавать видео — нажмите на кнопку «Save» в правом верхнем углу, чтобы сохранить результат.

Нажмите на кнопку Save

Нажмите на кнопку Save

Плюсы и минусы сервиса

Что хорошего:

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

Что плохого:

  • Очень дорогой сервис.
  • Всего 14 дней триальной версии.
  • На пробном периоде никак нельзя выгрузить видео.
  • Огромный водяной знак на самом дешевом тарифе.

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

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

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

дизайн инфографики

Google Docs / Google Графики

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

«Google Документы» и «Google Таблицы» — это бесплатные онлайн-аналоги редакторов Word и Excel. Вбивайте данные списком в документ или заполняйте таблицы, а сервис преобразует их в диаграммы или графики.

Google Developers — инструмент для продвинутых визуализаторов и тех, кто владеет английским. Здесь вы получаете в итоге не картинку, а HTML/SVG код. Это значит, что можно обновлять данные в табличке, а на сайте через встроенный блок всё синхронизируется без вашего участия. Кстати, странно, но именно этот сервис обычно не попадает в топы программ для создания инфографики.

Google предлагает строить такие диаграммы — они динамичные, на каждый элемент можно кликнуть. Сервис выдаёт готовый код для вашего сайта Google предлагает строить такие диаграммы — они динамичные, на каждый элемент можно кликнуть. Сервис выдаёт готовый код для вашего сайта

2. Blugraphic

infographic-tool-16-1024x466

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

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

Платная версия: 13$ / 29$ без временных ограничений

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

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

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

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

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

Рецепт пошагово

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

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

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

Алфавит

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

Пример КФС

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

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

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

Инфографика

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

Плохая инфографика

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

ResumUp

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

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

Easel.ly

Easel.ly

Сайт отличается большим количеством бесплатных шаблонов

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

04. Canva Infographic Maker

04.png

  • Цена: Бесплатный; $12.95 (для работы)

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

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

3. Creately

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

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

Шаблоны инфографики для Microsoft PowerPoint (на русском)

PowerPoint шаблон — Набор Хипстера

PowerPoint шаблон - Набор Хипстера

Перейти на страницу шаблона.

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

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

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

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

Перейти на страницу шаблона.

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

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

Диаграммы и графики для презентаций PowerPoint

Диаграммы и графики для презентаций PowerPoint

Огромное количество графиков и диаграмм для Майкрософт Powerpoint.

Сreately

Сreately

Сreately позволяет обойтись без дизайнера при создании классной инфографики

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

05. Google Charts

05.jpg

  • Цена: Бесплатно

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

Инфографика в Google Developers Chart

Адрес: https://developers.google.com/chart/

Инфографика в Google Developers Chart

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

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

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

Visme

www.visme.co

Visme для создания графики онлайн

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

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

Бесплатный тариф имеет ограничение на скачивание, например в pdf скачать вы не сможете, но можете сохранить картинками. Библиотека шаблонов тоже ограничена.

MindMup

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

После заполнения всех текстовых данных вы сможете добавить картинки. Готовый файл выгружается в формате PDF и конвертируется в подходящие для сайта JPG или PNG. Бесплатно на одном аккаунте можно сделать любое количество карт, но храниться они будут полгода.

Конечно, это не лучшая программа для инфографики, зато простой способ донести нужную информацию:

MindMup предлагает пошаговую видео-инструкцию по использованию сервисаMindMup предлагает пошаговую видео-инструкцию по использованию сервиса

Бонус: как сделать инфографику, чтобы она «зацепила»

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

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

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

– добавляйте графические элементы только по теме, изображения «не в тему» будут отвлекать внимание;

– выстройте логическую структуру, чтобы внимание пользователей «не гуляло» по слайду;

– оформляйте всю инфографику в одном стиле. 

Пробуйте, экспериментируйте, творите! Мы уверены, что теперь вы сможете создавать интересную и понятную инфографику без помощи дизайнера 🙂

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

7. Mind the Graph

Создание инфографики онлайн с помощью Mind the Graph

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

Cacoo

Интересный сервис для тех, кто считает, что в инфографику стоит добавить немного художественного творчества. Возможность рисовать и вставлять свои творения в подготовленные шаблоны — главная фишка Cacoo. В остальном же сервис предоставляет классические возможности. Здесь легко строить графики с использованием ярких элементов. Бесплатная версия сервиса предоставляется только на 14 дней. Далее за использование придётся платить 5 долларов в месяц. За эти деньги вы получите около 1000 шаблонов, безграничное количество элементов в диаграммах и круглосуточную поддержку в чате или по e-mail.

CacooРабота в Cacoo выглядит так, как будто все работают вместе в одной комнате и придаёт новое значение слову сотрудничество

Venngage

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

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

Prezi.com

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

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

Тарифы у сервиса адекватные — самый дешевый стоит $10 в месяц ($5, если платить сразу за год). Ну и 14-дневный пробный период тоже есть.

Тарифные планы Prezi.com

Тарифные планы Prezi.com

Краткое руководство по Prezi.com

Зарегистрируйтесь, войдите в свой кабинет и создайте новую презентацию с помощью кнопки «Create a new Prezi».

Создаем новую презентацию

Создаем новую презентацию

Выберите шаблон презентации. В списке есть довольно оригинальные.

Прикольные шаблоны для создания презентаций

Прикольные шаблоны для создания презентаций

Делается все очень просто. Сначала добавьте новый слайд с помощью кнопки «+».

Создаем новый слайд

Создаем новый слайд

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

Настройте вид слайда и поместите его в нужное место

Настройте вид слайда и поместите его в нужное место

Теперь кликните по слайду и нажмите на кнопку «Insert» вверху. Вы можете поместить сюда текст, картинку, видео с YouTube, стрелки и даже звуковое сопровождение. Графики, к сожалению, доступны только на платной подписке.

Добавляем объекты на слайд

Добавляем объекты на слайд

Что можно сделать с готовой презентацией? Можно оставить ее на сайте и кидать людям ссылки. Можно загрузить ее вместе с портативным проигрывателем. Тогда ее можно будет запускать за компьютере без интернета.

Скачайте созданную презентацию и опубликуйте ее в интернете

Скачайте созданную презентацию и опубликуйте ее в интернете

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

Преимущества и недостатки

Что хорошего:

  • Удобный интерфейс.
  • Классные оригинальные шаблоны.
  • Низкая стоимость.
  • Детализированные векторные изображения.

Что плохого:

  • На выходе получается презентация, а не видео.

Я подготовил небольшой пример видео, которое можно сделать с помощью Prezi.com. Правда, сейчас это гифка, но не важно. Видео делается точно так же.

Visual.ly

Visual.ly

На сайте Visual.ly можно почерпнуть много интересных идей

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

Площадок для инфографики великое множество. Выбирать следует исходя из цели, опыта работы с графикой и времени на выполнение задачи. Для построения простых диаграмм подойдёт Infogr.am, Visage и Easel.ly. Для прототипирования сайтов — Balsamiq, с визуализацией контента в соцсетях отлично справится Tagxedo. Стоит учитывать, что более сложные функции, как правило, бывают доступны лишь в платных версиях.

Мой выбор

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

Для себя я выделяю 3 сервиса

  • Canva — в бесплатном тарифе главное ограничение — это количество готовых шаблонов и библиотека изображений. Но канву я использую как графический редактор, многое создаю с нуля. Если очень надо, то изображения я могу взять на бесплатных стоках.
  • Crello — главный конкурент Canva, в бесплатном тарифе можно пользоваться всем без ограничений, но скачивать только 50 работ в месяц.
  • Adobe Spark — пользуюсь им на телефоне, когда нужно быстро создать баннеры или картинки для социальных сетей.
Рейтинг
( 1 оценка, среднее 5 из 5 )
Загрузка ...