И это объяснимо: 65% людей отдаёт предпочтение визуальному контенту, он набирает в 2-3 раза больше просмотров и лайков, чем обычная публикация.

Инфографика – это графическое представление сложной информации с целью чёткого и быстрого восприятия.

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

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

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

Графический контент увеличивает конверсию и количество расшариваний, к тому же он лучше запоминается аудиторией. Через такие посты можно демонстрировать экспертность и повышать узнаваемость бренда (надо лишь добавить логотип или адрес сайта). Инфографика способна повысить лояльность подписчиков, привлечь внимание новых читателей, повысить продажи. Она подходит для использования в сообществах и профилях социальных сетей, на разных сайтах, в email-рассылках.

Ключевыми форматами инфографики являются статические и анимированные картинки, интерактивные интерфейсы, а также видеоконтент.

Для продвижения проекта можно выбрать любое средство визуализации:

  • обложки – часть оформления группы в соцсетях или инфопродукта (например, );
  • чек-листы – визуальный контрольный список;
  • «дерево решений» – структурированное пособие по выбору товара;
  • интеллект-карты – систематизация сведений для планирования или обучения (например, для );
  • блок-схемы – графический алгоритм для отчётов и статистики;
  • информационные карточки – для выделения факта, совета или примера;
  • наглядные инструкции – для быстрого решения проблемы пользователей;
  • загадки и комиксы – для интенсивного распространения в соцсетях.

Статическая инфографика с нуля под заказ в студиях стоит 100-500 долларов. Конечно, можно сэкономить и пойти на биржу фриланса – здесь цены стартуют от 500 рублей. Ещё один способ – разрабатывать визуальный контент самостоятельно при помощи платных онлайн-сервисов, таких как Infoactive с оплатой 30$ в месяц. Но есть и более радужная альтернатива…

10 бесплатных сервисов для создания инфографики

Сегодняшняя подборка инструментов предназначена для тех, кто не владеет навыками Adobe Photoshop и не готов тратить деньги на визуальный контент.

Easel.ly

Однозначный лидер сегодняшнего обзора – простой и многофункциональный. Эта платформа не русифицирована. Но она имеет интуитивно-понятный интерфейс, потому создание картинки с нуля или на готовом шаблоне не потребует от вас больших усилий. Ресурс запускается как с ПК, так и с мобильных устройств.

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

На бесплатном аккаунте доступно 25 фотографий и 65 изображений, 10 шрифтов, 10 инфографических шаблонов и 4 диаграммы. При этом созданные на сайте проекты будут доступны другим пользователям.

Заплатив 4$ в месяц , вы получите в своё распоряжение более 11 миллионов объектов, 320 шаблонов, 112 шрифтов, 20 типов диаграмм и графиков. В таком случае только вы будете видеть созданную инфографику, к тому же станет возможен высококачественный экспорт.

Ещё один англоязычный ресурс с богатыми возможностями. Однако чтобы ими воспользоваться, требуется авторизация. Для регистрации подойдёт email или аккаунт Google, Facebook.

На момент написания статьи в открытом доступе имеется 13 вариантов для презентаций, 25 шаблонов для печатной продукции (листовок, отчётов, плакатов) и 9 «скелетов» непосредственно для инфографики. Можно также добавлять в панель управления собственные визуальные эффекты и создавать визуальный контент с нуля. Бесплатно файл можно скачать только в формате PNG в нормальном или среднем качестве. Обратите внимание: снизу будет добавлен логотип Piktochart.

Что касается платных тарифов, в пакете Lite за 12,5 долларов ежемесячно вас ждёт 600 дополнительных шаблонов и возможность загрузки на 100 МБ.

Есть ещё пакет PRO за 24,17$ в месяц . Он включает 600 шаблонов, загрузку 1GB изображений, экспорт в PDF и HD, удаление водяного знака, персональные цвета и другие плюшки.

Этот англоязычный сервис тоже требует регистрации – после неё вы получите доступ к 37 типам интерактивных шаблонов и 13 типам карт. На бесплатном тарифе разрешено создавать до 10 проектов, импортировать данные и публиковать контент в интернете.

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

Платные тарифы стоят от 19 до 149$ . Все они предусматривают:

  • доступ к 550 типам карт;
  • контроль конфиденциальности;
  • возможность загрузки HD-иллюстраций;
  • доступ к миллиону картинок и иконок;
  • использование премиум-шаблонов.

Разница в цене объясняется количеством проектов, аналитикой, внедрением собственного логотипа и пользовательского дизайна.

Сервис подходит для рисования презентаций, портфолио, фотоисторий. Для его использования не требуются специальные навыки. После авторизации пользователю доступен полный функционал редактора с возможностью изменения текста и прозрачности, вставки видео и объединения отдельных элементов. Бесплатная версия ограничена созданием одного проекта с 10 страницами. Скаченные файлы отмечены брендингом Readymag.

Платные тарифы (от 16$ в месяц ) открывают совместный доступ для членов вашей команды, позволяя работать над неограниченным количеством проектов с любым числом страниц. Водяной знак сервиса в таком случае отсутствует, а в инфографику можно добавлять своё доменное имя. К тому же подключается аналитика, настройка SEO, появляется возможность экспорта и ввода кода.

Облачный сервис предназначен для создания ленты хронологических событий, сравнения процессов и результатов. С его помощью легко визуализировать бизнес-планы или исторические даты. Инфографику можно рисовать с нуля или же взять за основу готовые варианты (менять цвет и текст, удалять или добавлять события, графики, изображения и видео). Доступно совместное редактирование и экспорт созданного виджета на сайт в виде кода.

Среди преимуществ Time Graphics отметим русскоязычное меню и многочисленные интеграции:

  • YouTube;
  • Google Таблицы;
  • Google Календарь;
  • Vimeo;
  • API Отчёты вашего сервера;
  • Google Search Console;
  • Google Maps;
  • Google Analytics;
  • библиотека данных Мирового Банка (статистика по странам, регионам).

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

Это мощный онлайн-инструмент для решения различных дизайнерских задач: от разработки открыток для соцсетей, логотипов до создания презентаций и другой инфографики. Работа русскоязычного сервиса организована по принципу внедрения готовых, легко настраиваемых шаблонов. Пользователям доступна библиотека шрифтов, иконок и картинок, загрузка собственной графики. Можно добавлять ссылки на внешние сайты и создавать команду с 400 участниками, чтобы быстро делиться папками и дизайнами.

PRO-аккаунты позволяют расширить галерею и внедрить элементы вашего бренда, открывают доступ к командным функциям и экспорту анимации. Кроме того, они дают возможность рассортировать контент по папкам, убирают ограничение на хранение данных – в free-версии на это даётся 1 ГБ. Ежемесячная стоимость – от 12,95$ в месяц для каждого члена команды. Предусмотрен бесплатный тестовый период на 30 дней.

Cacoo

После быстрой регистрации в онлайн-сервисе вы сможете формировать диаграммы, карты, сетевые графики и блок-схемы. В редакторе имеется 120 шаблонов, на основе которых легко создать собственную инфографику (добавлять и редактировать текст, линии, фигуры, таблицы).

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

Бесплатный тариф предусматривает ограниченный обмен схемами, создание лишь шести страниц и скачивание файлов только в png. Расширение функционала обойдётся вам в 4,95$ ежемесячно для одного человека, 18$ для трёх человек и 600$ для 10 членов команды .

Prezi

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

Имеется фильтр дизайна по цветовой гамме и тематике. Однако бесплатная версия даёт лишь базовые возможности для создания и хранения одного проекта. Если требуется работа над неограниченным количеством презентаций, увеличение функционала и контроль конфиденциальности, придётся платить от 5 до 59 долларов в месяц. Цена корпоративного пользования – 1800-6000$ в год (по 600$ для каждого сотрудника).

Это простая в использовании русскоязычная онлайн-платформа, с помощью которой легко создать:

  • флаер;
  • постер;
  • бюллетень;
  • картинку для соцсетей;
  • резюме;
  • приглашение;
  • отчёт;
  • презентацию;
  • инфографику.

После регистрации сервис предлагает выбрать из массы шаблонов три понравившихся варианта – на основе этих данных впоследствии сформируется раздел «Рекомендованные». В редакторе присутствуют следующие графические инструменты: фон, текст, иконки, диаграммы, карты, фото, рамки, значки и даже интерактив. Можно добавлять изображения со своего ПК.

Только инфографика включает 12 тематических разделов, в том числе план-график, геоданные, статистику, процессы. Но большинство шаблонов находится в платном доступе. Ежемесячная цена – 12$ с человека или 49$ с организации . Удобный экспорт в pdf и png на бесплатном тарифе недоступен (предусмотрена только публикация готового проекта онлайн).

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

Free-версия позволяет сделать до пяти диаграмм в рамках одного проекта (с нуля или по шаблону с нужными данными). В инфографику разрешено добавлять текст, линии, фигуры, менять фон, импортировать изображения. Даже владельцы бесплатных аккаунтов могут скачивать проекты в формате jpeg и png.

Платная версия стоит 5$ для индивидуального использования, а также 25-45$ для команды из 5 и 10 человек. Она позволяет создавать неограниченное число проектов, рисовать любое количество диаграмм, использовать Visio Import, экспортировать файлы в приоритетном формате.

Чтобы оживить свой веб-проект и порадовать читателей, вам придётся освоить хотя бы один из перечисленных сервисов. Но результат точно этого стоит!

Для создания инфографики. Эти инструменты помогут структурировать и представить в удобной форме любые данные для публикации в СМИ и соцсетях.

1. Vizualize

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

Дополнительно можно использовать данные о карьерном пути из своего профиля в соцсети LinkedIn.

2. Google Developers

Бесплатные инструменты создания графиков и диаграмм от компании Google позволят выбрать среди набора блок-схем и графиков те, которые подойдут для конкретного сайта. Все параметры готовой инфографики настраиваются. Данные из исходной таблицы обновляются на графиках в реальном времени.

3. Easel.ly

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

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

4. Piktochart

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

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

В бесплатной версии предлагается три базовых шаблона. За остальное придется заплатить $29 в месяц либо $169 в год.

5. Infogr.am

Infogr.am - бесплатный инструмент для создания схем, графиков и карт с возможностью загрузки видео и фото для создания интерактивной инфографики.

6. Visual.ly

Visual.ly - платформа для публикации инфографики, стартовавшая в 2011 году. Готовую инфографику можно разместить в социальных сетях. Сервисом пользуются не только энтузиасты-одиночки, но и профессиональные дизайнеры, известные бренды и компании: в сообществе более 35 тыс. участников, и для брендов есть отдельные платные пакеты услуг.

7. InFoto Free

Нишевый инструмент для тех, кто пользуется Android-смартфонами для фотосъемки. С помощью этого сервиса можно «вытянуть» все EXIF-данные из сделанных фотоснимков и построить по ним инфографику. Предусмотрена возможность редактирования.

Помимо бесплатной версии приложения, есть также платная версия без рекламы стоимостью в $0,99.

8. Venngage

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

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

9. Dipity

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

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

10. Get About

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

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

  • Абсолютное большинство людей на Земле - это визуалы, которые легче всего воспринимают и запоминают красиво представленную информацию.
  • Чисто физиологически 90% всей информации человек получает через визуальные каналы восприятия, а в глазах сосредоточено 70% сенсорных рецепторов. Обработкой этих данных занято около 50% нейронов головного мозга.
  • Визуализированный контент в интернете набирает в несколько раз большее количество просмотров/лайков, а расшаривается гораздо чаще, чем сухой текст. Половина пользователей перейдет по ссылке, которая приводит к инфографике, а треть поделится ею, даже если там не будет ничего важного.
  • «Лучше один раз увидеть, чем сто раз услышать». Из увиденного мы запоминаем процентов 80, а вот из услышанного или прочитанного - лишь 10–20%. Например, проиллюстрированные инструкции выполняются в 3 раза успешнее, чем изложенные текстом, да и усваиваются быстрее. Судите сами:

Зачем создавать инфографику и какой она бывает

Почему речь идет именно о создании инфографики ? Потому что инфографика позволяет «разжевать», плотно «упаковать» и красиво преподнести любой объем данных. Даже самая сложная информация воспринимается без особого труда. Наглядность и информативность - вот главные качества хорошей инфографики. Кроме прочего, это интересно, эстетично и привлекает внимание.

Выделяют 2 основных подхода к созданию инфографики :

  • Первый, основанный Эдвардом Тафти, можно назвать минималистическим, или исследовательским. Его принцип - передавать информацию предельно точно и емко, безжалостно отсекая все лишнее. Он хорош в бизнесе, статистике, науке. ( Пример лендинга в виде интерактивной минималистичной инфографики).
  • Второй, основоположником которого стал Найгел Холмс, проповедует повествовательный принцип - так называемый сторителлинг. Здесь важна уже не только сама информация, но и красота ее подачи, развлекательный характер, сюжет. Такой подход замечательно работает в маркетинге, рекламе, журналистике. ( Пример лендинга в виде повествовательной инфографики).

Инфографику условно разделяют на 5 основных видов:

  1. Инструкции , которые чему-либо обучают, объясняют процессы, демонстрируют последовательность действий при помощи графических и символьных схем.
  2. Статичная инфографика показывает зависимость, связи между числами и фактами. Как правило, бывает представлена в виде графиков и диаграмм.
  3. Динамичная - отображает динамику и процессы развития. Обычно она используется для визуализации данных в экономике и социологии.
  4. Интерактивная позволяет пользователю преобразовывать данные самому в режиме реального времени и служит превосходным средством вовлечения.
  5. Видеоинфографика является наиболее действенным способом донесения и закрепления информации в чужих умах. Она чаще других становится вирусной.

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

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

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

Понятное дело, что лучше заказать инфографику у профессионалов. Если вы хотите охватить большую аудиторию и получить от нее максимальный отклик, работать нужно с опытными специалистами. Понадобятся экспертные знания, например, в области графического дизайна: основы композиции и типографики, знание особенностей зрительного восприятия цвета/формы, навыки обращения с ПО для 2D графики и т.д. Без этих знаний вы рискуете потратить время и средства впустую, не добившись нужного результата: лайков и репостов не будет, узнаваемость бренда и лояльность к нему не увеличатся, затраты на создание инфографики не окупятся.

В идеале, инфографика на заказ создается командой из трех специалистов: креативщика (генерирует идеи), дизайнера (рисует эскизы и создает дизайн), арт-директора (проверяет работу и отправляет на «посев»).

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

  1. Для контента нужна идея, сюжет. Создайте концепцию для будущей инфографики, изучите статистику, соберите интересные факты, придумайте последовательную систему аргументации, а затем все это максимально упростите.
  2. Определитесь с форматом отображения данных: график, шкала, диаграмма, схема, древо, карта, сопоставление и т.п. Подавайте информацию порциями, поэтапно, выделяя основные и второстепенные детали. И опять же - упрощайте.
  3. Подберите шаблон и сделайте эскиз, раскадровку, брендирование. Выберите цветовую схему/палитру, которая задаст необходимый эмоциональный тон.
  4. Переходите к макетированию. Для печати создайте единый слой из текста и картинок. К веб-инфографике добавьте анимационные эффекты, звук, интерактив.
  5. Наконец, займитесь продвижением в сети, тиражированием. Не забудьте указать ссылку на свой сайт и название компании, чтобы было ясно, кем разработана инфографика.

Современные онлайн-сервисы для создания инфографики

Я приготовил для вас подборку, в которую включил 8 самых лучших, на мой взгляд, бесплатных интернет-сервисов для создания инфографики . В 2017 году подобных онлайн-инструментов предостаточно, поэтому мои требования к ним были довольно жесткими:

  • Бесплатные контент и функционал в объеме, которого действительно достаточно для создания более-менее приличной инфографики, с минимумом ограничений.
  • Мощные, богатые возможности для создания визуально привлекательной инфографики любого типа, уровня сложности, степени проработки данных.
  • Привлекательный, удобный, интуитивно понятный интерфейс и инструменты, в которых можно разобраться «на лету», без долгого и трудоемкого обучения.
  • Простая моментальная регистрация с возможностью отписки от рассылок.
  • Популярность, актуальность, готовые шаблоны, наличие трендовых «фишек».

Piktochart

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

Есть 3 платных пакета: Lite (15$/мес.), Pro (29$/мес.) и Pro Team. Последний сейчас доступен в раннем доступе и дает возможность совместной работы над проектами. Предусмотрены льготы для образовательных и благотворительных организаций.

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

Несколько огорчает количество доступных бесплатных шаблонов - всего 7, но ничто не мешает вам создать собственный. Выбор графиков скудноват, зато можно работать с динамическими данными и использовать автонастройку. Объем для загрузки собственных изображений ограничен 40 мегабайтами. В принципе, недостатка в контенте нет (формы, иконки, рамочки, фоны, карты, и т.п.), а сам сервис и правда радует легкостью в обращении, отзывчивостью, примерами для вдохновения и «обучалками для чайников».

Infogr.am

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

Кроме почты, регистрация предусматривает вход через аккаунты Google+ и Facebook. Из того, что понравилось: оптимизация, удобство, работа с популярными облачными хранилищами данных, подключение Google Analytics, широкие возможности для публикации, отсутствие ограничений на загрузку своих видео/изображений.

Не понравилось: в бесплатном пакете разработчики «зажали» практически все карты, кроме нескольких, а также опцию скачивания готовой инфографики. Доступные тарифы: Pro (25$/мес.), Business (79$/мес.), Enterprise (договорная).

Venngage

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

Сервис, который поражает количеством уже готовых бесплатных материалов: их просто море - бери и пользуйся. Есть поддержка интерактивных элементов и интересная функция брендирования. Платных плана два: Premium (19$/мес.) и Business (49$/мес.) Регистрация через почту, Facebook или аккаунт Google.

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

Canva

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

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

Платная подписка стоит 13$/мес на каждого участника.

Creately

«Мануальный», Drag and Drop онлайн-сервис для коллективного создания инфографики , в котором все сделано для людей.

Бесплатный пакет позволяет работать только над одним проектом, зато сразу трем участникам в режиме реального времени. Пользователь может создать не более 5 диаграмм. Платные включают в себя персональный (5$/мес.) и командные (от 25$/мес. за 5 участников, до 75$/мес. за 25) пакеты. Особенности сервиса: морально устаревший дизайн, русскоязычный интерфейс, очень богатые контент и функционал, возможность работать в демо-режиме без авторизации. Кроме почты, доступна регистрация через Google, Facebook, Twitter. Это один из лучших инструментов для совместной удаленной работы с инфографикой.

Единственный минус - «туговато» работает: медленно и с притормаживаниями.

Easel.ly

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

Здесь также доступна моментальная регистрация с помощью Google и Facebook. Контента вполне достаточно для нормальной работы на полностью бесплатной основе: его можно подбирать с помощью системы поиска, всячески изменять и загружать собственный. Платный тариф стоит всего 3$/мес., а для образовательных учреждений и нон-профит организаций действует 50% скидка.

Easel.ly - идеальное бюджетное решение для адаптаций и рерайтов.

Visme.co

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

Базовый бесплатный пакет здесь один из самых демократичных: 3 проекта, 100 мб. места под загрузку, можно давать персональный доступ к проекту, скачивать готовую инфографику в формате JPG. Есть регистрация в один клик через Facebook. Нравится современный интерфейс, трендовые функции, настройки и возможности, вроде эффекта Drop Shadow.

Тарифные планы: Standart (10$/мес.), Complete (19$/мес.), Team (57$/мес.)

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

Visage.co

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

Инфографика, одержавшая победу в номинации «Лучший дизайн» на престижном международном конкурсе Content Marketing Awards-2016, была сделана в Visage. Оцените ее сами! Это не просто онлайн-сервис с возможностями, которым позавидует любой другой - это настоящее торжество эстетики даже для искушенных ценителей дизайна. Настраивая диаграмму, например, вы выбираете не один-два цвета, а работаете с целой цветовой палитрой.

Цены: Basic (50$/мес.), Brand (400$/мес.), Enterprise (1500$/мес.)

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

Выводы

Я выделил и бегло описал лишь те онлайн-сервисы, которые позволяют бесплатно, легко и быстро создавать приличную инфографику, которую можно использовать для работы с брендом. Но никто не отменял тот факт, что только профессионалы могут создать по-настоящему эффективную, запоминающуюся, крутую инфографику на заказ . Уникальные изображения можно создать только в программах уровня Adobe Photoshop и Illustrator, а освоить их «с наскока» уже не получится: нужно время и соответствующее образование.

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

И напоследок, предлагаем вам небольшой чек-лист от дизайнеров 404 Studio. Это 10 важных нюансов, которые стоит учитывать при создании инфографики:

  1. актуальность темы;
  2. наглядность, понятность, максимальная упрощенность;
  3. интересные факты и сюжет, «говорящие» цифры, качественные визуализации;
  4. эффектный, эстетичный дизайн;
  5. цветовая гамма, которая придает нужный эмоциональный окрас;
  6. правильный масштаб и способ распространения;
  7. достоверные и авторитетные источники информации;
  8. учет интересов и потребностей целевой аудитории;
  9. учет требований, ожиданий и пожеланий заказчика;
  10. концептуальность, полезность и наполненность смыслом.

Напишите в комментариях, создавали ли вы инфографику для своего бизнеса сами? Если нет, то почему?

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

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

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

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

Этапы создания

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

1. Формирование идеи

Первым этапом создания любого вида информации является идея. Набросайте 7-10 возможных тем для визуализации. Например, у вас блог, посвященный косметике, инфографика о составе тональных кремов или пошаговые руководства нанесения макияжа придутся как нельзя кстати.

2. Сбор и систематизация информации

Плотно засядьте за ноутбук и прошерстите интернет на предмет нужной информации. Рекомендую брать цифры на серьезных порталах, как-то: НИИ, официальные сайты маркетинговых и статистических компаний, исследования конкретных научных деятелей. Избегайте общих статей без ссылок, содержащих заезженные формулировки, например, «британские ученые установили» или «неизвестный опрос показал». Разбейте информацию на категории.

3. Набросок

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

4. Написание текста

Для каждого пункта набросайте черновой вариант подписи. Допустим, вы выяснили, что 80% славянок выходят замуж в возрасте от 20 до 26 лет. Эту информацию можно подать несколькими способами:

а) 20-26 лет – 80% девушек;
б) 80% - в возрасте от 20 до 26 лет.

Посмотрите, как лаконично и интересно оформлен текст в инфографике о молоке


5. Выбор графического сопровождения

Хорошим тоном для создания качественной инфографики является использование двух типов графических объектов. Один – основной и несколько дополнительных. Первый расставляет акценты и дает представление о тематической направленности контента (большой график, диаграмма, человечек и т.д.), второй - делает данные более доступными для восприятия (стрелки, сноски, блоки).

6. Верстка

На этом этапе вы вправе воспользоваться специальными сервисами (о них мы поговорим немного позже) или сверстать макет собственноручно, воспользовавшись тем же фотошопом. Я рекомендую освоить базовые инструменты работы с графическим редактором и «паять» инфографику самостоятельно, ведь так вы будете уверены в уникальности визуального контента, даже, несмотря на использование скачанных из сети png-объектов.

7. Финальные штрихи

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

Признаки качественной инфографики

1. Достоверность

Ни в коем случае не перевирайте данные и не придумывайте несуществующие факты. Рано или поздно васпоймают на лжи, и вы поплатитесь своей репутацией.

2. Понятность

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

3. Лаконичность

Ну, вы знаете чья сестра краткость, поэтому если суть не страдает смело урезайте длинные тексты до коротеньких тезисов.

4. Структурированность

Основная цель структурирования состоит в обеспечении ясности и формировании причинно-следственных связей. Необходимо, чтобы отдельные элементы соединялись в единое целое. Хаотичное размещение информационных блоков не приветствуется. В среде дизайнеров существует понятия «скелета», «мяса» и «кожи», причем первый явно выделяется на общем фоне.

5. Целенаправленность

Никогда не смешивайте мух с котлетами, старайтесь делать инфографику, предназначенную для удовлетворения нужд вашей целевой аудитории. Лучше 10 фактов по 1 теме, чем по 1 факту из 10-ти различных тем.

6. Своевременность

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

7. Единый стиль

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

8. Мощный заголовок

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

9. Читабельность

Меньше мелкого, уж простите меня за тавтологию. Шрифты должны быть различимы невооруженным глазом. В размере самого изображения придерживайтесь правила золотой середины. Предпочтительнее разбивать длинную инфоленту на части, соответствующие 1 экранному развороту.

10. Ценность

Постарайтесь отыскать действительно стоящую информацию, как бы ни была красиво оформлена пустота – она все равно не принесет ничего полезного. Хорошо «заходит» в массы и становится вирусным такое наполнение как:
  • мануалы;
  • классификации;
  • статистика и исследования с цифрами;
  • коллекции советов;
  • подборки трендов;
  • рекомендации по выбору чего-либо;
  • сравнительные характеристики;
  • чек-листы;
  • история;
  • отчеты за конкретный период;
  • структурный разбор товара или услуги.

Сервисы для создания инфографики

  1. Easel.ly – бесплатный сервис с гибкими настройками;
  2. piktochart.com – жирный сайт с сочной библиотекой шаблонов;
  3. infogr.am – позволяет дополнить изображение видео и аудиоматериалами;
  4. vizualize.me – кроме создания своей инфографики можно просмотреть примеры чужих работ;
  5. venngage.com – содержит бесплатные красочные макеты и готовые дизайнерские решения;
  6. creately.com – создает диаграммы в пару кликов.

Это были англоязычные порталы, а вот вам парочка отечественных:

  1. resumup.com – создает сверхпривлекательное резюме;
  2. ruseller.com – непрофильный сайт с онлайн редактором для верстки инфографики из готовых шаблонов;
  3. www.mindomo.com – прорисовка карт мозгового штурма.

Где брать шаблоны?

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

Полезная литература

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

1. Дэн Роэм - «Практика визуального мышления»
2. Джин Желязны – «Говори на языке диаграмм»
3. Сьюзан Уэйншенк - «100 главных принципов дизайна» и «100 главных принципов презентации»
4. Дэвид Маккэндлесс – «Инфографика»
5. Рэнди Крам - «Инфографика. Визуальное представление данных»
6. Дэвид Сиббет – «Визуализируй это! Как использовать графику, стикеры и интеллект-карты для командной работы»
7. Майк Роуди – «Визуальные заметки. Иллюстрированное руководство по скейтчингу»

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

2. Упрощайте

Русский язык богат на синонимы, если можно вставить слово в 5 букв длиной, то не нужно выискивать одиннадцатисимвольный аналог. Не стану спорить, повторения и примитивизм не являются литературными канонами, но, в конце-то концов, вы не роман пишите.

3. Меньше декора

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

4. Немного о шрифтах

Дизайнеры рекомендуют использовать максимум 1-2 шрифта (первый для заголовка, второй – для основного текста) в не более чем трех размерах. Избегайте рукописных шрифтов и имитаторов графики. При их чтении чрезмерно напрягается зрение и информация усваивается намного хуже.

5. Отвечайте на вопросы

Принято считать идеальным тактическим ходом, когда каждый объект дает ответ на конкретный вопрос из разряда «Как? Зачем? Что делать? Почему? Сколько?». Руководствуясь этим нехитрым принципом вы превратите инфографику в мануал или справочник.

6. Лепка противопоказана

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

7. Защита авторских прав

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

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

Инфографика – это графический способ подачи информации, сочетающий текст и рисунок. С помощью инфографики можно наглядно и просто объяснить информацию, изложить историю, кратко и в то же время полно истолковать какой-либо сложный факт. Инфографика появилась в 1982 году в журнале USA Today, и с тех пор этот вид подачи информации стал очень популярен, сегодня ведущие издания специально выделяют ведущих дизайнеров и журналистов для создания этих интересных красочных схем. Мы считаем, что инфографика может помочь любым коммерческим сайтам.

При создании инфографики нужно делать ставку на:

  • полезную информацию,
  • яркое оформление,
  • внятное и интересное объяснение темы,
  • интуитивно понятные символы и обозначения

Многие владельцы сайтов задаются вопросом: почему бы не сделать хорошую инфографику, которая бы заинтересовала читателя и помогла бы ему разобраться с тем или иным вопросом? И тут же отказываются от этой идеи, вынося себе приговор: «У меня нет способностей к графическому дизайну». Но не стоит отчаиваться и опускать руки, в интернете есть много простых способов создания качественной инфографики. И самое главное – при желании всю работу можно сделать самому.

Главное – сделать первый шаг

Если вы никогда не занимались созданием инфографики, то в самом начале вам можно предложить следующие рекомендации:

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

Затем можно заняться созданием контента. Если у вас будет четкое представление о том, что вы хотите сделать, вы уже на полпути к успеху.

Когда схема готова, можно заняться выбором программы по созданию инфографики.

В чем делать инфографику: критерии выбора

Мы считаем самыми оптимальными критериями в выборе программы для создания инфографики следующие:

  • Программа должна быть бесплатная (или почти бесплатная).
  • Она должна находиться в интернете.
  • Важный фактор – простота в использовании; очень хорошо, если в ней есть технология Drag-and-drop
  • При работе она не должна требовать наличие Photoshop на компьютере и других «тяжелых» программ.

Обзор бесплатных сайтов и программ для создания инфографики

GoogleDocs

Приложив некоторые усилия, вполне можно создать простую инфографику на Google Docs . Эта программа хорошо подходит для статистических данных. Если вам нужно наглядно показать, к примеру, какая доля домохозяек любит Филиппа Киркорова или сколько процентов водителей не пристегиваются за рулем, то Google Docs отлично справится с этой задачей.

Ease.ly

Сайт Ease.ly неплохо делает инфографику, с его помощью можно выполнить задачу практически с чистого листа, при желании можно воспользоваться готовыми шаблонами. Программа сама по себе достаточно проста (хотя она не на русском языке), а схемы получаются наглядными и яркими, что тоже очень хороший показатель. Регистрация на сайте бесплатная (хотя, возможно, говорят блогеры, когда-нибудь введут плату за использование).

Infogr.am

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

Piktochart.com

Видимо, Piktochart.com – самый лучший вариант из всех представленных. На этом сайте расположено множество различных образцов для диаграмм и графиков, также есть опция платного доступа. Примерно за час можно создать простую и красивую инфографику, сайт не требует наличия Photoshop, там есть технология Drag-and-drop. Кроме того, графические элементы можно перемещать, добавлять графику, текст, изменять дизайн, накладывать бэкграунд, в том числе на бесплатном аккаунте. Есть возможность сохранить рисунок в виде файла с расширением.png или в формате RAW.