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

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

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

infogr.am – отличный сервис для создания графиков и диаграмм.

Для работы на infogr.am нужно зарегистрироваться или выполнить вход через twitter или facebook.

Нажимаем Creat – создать:

Затем вы можете выбрать шаблон из предложенных для вашей схемы

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

Вы видите перед собой виды графиков и диаграмм:

• Bar — бар
• Collumn — столбцы
• Pie — круговая
• Line – линейная и пр.
• После выбора вида графика, вы можете выбрать его разновидность. Нажимайте на стрелки влево и вправо для выбора графика:

Нажимаем add chart и приступаем к созданию инфографики.

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

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

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

Вы можете загрузить данные с компьютера – load app.

Показать цифровые значения на диаграмме – show callouts.

Во вкладке Settings (Настройки) – меняем цвета диаграммы, изменяем высоту – Chart height:

Из меню справа вы можете добавить изображения, текст, видео по ссылке из Vimeo или Youtube, карту.

При помощи простого перетягивания элементов инфографики мышью, вы можете менять их местами (диаграммы, картинки, видео и др.).

Завершающий штрих – над диаграммой имеется значок настроек . При помощи этой кнопки вы попадете в настройки, где можете изменить тип вашей диаграммы, изменить шаблон(Change theme), ширину (wigth), кнопку поделиться (Share button) и некоторые другие опции.

Значок “глаз” возле иконки настроек для препросмотра диаграммы.

Скачать ваше произвединие вы не можете, так как для этого нужен pro-аккаунт.

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

Если вы не хотите, чтобы ваше произведение, видел кто-нибудь, кроме вас, то укажите ограничение в настройках share options при сохранении результата (just for me).

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

Предлагается 2 кода – iframe и script. Выбирайте на ваше усмотрение.

Мой результат:

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

Мой обещанный список сайтов для создания инфографики:

• Vizualize.me
• piktochart.com
• easel.ly
• Visual.ly
• venngage.com
• www.icharts.net
• www.dipity.com
• timeline.verite.co
• www.statsilk.com

а также приложение для android — InFoto Free