заказать звонок
+38 057 782-28-00
заказать звонок
Starting a new project?
получить консультацию
Читайте наш Telegram 👈
61
3

В визуале 2021 года актуален минимализм и карусели с текстом. Как раз для каруселей и пригодится инфографика.

Инфографика часто помогает нам в восприятии сложных схем. Она понятно и приятно выглядит и кратко передает суть. Инфографика воспринимается человеком целостно как единый объект. По данным исследования venngage.com, инфографику лайкают и шерят в 3 раза чаще, чем другие типы контента. 

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

Свойства и задачи инфографики:

  • упрощает связи между элементами картинки;
  • имеет эффект запоминания;
  • кратко излагает информацию.

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

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

Нарисовать самостоятельно в конструкторе. А для примера возьмем картинку, которую создал наш дизайнер, и перерисуем ее в каждом инструменте.

Емейл триггерные рассылки

Рис. 1 - Исходная картинка в фирменном дизайне

Разберем основные методы построения инфографики.


1. Как построить инфографику в конструкторах

Попробуем нарисовать инфографику в 6 самых популярных сервисах.
Конечно, конструкторов больше, но все они функционально похожи между собой, отличаются лишь шаблоны (макеты) картинок.


1.1 Инфографика в Canva

Самый популярный конструктор для визуала Canva обладает обширным функционалом.
Возможности Canva:

  • отрисовка постов;
  • создание обложки для хайлайтс;
  • сторис для Инстаграм;
  • подготовка фирменного шаблона для единой ленты постов в профиле;
  • отрисовка баннеров для контекстной рекламы;
  • создание логотипа компании и другое.

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

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

Заходим в Canva, раздел Шаблоны — Инфографика.

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

Рис. 2 — Шаблоны Canva для разных сфер

Ставим фильтр на Бесплатные. На моей исходной картинке всего 4 элемента, мне подходит шаблон дизайна змейка.

Инфографика Canva конструктор

Рис. 3 — Работа в конструкторе Canva

Заменяю цвет фона на фирменный ITForce. Удаляю ненужные и добавляю нужные мне элементы, выставляю цветовую палитру и скачиваю картинку.

Итог:

Готовая иллюстрация в Canva

Рис. 4 — Готовая картинка в Canva

Скачивать файл лучше в формате PDF и после либо скадрировать инфографику в Фотошопе, либо переконвертировать фото в JPEG/PNG.
В бесплатной версии качество изображений в JPEG/PNG портится.


1.2 Инфографика в Crello

Crello предлагает еще больше опций для работы с изображениями, чем Canva.

Здесь можно создавать:

  • визитки;
  • флаеры;
  • планнеры;
  • фотокниги, и многое другое.

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

Заходим в Crello — Фильтры — Marketing materials — Infographic.

Возможности Crello

Рис. 5 — Шаблоны в Crello

Проводим действия, аналогичные работе в Canva: выбираем шаблон, добавляем/заменяем иконки и цвет. Вот что получаем:

Готовая инфографика в Crello

Рис. 6 — Изображение в Crello

Картинка получилась вертикальной формы. Менять размер изображения можно справа вверху.

Из плюсов — в Crello гораздо больше бесплатных шаблонов и иконок, чем в Canva.
Из минусов — также есть и платные опции.


1.3 Инфографика в Piktochart

У Piktochart огромная база шаблонов инфографик под любые задачи:

  • инфографика;
  • презентации;
  • постеры;
  • отчеты;
  • листовки;
  • шаблоны для соцсетей (посты, сторис для Facebook, Instagram, LinkedIn, Twitter).

Макеты Piktochart

Рис. 7 — Шаблоны в Piktochart

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

Инфографика в Piktochart

Рис. 8 — Готовое изображение в Piktochart

В бесплатной версии скачать можно 2 картинки в формате png/pdf.

Из очевидных минусов — не получилось подобрать одинаковые иконки. И это очевидная проблема многих бесплатных сервисов.
Русский текст напечатался шрифтом Times New Roman. Практически же можно прокликать каждый шрифт и посмотреть, какие именно будут работать с русским языком.

А плюс в том, что все иконки можно загрузить. И сначала лучше их подобрать в одной из библиотек Pinterest, Canva, Flaticon и др. (о них писали в статье про отрисовку обложек для сторис).


1.4 Infogram

Сервис Infogram заточен под создание инфографики. Также здесь можно создавать постеры, отчеты, шаблоны писем для рассылок, обложки к видео на YouTube.

Рабочие макеты Infogram

Рис. 9 — Шаблоны в Infogram

Для работы требуется регистрация и выбор пакета (бесплатный доступ есть к ограниченному количеству шаблонов, далее — 4 варианта тарифных планов).

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

А вот для того, чтоб скачать получившуюся инфографику, нужно проапгрейдить аккаунт до платной версии.
Решение — скриншот экрана (как сфотографировать полную страницу по длине, писали в полезных расширениях Google Chrome для редакторов).

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

Рис. 10 — Инфографика в Infogram

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

Посмотрим еще один конструктор, популярный заграницей.


1.5 Adobe Spark

Adobe Spark — ресурс для создания инфографик, часть семейства Adobe.

Посадочная Adobe Spark

Рис. 11 — Конструктор Adobe Spark

Adobe Spark поддерживает разработку:

  • постов для соцсетей;
  • историй для Instagram и Snapchat;
  • постеров и листовок;
  • фотоколлажи;
  • приглашений и объявлений;
  • баннеров для рекламы в соцсетях и многое другое.

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

Инфографика Adobe Spark

Рис. 12 — Итоговое изображение в Adobe Spark

Преимущества Adobe Spark:

  • большая галерея шаблонов инфографик под разные задачи;
  • библиотека иконок и анимированных элементов;
  • поддержка загрузки собственных графиков.

Есть мобильная версия приложения.


1.6 Cacoo

Cacoo дает 14-дневный бесплатный период для апробации их конструктора.

Больше подходит для создания диаграмм и графиков. А также для командной работы, т. к. изображения можно сохранить в облаке + история изменений тоже сохраняется.

Шаблоны в Cacoo

Рис. 13 — Шаблоны Cacoo

Здесь также есть шаблоны под разные задачи и сферы работы. И выбор сильно ограничен.
Выбираем подходящий и рисуем. Готовую картинку можно скачать в png, svg, pdf, ps, ppt или сразу распечатать.

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

Рис. 14 — Нарисованная инфографика в Cacoo

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


2. Приложения для создания инфографики на мобильном

В Google Play выбиваем в поиск infographic maker:

Приложения Google Play

Рис. 15 — Приложения для создания инфографики в Google Play

Выдача предложит Canva и Crello в том числе.

Выбираю первое предложенное приложение (вот почему так важно работать с ASO), устанавливаю Brochure Maker — Infographics и начинаю работу.

Шаблоны Brochure Maker - Infographics

Рис. 16 — Возможности Brochure Maker — Infographics

В приложении можно создать:

  • проспекты/буклеты;
  • инфографику;
  • инструкции по уборке;
  • брошюры и каталоги продукции;
  • схемы для бухгалтерского дела, страхования;
  • постеры для салонов красоты, фитнеса, сферы моды и пр..

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

В приложении доступно:

  • форматирование текста;
  • выбор 100+ вариантов шрифтов;
  • огромная коллекция элементов (иконок, абстракций, логотипов, аватарок, и прочего, большей частью платного контента).

Результат инфографики из Brochure Maker:

Инфографика Brochure Maker - Infographics

Рис. 17 — Результат работы в Brochure Maker — Infographics

Теперь поищем приложения в App Store:

Приложения в App Store

Рис. 18 — Выдача App Store по запросу infographic maker

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

Кому удобно работать с телефона или планшета, вероятно, вам подойдет этот метод. По личному опыту — на десктопе рисовать быстрее и удобнее.

Самые удобные конструкторы — Canva, Crello и Adobe Spark. Работать в них просто, библиотеки шаблонов и иконок большие. А в Adobe Spark процессы будто идут быстрее.

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


27 бесплатных фотостоков

Логотип баннер

Как самостоятельно создать логотип?

Подпишитесь на наши обновления
Больше полезных статей и мануалов еще впереди. Будьте в курсе!

Вы уже подписаны на нашу рассылку!

Подтвердите свой Email для завершения подписки.

Заказать
продвижение
Больше полезных статей и мануалов еще впереди. Будьте в курсе!

Спасибо! Скоро с Вами свяжется наш менеджер.