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

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

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

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

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

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

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

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

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

 

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

создаем инфографику

 

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

infogr.am - сервис по созданию инфографики

 

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

  • 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).

infograffiks

 

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

Предлагается 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

8 комментариев

Add a Comment

Ваш e-mail не будет опубликован. Обязательные поля помечены *

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