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

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

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

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

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

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

Рейтинг
( Пока оценок нет )
Понравилась статья? Поделиться с друзьями:
Мир графики
Комментарии: 2
  1. Jalgas

    Здраствуйте Наталья 
    Можете скинуть ссылки на почту или сюда таких сервисов онлайн создания логотипов,инфографики И так далее 
    Заранее благодарю

  2. @ Jalgas:
    Таких сервисов огромное количество. Недавно была тема в нашей группе vk, посвященная этой теме:
    Смотрите перечень генераторов:
    1. Логастер — создание лого на русском Ссылка: Logaster
    2. Zilliondesign — англоязычный сервис zilliondesigns.com/create-logo
    3. Iconin — генератор иконок iconion.com/posts/free-icon-editor/
    4. Brandcolors — коллекция цветовых схем — brandcolors.net/
    5. Wordmark — подбор шрифтов wordmark.it

    Инфографика онлайн:
    1. vizualize.me
    2. Позаботились о создании схем, диаграмм и раработчики google. Сервис Google charts в помощь
    3. easel.ly — бесплатный инструмент для создания креативной инфографики
    4. piktochart.com — создаем инфографику, схемы, диаграммы. И все это — бесплатно!
    5. visual.ly
    6. venngage.com
    Это самые интересные генераторы инфографики, жаль только, что англоязычные. Русскоязычных достойных версий генераторов не встречала, к сожалению.

Комментарии закрыты.