Инфографика – это графический способ подачи информации, сочетающий текст и рисунок. С помощью инфографики можно наглядно и просто объяснить информацию, изложить историю, кратко и в то же время полно истолковать какой-либо сложный факт. Инфографика появилась в 1982 году в журнале USA Today, и с тех пор этот вид подачи информации стал очень популярен, сегодня ведущие издания специально выделяют ведущих дизайнеров и журналистов для создания этих интересных красочных схем. Мы считаем, что инфографика может помочь любым коммерческим сайтам.

При создании инфографики нужно делать ставку на:

• полезную информацию,
• яркое оформление,
• внятное и интересное объяснение темы,
• интуитивно понятные символы и обозначения

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

Главное – сделать первый шаг

Если вы никогда не занимались созданием инфографики, то в самом начале вам можно предложить следующие рекомендации:

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

Затем можно заняться созданием контента. Если у вас будет четкое представление о том, что вы хотите сделать, вы уже на полпути к успеху.

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

В чем делать инфографику: критерии выбора

Мы считаем самыми оптимальными критериями в выборе программы для создания инфографики следующие:

• Программа должна быть бесплатная (или почти бесплатная).
• Она должна находиться в интернете.
• Важный фактор – простота в использовании; очень хорошо, если в ней есть технология Drag-and-drop
• При работе она не должна требовать наличие Photoshop на компьютере и других «тяжелых» программ.

Обзор бесплатных сайтов и программ для создания инфографики

GoogleDocs

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

Ease.ly

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

Infogr.am

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

Piktochart.com

Видимо, Piktochart.com – самый лучший вариант из всех представленных. На этом сайте расположено множество различных образцов для диаграмм и графиков, также есть опция платного доступа. Примерно за час можно создать простую и красивую инфографику, сайт не требует наличия Photoshop, там есть технология Drag-and-drop. Кроме того, графические элементы можно перемещать, добавлять графику, текст, изменять дизайн, накладывать бэкграунд, в том числе на бесплатном аккаунте. Есть возможность сохранить рисунок в виде файла с расширением.png или в формате RAW.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Cacoo

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

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

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

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

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

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

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

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

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

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

Prezi

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

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

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

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

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

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

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

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

1. Vizualize

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

Дополнительно можно использовать данные о карьерном пути из своего профиля в соцсети LinkedIn.

2. Google Developers

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

3. Easel.ly

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

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

4. Piktochart

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

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

В бесплатной версии предлагается три базовых шаблона. За остальное придется заплатить $29 в месяц либо $169 в год.

5. Infogr.am

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

6. Visual.ly

Visual.ly - платформа для публикации инфографики, стартовавшая в 2011 году. Готовую инфографику можно разместить в социальных сетях. Сервисом пользуются не только энтузиасты-одиночки, но и профессиональные дизайнеры, известные бренды и компании: в сообществе более 35 тыс. участников, и для брендов есть отдельные платные пакеты услуг.

7. InFoto Free

Нишевый инструмент для тех, кто пользуется Android-смартфонами для фотосъемки. С помощью этого сервиса можно «вытянуть» все EXIF-данные из сделанных фотоснимков и построить по ним инфографику. Предусмотрена возможность редактирования.

Помимо бесплатной версии приложения, есть также платная версия без рекламы стоимостью в $0,99.

8. Venngage

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

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

9. Dipity

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

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

10. Get About

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

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

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

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

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

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

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

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

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