Сервис по созданию инфографики. Данные по шаблону

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

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

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

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

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

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

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

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

И это объяснимо: 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, экспортировать файлы в приоритетном формате.

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

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

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

В диаграмму можно вставить целую таблицу Excel, что очень облегчает перевод в интернет-графики данных из документов MS Office. В платной версии сервиса (доступ стоит 15 долларов в месяц) к диаграмме можно подключить таблицу из Google Docs.

Первый онлайн график на сайте Infogr.am

Создание учетной записи в сервисе infogr.am сводится к вводу логина, пароля и адреса электронной почты.

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

Диаграммы создаются с помощью кодирования и с помощью команд текстовых файлов HTML5. На сайте доступны подробные разъяснения по поводу определения стилей диаграммы. Большой помощью являются примеры графиков с исходным кодом.

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

Dipity - интерактивная шкала времени

Адрес : http://www.dipity.com/

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

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

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

Venngage - анимированные графики

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

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

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

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

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

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

Плюсы и минусы создания инфографики

Плюсы создания инфографики для своих проектов (сайты, блоги, группы в социальных сетях и т.д.):

• Минимум текста, что облегчает восприятие пользователем даже больших объемов контента.
• Человек запоминает около 83% информации, которую он воспринимает визуально. При чтении усваивается только около 20% информации.
• Инфографикой делятся чаще, потому что она "цепляет" взгляд.

Но здесь есть и свои минусы:

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

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

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

1. Easel.ly

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

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

2. Piktochart

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

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

3. Creately

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

4. Venngage

Еще один сервис Venngage. Он предназначен только для одного — создания инфографики. Причем, для получения красивой инфографики достаточно сделать всего 3 простых шага. А в начале работы можно использовать готовые материалы.

5. Vizualize.me

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

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

6. Infogr.am

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

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

7. Mind the Graph

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

8. Canva.com (на русском)

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

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

9. Visme.co

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

10. Visual.ly

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

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

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

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

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

Инфографика и периферическое зрение

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

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

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 и размещать готовые диаграммы на разных ресурсах.