Красивая инфографика. В чем делать инфографику: критерии выбора. Самостоятельно создаем инфографику

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

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, его интерфейс на большой процент русифицирован.

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

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

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

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

И это объяснимо: 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. Монохромные элементы

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

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

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

2. Связанные графические элементы

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

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

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

3. Эффект квадратного логотипа

Если смотреть на цифру 50 000 в центре графики, все остальные прямоугольные графические элементы просматриваются отлично, как и размеры зарплаты над ними.

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

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

1. В инфографике должны преобладать цельные, большие и однотонные элементы.
2. Если элемент необязателен и служит только для украшения, лучше его убрать, потому что он может ввести в заблуждение.
3. Создайте «якорь» - часть элемента инфографики, которая делает его заметным и понятным.
4. Ограничьте свою палитру: обилие цветов сбивает с толку и не позволяет глазу сосредоточиться на чем-то одном.
5. Не бойтесь абстракции. Почему во всем мире предпочитают абстракный формат карт (B), а не более достоверный в географическом плане формат (A)? Потому что на первом много лишней информации, в которой теряются нужные данные. А второй формат позволяет четко видеть маршруты даже при одном взгляде.

Онлайн-ресурсы для создания инфографики

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

Vizualize.me

Этот ресурс подойдет тем, кто хочет создать оригинальное резюме в формате инфографики на LinkedIn.

Piktochart

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

easel.ly

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

Visual.ly

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

Infogr.am

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

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

iCharts

Этот сервис позволяет создавать красивые диаграммы, закачивать информацию из Excele и Google Drive, сохранять в формате PDF и размещать готовые диаграммы на разных ресурсах.

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

Актуальность инфографики

Как показывает статистика, практически каждый пользователь социальных сетей намного охотнее делится изображением, нежели текстом. В текст нужно вчитываться, прилагать к этому усилия и время, а изображение сразу определяет основной посыл. Следовательно, для принятия решения о том, стоит ли продолжить чтение или лучше пролистать дальше, понадобится не более нескольких секунд. Да и усваивается такая информация намного проще.
Как известно, практически 90-95% пользователей социальных сетей не создают вообще никакого информационного контента, лишь определяют, какой наиболее точно отображает их мнение. И это вполне нормально, так как уникальные данные требуют значительных усилий по их нахождению, систематизации и изложению. Если вы относитесь к этим 5-10% (или собираетесь пополнить их ряды), то рано или поздно вам придется прибегнуть к применению графических инструментов для более удобного представления имеющихся данных. К тому же визуализация необходима не только для праздного выражения своих мыслей, но и для удобства работы, если необходимо просто и доступно представить какой-нибудь проект.

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

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

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

• Определите, что именно вы хотите донести до аудитории и с какой целью. Выделите основные моменты в совокупности данных, которые должны стать основополагающими, — это будет «скелет» вашей инфографики.
• Максимально упростите подачу информации, разбейте ее на разделы, если массив данных слишком велик. Каждый раздел представьте отдельным графиком или изображением.
• Подберите для каждого массива данных наиболее подходящий формат для визуализации. Различия только помогут лучше закрепить у целевой аудитории предоставленную информацию. Лучшему пониманию способствует правильный выбор цветовой гаммы.
• Обязательно указывайте источники данных и свое авторство. Следует отметить, что пределов для полета фантазии нет совершенно и представить данные можно даже самым непривычным способом, однако для этого необходимо знать хотя бы основные типы, виды и направления инфографики. Все они зависят от разновидности информации, которая и определяет форму.
• После этого нужно определиться, какой тип инфографики подходит вам лучше всего.
• Статичная инфографика . Здесь представлены только факты и цифры, их взаимосвязь и зависимость относительно друг друга. Она имеет вид диаграмм, графиков и других простых форм.
• Динамичная инфографика . Она отображает динамику развития или прогресс. Наиболее часто используется для визуализации экономических и социальных показателей.
• Инфографика-инструкция . Она показывает последовательность действий с целью обучения или объяснения каких-либо процессов. Графические или символьные схемы помогают доступно изложить данные. Широко используется в инструкциях любого рода.
• Видеоинфографика . Одна из последних тенденций в этом направлении, которая помогает наглядно донести до зрителя информацию, представленную в виде инфографики. Может сочетать в себе различные направления визуализации данных, закрепляя в сознании зрителя данные посредством их зачитывания. Таким образом, более 80% услышанного и увиденного запоминается с первого просмотра. Сегодня практически любая информация легко выражается посредством видеоинфографики, а подобные видеоролики стабильно приобретают статус вирусных (то есть быстро распространяются среди пользователей Интернета).

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

ИНСТРУМЕНТЫ ДЛЯ СОЗДАНИЯ ИНФОГРАФИКИ

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

EASELLY

Сервис Easelly предлагает существенно упростить создание инфографики посредством использования уже готовых шаблонов. Внести сюда статистическую информацию, которая автоматически отобразится в виде диаграммы или графика, нельзя, разве что придется вводить вручную заведомо структурированные данные, подгоняя их под выбранный шаблон.
Данный сервис позволяет попросту красиво структурировать информацию, нетребуя при этом совершенно никаких познаний в дизайне. Работает он по принципу drag&drop, то есть методом перетаскивания на рабочее поле наиболее подходящих для этой цели элементов. Каждому элементу, будь то картинка, линия или текст, можно придавать нужную величину и форму, просто растягивая или уменьшая его при помощи курсора. Также есть возможность добавлять свои изображения: пиктограммы, фотографии и т. д. Каждый предоставляемый шаблон служит лишь отправной точкой для вашей инфографики — фон и все элементы взаимозаменяемы. Несмотря на то что сайт на английском языке, он не видит разницы между латиницей и кириллицей. Сохранять готовый проект можно в форматах JPEG и PDF. Регистрация не обязательна.

RAW

Raw наилучшим образом подходит для создания графиков с интересной визуализацией, но без существенных затрат времени и сил. Способ создания крайне простой: введите имеющуюся у вас информацию в виде текста, который будет тут же сформирован в таблицу, выберите форму визуализации, а затем просто перетащите нужные вам данные в соответствующие поля для
отображения взаимосвязи между ними. После этого вы можете в реальном времени наблюдать создаваемый график, меняя при необходимости параметры. Сервис позволяет сохранить диаграмму в форматах PNG, SVG, JSON и в HTML-коде. К сожалению, на данном этапе разработки ресурса нет возможности добавлять заголовки, подзаголовки и различные подписи, однако стоит отметить поддержку кириллицы.

AMCHARTS LIVE

AmCharts Live весьма прост благодаря исключительной наглядности, Сервис позволяет импортировать таблицы в форматах CSV и Excel для большего удобства. Интерфейс полностью на английском языке, но воспринимает и кириллицу при вводе данных. Разобраться в настройках будет несложно, так как после каждого действия диаграмма автоматически реагирует на изменения. Минус сервиса том, что он разрешает сохранять полученный результат только в виде HTML-кода для вставки на веб-страницу.

PIKTOCHART

Этот ресурс можно охарактеризовать как симбиоз Easelly и Infogram, так как он позволяет редактировать уже загруженные (либо создавать свои с нуля) макеты методом позиционирования на рабочем холсте пиктограмм и текстовых подписей, но при этом дает возможность создавать графики и диаграммы с загружаемыми табличными данными. Поскольку Pictochart разрешает не просто создавать графики, но и интересно их оформлять визуально, он является более востребованным среди пользователей по сравнению с вышеназванными конкурентами. Добавляет ему очки и возможность сохранять готовую картинку в форматах JPEG и PNG сразу на жесткий диск. Само собой, как и в случае с другими зарубежными сервисами, Pictochart является условно бесплатным, предоставляя доступ лишь к нескольким шаблонам и ограниченному числу пиктограмм и изображений. Ежемесячная плата позволит открыть доступ к сотням новых возможностей редактирования инфографики.

INFOGRAM

Infogram можно назвать одним из наиболее дружелюбных к пользователю сервисов. Название сайта не зря напоминает всем известный Instagram, так как разработчики изначально исходили из идеи наибольшего упрощения интерфейса: «Зашел, создал, поделился». Для того чтобы создать свой график, необходимо либо завести аккаунт на сайте, либо войти через профиль Facebook или Twitter и выбрать один из шести предложенных шаблонов. Несмотря на полностью англоязычный интерфейс, Infogram воспринимает кириллический текст как родной, а разобраться с последовательностью действий можно даже методом «научного тыка».
Создавая свою инфографику, можно добавлять к шаблону необходимые вам диаграммы, загружать фотографии (или другие графические данные), видео. Все это будет располагаться на одном поле в задуманном вами порядке. Редактирование данных происходит в таблице, напоминающей Excel-документ, которая появляется после двойного щелчка на поле графика. Табличные данные можно вносить напрямую, а также копируя из открытого файла или же загрузив таблицу в формате Excel. Вся внесенная информация тут же отобразится на графике.
Сохранение вашей инфографики происходит автоматически, и каждый открытый шаблон помещается в вашу профильную библиотеку (Library). Все хранится на удаленном сервере, а потому вы в любой момент можете легко вернуться к нужному проекту и поменять данные по мере надобности. Отправить на жесткий диск готовый результат не получится, так как сервис предоставляет возможность делиться им только в социальных сетях Facebook, Twitter и Pinterest, либо получить код для самостоятельного встраивания на свой сайт.

CACOO

Дает возможность создавать простые диаграммы и схемы. Очень походит на Creatly благодаря поддержке русского языка, большому набору шаблонов, макетов, элементов и пиктограмм, опции работы в команде над одним проектом и многому другому. С помощью Сасоо можно, в первую очередь, быстро создать нужную схему онлайн. Как и в случае с другими подобными сервисами, нет необходимости устанавливать на компьютер программу-редактор, он является исключительно веб-приложением. Cacoo — платная платформа, однако предоставляет более широкие возможности для пользователя в некоммерческой версии, нежели Creately. Несмотря на то что сохранять на жесткий диск разрешено только в формате PNG, в других форматах (SVG, PS, РРТ, PDF) можно сохранить три пробных документа на каждый формат в отдельности. При этом в одной доступной папке способно храниться до 25 работ, а количество пользователей возрастает до 15 человек. К минусам относится невозможность импорта в таблицу видеороликов.

CREATELY

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

TABLEAU PUBLIC

Это бесплатное приложение поможет разработать сложную инфографику на основе множества данных. При этом программа сама разделяет всю загружаемую вами информацию на категориальную и числовую, предоставляя возможность с легкостью ею управлять. Все осуществляется привычным способом drag&drop. Вы можете создавать различные графики и диаграммы, учитывая те или иные соотношения категорий между собой, при этом Tableau сама будет подсказывать наиболее подходящие способы отображения информации визуально. В итоге все созданные диаграммы легко объединить на одном листе, а после финального форматирования сохранить как готовый проект. В связи с тем, что любая бесплатная программа имеет ограничения, вам придется быть готовым, что законченному проекту будет присвоен логотип Tableau, а сам он сначала опубликуется на «родном» сайте, и только после этого вы получите HTML-код для вставки на своей странице.
Следует отметить, что для работы с Tableau Public ее необходимо будет установить на свой ПК, так как сервис не является браузерным веб-приложением. И хотя он существует лишь в английской версии, но благодаря большому количеству обучающих видео можно самостоятельно разобраться в премудростях приложения.
Инфографика в виде «облака» слов отображает их в процентном соотношении друг к другу, учитывая меру их упоминания в тексте. С помощью такого изображения легко представить информацию популярности или непопулярности чего-либо. Такие словесные «облака» интересно смотрятся, их стоит использовать как отдель¬но, так и в качестве элемента в составе другой инфографики.

WORDLE

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

TAGXEDO

Именно потому лучше воспользоваться сервисом Tagxedo, который подкупает своей простотой и большим выбором возможностей. Достаточно просто ввести текст (либо вставить ссылку на него), выбрать одну из 114 форм расположения слов, подобрать цветовую гамму и шрифт, и — вуаля! — можно сохранять полученный результат в любом предпочитаемом формате и в любом размере. Недостаток в том, что кириллический шрифт всего один, в то время как латиница представлена двадцатью двумя. Но это придирки, не более.

Свобода творчества

Предложенные вашему вниманию сервисы — не единственные в своем роде: на просторах Интернета можно отыскать множество других. Однако вышеперечисленные решения являются понятными и доступными большинству людей, так как практически не требуют навыков графического дизайна. Необходимо лишь уметь правильно размещать графики, диаграммы, картинки, пиктограммы, текст и прочие элементы на рабочем поле для наилучшей визуализации. При этом можно пользоваться не одним конкретным сервисом, а несколькими, так как, несмотря на свою схожесть, они имеют различные условия по их использованию. Так, созданные элементы на нескольких разных сервисах легко объединить в более подходящем для этого приложении.
Если вы новичок в деле создания инфографики, то смело используйте предоставляемые различными сервисами бесплатные шаблоны для обучения, прежде чем оплачивать право на расширенные возможности. Научитесь заблаговременно определять, как наилучшим образом визуализировать имеющуюся у вас информацию, какие графики и диаграммы использовать, как отобразить текстовые данные. Инфографика имеет широкое поле для применения и помогает не только разнообразить методы подачи информации, но и создавать новые направления в этой области. Она доступна людям любых возрастов и с любой степенью образования. В XXI веке важно не столько владеть информацией, сколько уметь ее правильно подавать.