Быстрые, простые и бесплатные приложения для превращения данных в привлекательную инфографику.

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

Последнее, кстати, не так сложно. Тем более с нашей сегодняшней подборкой лучших БЕСПЛАТНЫХ инструментов и приложений для создания инфографики. Некоторые из вариантов здесь даже подходят для не-дизайнеров, поскольку шаблоны и другие функции делают их простыми в использовании.

Попробуйте использовать некоторые из них «не отходя от кассы»!

Visme обещает помочь вам «говорить визуально». Вы также можете использовать его для создания презентаций, но он в первую очередь ориентирован на создание привлекательной инфографики. Этот бесплатный инструмент включает более 100 бесплатных шрифтов, миллионы бесплатных изображений и тысячи качественных значков. Также есть опции для включения видео и аудио (в том числе возможность записи озвучивания непосредственно в редакторе - удобно!). Вы также можете анимировать свой контент, чтобы сделать его более четким. Замечу, что анимированная инфографика – это тренд последнего года, вы обязаны попробовать сделать такую хотя бы один раз.

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

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

Диаграммы Google – мощный, простой в использовании и бесплатный инструмент, доступный каждому. Вы можете выбирать из множества графиков и настраивать обширный набор опций, чтобы инфографика идеально соответствовала внешнему виду вашего сайта. Подключайте данные в реальном времени, и Google Chart - идеальный инфографический генератор для вашего сайта.

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

Существует бесплатная версия, а есть и платные варианты: план Lite за 15 долларов США в месяц и учетная запись Pro, стоимость которой составляет 29 долларов США в месяц.

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

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

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

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

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

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

Инфографика набирает популярности, использование наглядных визуальных диаграмм и графиков все чаще встречается в блогах и на разных сайтах. Представляет ТОП-10 сервисов для инфографики от портала coba.tools .

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

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

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

Плюсы
При бесплатном тарифе сохраняются все основные возможности сервиса.
Интеграция с Google Таблицами.
Интерактивные таблицы.

Минусы
Определен лимит на объем хранимых изображений.
Иногда появляются баги при работе с Chrome.

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

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

Минусы
Бесплатная версия содержит ограниченное число шаблонов.
Не интегрируется с некоторыми средствами аналитики.

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

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

Минусы
Бесплатный тариф имеет ограничения.
Нельзя совместно работать.

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

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

Минусы
Ограничения при бесплатном тарифе.
Подходит не для всех платформ.

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

Плюсы
Бесплатный ресурс.
Наглядный конечный результат для поиска работы.
Удобный и простой ресурс.

Минусы
Только англоязычная версия.
Только под веб.

Cacoo

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

Плюсы
Есть бесплатный тариф.
Совместный командный доступ.
Экспорт готового проекта для печати.

Минусы
Ресурс англоязычный.

Google Презентации

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

Плюсы
Программа русифицирована.
Автосохранение изменений.
Кроссплатформенность.

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

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

Плюсы
Сервис бесплатный для владельцев пакетов Microsoft.
Кроссплатформенный ресурс.
Есть встроенные шаблоны.

Минусы
Слишком стандартный вариант для проведения презентаций.

Prezi

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

Плюсы
Вставка видео из YouTube.
Кроссплатформенность.
Инструкция пользования.

Минусы
Бесплатный тариф имеет ограничения, созданный в нем проект доступен всем.

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

ТОП-10 лучших сервисов создания инфографики онлайн обновлено: Август 10, 2018 автором: admin

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

До недавнего времени считалось, что происходит борьба двух форматов: «коротко и ясно» 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

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

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