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

1. Piktochart

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

2. Сreately

Дизайн у Сreately , можно сказать, не очень современный. Поддерживает 7 языков, среди которых - русский. Больше можно использовать если нужно таблично выразить данные.

3. Infogr.am

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

4. Visual.ly

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

5. Google Charts

Google Chart позволяет строить 11 типов различных диаграмм. Вот они:
  1. Линейный график
  2. Гистограмма
  3. Пузырьковый график
  4. Лепестковая диаграмма
  5. Японские свечи
  6. Диаграмма Венна
  7. QR-код
  8. Карта
  9. Формула
  10. Круговая диаграмма

6. Vizualize.me

Сервис Vizualize.me , превращающий ваше LinkedIn-резюме в инфографику. Российский аналог - Resumup.ru .

7. Easel.ly

У Easel.Ly более современный стиль графики и шрифтов, тот же основополагающий принцип Drag and Drop и кастомизация. На главной выложено 15 темплейтов, которые можно взять за основу своей инфографики, а можно сразу начать с чистого листа.

8. Draw.io

Draw.io – это рабочий стол для онлайн-редактирования инфографики, похожий на Creately.Com. Он бесплатен для всех пользователей и оценен на 5 баллов на Google Apps Marketplace, откуда его можно присоединить к своему Google-аккаунту. Оценки пользователей масштабируются не слишком сильно: от «очень полезный бесплатный инструмент» до «превосходно». Draw. io позволяет тут же искать в Google тематические фото для фонов и элементов, что здорово. С точки зрения стиля он довольно нейтрален и многим понравится больше, чем Creately.Com – не супермодно, но вполне достойное визуальное решение с множеством «рабочих» иконок. Поскольку Draw.io ориентирован на Google Drive, его интерфейс на большой процент русифицирован.

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

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, при помощи которого можно отслеживать свою активность в социальных медиа и создавать на основе полученных данных инфографику. В ее основу положены данные о том, как пользователь общается с друзьями и контактирует с брендами и компаниями в социальных сетях.

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

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

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

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

И так, представим 4 сервиса для создания инфографики. Бесплатных и качественных.

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

Также, как и предыдущий сервис инфографики, Pictochart позволяет пользоваться частью своего контента бесплатно. Здесь можно создать инфографику онлайн и выгрузить на свой компьютер. Тем, кому интересны платные элементы, придется заплатить $29 в месяц или $290 в год. Дороговато, но предлагаемые элементы на этом сервисе весьма заманчивы.

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

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

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

  • Абсолютное большинство людей на Земле - это визуалы, которые легче всего воспринимают и запоминают красиво представленную информацию.
  • Чисто физиологически 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. концептуальность, полезность и наполненность смыслом.

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

Владислав Рудницкий