Инфографика на уроке: 10+ сервисов и инструкция

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

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

Бесплатные сервисы для создания инфографики и визуализации данных

Инфографика:

  1. Piktochart — http://piktochart.com/
  2. Venngage — http://venngage.com/
  3. Visual.ly — http://visual.ly/
  4. Easel.ly — http://www.easel.ly/

Диаграммы и графики:

  1. Hohli Builder — http://charts.hohli.com/
  2. Google Charts — https://developers.google.com/chart/
  3. Infogr.am — http://infogr.am/

Мультисервисы (создание инфографик, презентаций, блок-схем, интеллект-карт и так далее):

  1. Cacoo — https://cacoo.com/
  2. Сreately — http://creately.com/

Дополнительно:

  1. Inkscape — http://inkscape.org/en/ — бесплатный графический редактор, похожий на Illustrator и CorellDraw. Устанавливается на компьютер.
  2. Vizualize — http://vizualize.me/ — сервис, позволяющий превратить обычное текстовое резюме в эффектную инфографику.
  3. Google Public Data Explorer — http://www.google.com/publicdata/directory — библиотека открытых статистических данных со всего мира. В том числе есть данные от Росстата по регионам РФ.
  4. Dipity — http://www.dipity.com/ — сервис для создания интерактивных таймлайнов, в которые можно добавлять видео, аудио, иллюстрации, ссылки и многое другое.

Создаём инфографику для школы в PikToChart

Процесс создания инфографики рассмотрим на примере сервиса PikToChart. Данный сервис работает онлайн, поэтому Вам не придётся скачивать и устанавливать программу. Достаточно просто зарегистрироваться, указав электронную почту или войдя через профиль на Facebook или Google+. Также большой плюс работы в онлайн-сервисе PikToChart — каждые несколько секунд происходит автосохранение, поэтому, если Вы случайно закроете браузер, Ваша работа не будет утеряна.

Инфографика для школы круговорот воды в природе

Шаблон

Итак, предположим, что нам нужно создать инфографику, описывающую процесс – круговорот воды в природе. Для простоты выбираем готовый шаблон “The Startup Way”.

Фон

Шаблон может состоять из одного или нескольких блоков. Для каждого блока можно задать индивидуальный фон, выбрав цвет или текстуру в левом меню “Background”. Кроме того, можно менять размеры блоков, кликнув по нужному блоку и введя вручную количество пикселей (иконка «Настройки») или потянув за нижний край блока.

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

Графика

В PikToChart есть большое количество готовой графики (меню Graphics): это фигуры и линии, иконки, фотографии и фоторамки. У каждого из элементов можно менять цвет и размер. А если Вам захочется загрузить свою картинку, выберите в левом меню пункт Uploads. Чтобы добавить картинку в инфографику, перетащите её из левого меню в редактируемый шаблон.

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

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

Текст

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

В тестовой инфографике использованы шрифты: в заголовке – Impact, в подзаголовке – Gothic, в тексте – Helvetica.

Инструменты: диаграммы, карты и видео

PikToChart позволяет добавить в Вашу инфографику интерактивные элементы: диаграммы, карты и видео. У диаграмм и карт можно настроить цвет заливки, тип визуализации данных (столбиковая или круговая диаграмма),  добавить подписи. Также недавно в PikToChart появилась интерактивная карта России с разметкой на субъекты, что может пригодиться учителям географии. Видео в инфографику добавляется по ссылке на YouTube или Vimeo.

В тестовую инфографику добавлены две пирамидальные диаграммы с индивидуальной формой в виде капли (можно выбрать при редактировании любой диаграммы).

Скачивание

Чтобы скачать готовую инфографику, выберите “Download” в правом верхнем меню. Вам будет предложено сохранить инфографику в форматах PNG и JPG (PDF доступен только в платной версии).

***

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

Поделиться: