Главная » Триколор ТВ » Как сделать инфографику: пошаговая инструкция, особенности и рекомендации. Инструменты и сервисы для создания инфографики онлайн

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

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

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

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

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

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

Минимум текста, что облегчает восприятие пользователем даже больших объемов контента.
Человек запоминает около 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

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

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

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

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

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

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 типов различных диаграмм. Вот они:

Линейный график
Гистограмма
Пузырьковый график
Лепестковая диаграмма
Японские свечи
Диаграмма Венна
QR-код
Карта
Формула
Круговая диаграмма

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

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

До недавнего времени считалось, что происходит борьба двух форматов: «коротко и ясно» vs «длинно и углубленно». Но становится все очевиднее, что абсолют обоих форматов несовершенен. Хороший «проявитель» этого несовершенства - тот факт, что co-founder Twitter Эван Уильямс пытается отойти от формата «140 символов самовыражения» в своем новом проекте, платформе Medium для публикации длинных статей с новостями и идеями. Одновременно с этим множатся и становятся «всеобщей технологией» онлайн-сервисы для создания инфографики. Не просто так, конечно, не только потому, что это классический ход эры стартапов - до определенного момента наполнять нишу дублями. Каждый формат имеет свои преимущества и недостатки, но скорее всего победит… их гибрид - предельно емкие идеи в предельно практичной формулировке и форме.

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

С определенными оговорками - да. Например, итальянская дизайн-студия H-57 научит всех инфографику любить: у нее можно учиться лаконично рассказать историю жизни - Юлия Цезаря, Майкла Джексона, Марии Антуанетты и The Beatles (альбомный инфографический проект из 200 историй «Жизнь за 5 секунд»), описать сюжет «Матрицы» или «Чужого», драму Валентинова дня или конец эры динозавров.

Инфографические сюжеты от итальянской дизайн-студии H -57: альбомный проект из 200 историй «Жизнь за 5 секунд».

У кого еще можно поучиться рассказывать инфографические истории? У питерского журнала «Инфографика» , специализированного портала VmestoSlov и инфографического портала стартап-евангелистов Анны Витал и Влада Шислова Funders And Founders .

Можно перечислить основные принципы создания своей инфографики:

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

А сейчас пробежимся по нескольким инфографическим сервисам.

Работа из тематического журнала «Инфографика»

Creately.Com

Демо-режим доступен без регистрации, посмотреть стиль и попробовать можно тут же. Тема инфографических рабочих столов хорошо развита в англоязычном Интернете, поэтому ответ на классический вопрос «А на русском?» - тоже классический: «Надо учить глобальный язык - английский, без него никуда». Creately, кстати, пытается делать вид, что русифицирован. На самом деле - только отчасти (2 из 3 панелей меню), но все довольно интуитивно, и новичку по умолчанию сервис предлагает только базовые наборы инструментов, в которых не запутаешься, - простую понятную инфографику можно сделать очень быстро.

Есть рабочий стол, сверху - панель с выбором стиля и инструментами («открыть», «новое», «шаблон», «сохранить», «вставить», «копировать», «вырезать», «вернуть/повторить», «текст», «линия», «изображение», «стиль», «заполнить», «фильтр»). Сбоку - панель инструментов с широким набором геометрических фигур, стрелок, фигурных блоков, бабблов («пузырей» для текста) и человеческих силуэтов с разными «специализациями» (от фигуры младенца до выпускника). Основополагающий принцип - Drag and Drop: элементы перетаскиваются из меню на рабочий стол стрелкой мыши.

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

Если хочется пуститься во все инфографические тяжкие, можно загрузить больше инструментальных панелей (а переводы значений при необходимости посмотреть в онлайн-переводчиках). Найдутся даже изображения iPhone и iPad, Web 2.0 виджеты, специальные символы вроде логических ворот (Logic Gates) и много других тематических иконок. Creately и подобные ему сервисы позволяют строить карты памяти (Mind Maps), облака слов и диаграмму Гантта.

Есть несколько панелей с иконками на тему образования: «школьные» объекты, мензурки с химикатами, компьютерные составляющие и т. п. То есть сервис можно использовать как для работы, так и для образования, причем и со стороны преподавателя, и со стороны ученика/студента.

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

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

У Creately.Com есть комьюнити, тьюториалы и разные тарифы: бесплатный публичный с ограничениями функциональности, персональный за $5, тариф для командной работы за $75 в месяц и другие.

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

Easel.Ly

Visual.Ly

Visual.Ly симпатичен стилистически и особенно интересен развлекательными опциями вроде «Ваша Facebook-жизнь за 30 дней в инфографическом формате» - регистрация занимает минуту, дальше вы проходите по ссылке, автоматически разрешая сервису посмотреть и проанализировать активность вашего профиля, и получаете персональную карту social media жизни. В целом несколько раздражает стремление Visual.Ly при любой возможности посмотреть ваш Facebook-профайл, но логика понятна - игровые возможности для того и сделаны. Классная возможность Visual.Ly - представить данные Google Analytics в виде инфографики.

Конструктор инфографики здесь более визуальный - предполагается, что за по-настоящему интересной инфографикой компания обратится к специалистам самой Visual.Ly. На маркетплейсе можно заказать инфографический материал в виде картинки ($999), в интерактивном ($7500), презентационном ($2000) или видеоформате ($5000).

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

Draw.Lo

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

Cacoo.Com

Это еще один Drag and Drop сервис для создания инфографики, похожий на Creately.Com и Draw.Lo. Помимо прочего, у него есть полезная опция коллаборации в режиме реального времени и обсуждения инфографики с коллегами.

Иллюстрация обложки: H -57

(!) Статья на 90% переработана и обновлена 02.08.2016 года. (!)

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

Мы расскажем вам о 20 (и даже больше) ресурсах, которые помогут вам сделать первые шаги в этом направлении.

В подборке представлены:

видео-обзор 4 программ для создания инфографики,
процесс создания инфографики своими руками,
шаблоны инфографики для Microsoft PowerPoint,
биржи фриланса для заказа инфографики,
бесплатные уроки по созданию инфографики,
платные курсы обучения инфографике!

Обзор 4 программ/сервисов для создания инфографики

Создание инфографики своими руками (Шаг за шагом)

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

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

Программы/сервисы для создания инфографики онлайн на основе шаблонов (на англ.яз.)

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

Piktochart.com (Пикточарт)

Данные по шаблону:

30 ярких и запоминающихся слайдов;
размер презентации 4:3;
полностью редактируемые диаграммы и графики (в MS Excel);
современная инфографика: можно поменять цвет иконок, карт, фигур и диаграмм;
встроенные шрифты: стандартные (Calibri, Calibri Light);
файл в формате PPTX;
цена: 990 руб

PowerPoint шаблон — Для Экопроектов

Данные по шаблону:

12 ярких и запоминающихся слайдов;
размер презентации 4:3;
современная инфографика: можно поменять цвет иконок, фона и фигур;
встроенные шрифты: PF Din Text Cond Pro Medium*, PF Din Text Cond Pro Light*;
файл в формате PPTХ;
цена: 990 руб

Бесплатные уроки по созданию инфографики (на русском)

Infogra.ru

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