Как правильно составить инфографику

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

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

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

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

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

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

1. Собираем факты

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

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

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

2. Определяем аудиторию

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

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

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

3. Придумываем историю

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

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

У автора есть несколько минут, чтобы удержать внимание пользователя. Поэтому действовать надо быстро и в работе применять следующие методы:

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

4. Делаем сложную информацию понятной

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

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

5. Продумываем четкую и понятную структуру инфографики

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

При разработке структуры нужно уделить внимание следующим моментам: 

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

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

То есть успешная структура должна:

• помогать восприятию информации;
• гарантировать понимание со стороны пользователя;
• раскрывать суть;
• акцентировать внимание на важных фактах и умозаключениях.

6. Разрабатываем макет

Макет в инфографике — одна из основных частей. В нем формируется “путь” пользователя, то есть как и в каком порядке он знакомится с материалом на платформе. Поэтому главное для дизайнера при создании макета — это не шрифт, оттенок или форма, а структура и акцент на ключевые сведения. 

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

Обычно специалист делает 3-5 вариантов макета, чтобы можно было сравнить, оценить информативность и выбрать наиболее эффективный материал. 

7. Выбираем инструменты для работы

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

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

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

8. Выбираем подход к графическому дизайну

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

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

При выборе подхода необходимо учитывать:

• возраст и интересы людей;
• цель инфографики;
• место размещения.

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

9. Распространяем получившуюся инфографику

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

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

• выбрать доступные платформы для публикаций;
• провести анализ целевой аудитории на площадке;
• подобрать время публикации. 

Признаки качественной инфографики

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

1. Достоверность

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

2. Понятность

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

3. Лаконичность

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

Чтобы завоевать и удержать внимание пользователя, есть не так много времени. Поэтому длинные блоки текста с лишней информацией нужно урезать и свести к 1-2 предложениям, которые будут содержать основной посыл.

4. Структурированность

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

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

5. Целенаправленность

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

6. Своевременность

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

7. Единый стиль

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

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

8. Мощный заголовок

Информативное и вызывающее введение помогает привлечь внимание и заинтересовать пользователя в дальнейшем прочтении. 

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

9. Читабельность

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

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

9. Ценность

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

Сервисы для создания инфографики

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

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

1. Easel.ly

Бесплатный сервис с простым интерфейсом. Клиентам доступны более 10 готовых шаблонов. Платформа работает онлайн и предоставляет доступ к проекту инфографики с любого устройства.

1. Piktochart.com

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

1. Infogr.am

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

1. Vizualize.me

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

1. Venngage.me

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

1. Creately.com

Бесплатный инструмент для создания графиков, диаграмм, планов и другого контента. Creetely можно использовать как в онлайн-версии, так и как загрузить автономную программу для настольных компьютеров — она совместима с Windows, Mac и Linux.

1. Resumup.com

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

1. Ruseller.com

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

1. Mindomo.com

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

Где брать шаблоны

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

Ниже мы собрали несколько актуальных и известных сайтов с примерами инфографики: 

• Ru.freepik.com

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

• Design-mania.ru

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

• Www.coolwebmasters.com

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

• Richbee.ru

Сайт веб-студии, на котором можно найти множество примеров комплексного контент-материала в виде инфографики в определённом дизайне. 

• Www.dejurka.ru

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

• Mirshablonov.com

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

• All-clipart.net

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

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

Советы новичкам

Новое дело начинать сложно, и инфографика — не исключение. Но если с умом подойти к процессу создания контента, то можно получить качественный графический продукт. Мы собрали ТОП-7 советов новичку, которые помогут вникнуть в процесс создания инфографики и облегчить его.

1. Не разжевывайте

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

2. Упрощайте

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

3. Меньше декора

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

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

4. Немного о шрифтах

Единый стиль подчёркивает профессионализм и вкус, поэтому не стоит сочетать по пять шрифтов в одной инфографике. Дизайнеры рекомендуют остановиться на 1-2 шрифтах: один для заголовков, а второй для основного текста. Также не стоит слишком экспериментировать с размером шрифтов.

5. Отвечайте на вопросы

Каждый блок инфографики должен давать ответ на вопрос из предыдущего. Это позволяет выстроить логическую цепочку, которая в итоге приведёт к главному выводу. Такой метод позволяет удерживать внимание пользователя и провести его по теме от точки А к точке Б.

6. Лепка противопоказана

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

7. Защита авторских прав

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

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

Заключение

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

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

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

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

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

Изображения и видео взяты с сайтов Texterra, Miridei, Sales-generator, Bluesyemre, Startpack, Techrocks, Mindomo, Freepik.

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

• Что такое инфографика
• Типы инфографики
• Плюсы и минусы инфографики
• Как сделать хорошую инфографику
• Сервисы для создания инфографики
• Удачные примеры
• Совет эксперта

Важная часть инфографики в виде карты — легенда, где расписаны значения каждого знака. Источник: violet.mintmusic

Примеры инфографики:

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

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

Инфографику создаёт графический редактор, реже к работе подключается иллюстратор.

Проверка ручной клади по этой инфографике займёт несколько секунд. Источник: moscow-airports

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

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

Тексты и иллюстрации — часть композиционного решения инфографики. Источник: promzn

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

Оперативную инфографику используют, когда хотят визуализировать данные, меняющиеся в течение короткого времени. Источник: sportmarafonfest

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

Большой массив данных Дмитрий Менделеев смог расположить в удобной для ежедневного использования форме. Источник: glavsprav

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

Качественная инфографика понятна даже без текста или с текстом на иностранном языке. Источник: behance

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

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

Результаты исследования по нейробиологии тоже можно перевести на язык инфографики. Источник: reuters

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

Секторы кругов с резко отличающимися значениями закрашены одинаково: инфографика не только не вносит ясность, но и вызывает вопросы. Источник: behance

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

Визуально можно отличить, как и в какой период изменились зелёная и серая сущности. Источник: visualcapitalist

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

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

Кроме простоты и понятности, хорошая инфографика:

✅не перегружена символами, знаками, текстом, изображениями и другими деталями;
✅логична и консистентна ― все элементы согласованы друг с другом;
✅выдержана в едином стиле.

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

В Illustrator доступны гистограммы, линейные графики, круговые диаграммы, диаграммы Венна и другие варианты визуализации данных. Источник: adobe

Плюсы:
● есть специальные инструменты для работы с инфографикой, например Illustrator Graph;
● можно максимально видоизменять графики;
● работает онлайн.

Минусы:
● компания приостановила продажи в России;
● занимает минимум 8 ГБ оперативной памяти.

В популярном графическом редакторе есть десятки плагинов, которые помогают создавать диаграммы и графики. Qu Toolbox и Figpie работают с круговыми диаграммами, Graphviz — со сложными графиками, Chart позволяет построить 13 типов графиков и несколько видов диаграмм, а Datavizer даёт возможность преобразовывать данные в гистограммы, точечные или линейные диаграммы.

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

В базе знаний дизайн-сообщества Figma можно найти подсказки по созданию инфографики. Источник: figma.community

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

Минусы:
● возможности бесплатной версии ограничены;
● сложности с оплатой картами российских банков.

Онлайн-сервис заблокирован в РФ, но работает через VPN. В конструкторе больше 3 000 бесплатных шаблонов инфографики, которые можно отредактировать: изменить размер и цвета, настроить шрифты и заменить текст, добавить столбцы и другие элементы.

Чтобы быстрее найти нужный шаблон среди тысячи доступных, можно отсортировать их по темам, стилям и типу доступа. Источник: canva

Плюсы:
● есть базовая бесплатная версия;
● русскоязычный интерфейс;
● большая коллекция готовых шаблонов.

Минусы:
● возможности редактирования по сравнению с профессиональными программами ограничены;
● высокая стоимость pro-тарифа (около 7 000 ₽ в год);
● сложности с оплатой из России.

Освоить сервис получится в процессе создания собственного макета. Источник: infogram

Плюсы:
● есть базовый бесплатный тариф;
● доступна командная работа в режиме реального времени.

Минусы:
● нет русскоязычного интерфейса;
● высокая стоимость pro-тарифа: от $12,9 в месяц.

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

Разница менталитетов и языков — не препятствие для обмена идеями между дизайнерами со всего мира. Источник: behance

Лучшие из масштабных работ представляют на международных конкурсах инфографики, например Malofiej Infographics Awards. Как правило, среди победителей и номинантов — комплексная и весьма объёмная инфографика, представляющая гигантские пласты переработанной информации. Полезно отслеживать проекты победителей разных лет, разбираться в деталях и перенимать опыт ведущих дизайнеров мира.

Проект The New York Times получил награду за лучшую графику в исследовании изменения климата. Источник: nytimes

Победитель Malofiej Infographics Awards 2019 года — проект, показывающий основные вехи пути политика в конгресс. Источник: nytimes

Совет эксперта

Алевтина Гринмирис
Сначала нужно определить, зачем нужна инфографика: некоторые данные не нуждаются в представлении в графиках, их можно описать словами. Если ясно, что без визуализации информация будет непонятна, надо искать способы её сделать. Если совсем нет опыта, можно использовать любую программу с готовыми шаблонами. В ситуации, когда хочется чего-то более сложного, придётся разбираться в функциях профессиональных программ. Достаточно потратить час, чтобы посмотреть видео на YouTube и разобраться, как сделать диаграммы в Figma или Illustrator.

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

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

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

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

1. Выявление целей инфографики.
2. Сбор данных для инфографики.
3. Визуализация собранных данных.
4. Создание макета с помощью шаблона инфографики.
5. Работа над дизайном инфографики.

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

Давайте рассмотрим каждый этап в отдельности.

Этап 1. Выявление целей инфографики

Прежде чем перейти к дизайну, выбору макета и диаграммам, обозначим цели, которые преследует наша инфографика. Иными словами, зачем мы создаем инфографику?

Речь идет не о глобальных целях вроде комплексной обработки данных или увеличения посещаемости сайта.

В данном случае решаются ясные, конкретные, реально достижимые цели коммуникации.

Найдите ключевую проблему

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

Используйте пирамиду вопросов

Пирамида вопросов помогает сформулировать 3–5 актуальных вопросов, касающихся ключевой проблемы.

ПИРАМИДА ВОПРОСОВ:

Ключевая проблема
Главный вопрос, на который дает ответ инфографика.
2–3 вспомогательных вопроса
Вопросы, раскрывающие проблему (что, как).
1–2 уточняющих вопроса
Вопросы для анализа (почему).

 

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

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

Давайте разберем на примере. В инфографике ниже показаны принципы сочетаемости еды и вина:

Ссылка на источник

Ссылка на источник

 

Решаемая проблема: как сочетать еду и вино. В данном случае пирамида вопросов могла выглядеть так:
Ключевая проблема
Как сочетать еду и вино.
Вспомогательные вопросы
Какие продукты играют важную роль?
Какие существуют категории/виды вин?
Какие категории к каким продуктам подходят?
Уточняющие вопросы
Почему одни сочетания удачнее других?

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

Вернуться к оглавлению
 

Этап 2. Сбор данных для инфографики

Пришло время ответить на вопросы, которые были сформулированы на первом этапе.

Если вы располагаете собственными данными для ответа на поставленные вопросы, переходите сразу к третьему этапу. Если же нет, не волнуйтесь, мы вам поможем. Есть масса данных, находящихся в публичном доступе, которые вы можете использовать (только в США каждую минуту генерируется около 2,7 млрд гигабайтов новых данных), надо лишь знать, где искать эти сокровища.

Давайте рассмотрим несколько способов получения качественных данных без проведения собственных исследований.

Расширенный поиск в Google

Зачастую Google — это лучший ресурс для начала поиска. Вы можете получать более точные результаты в Google с помощью специальных символов или слов:

• Поместите запрос в кавычки для точного поиска слова или фразы.
  • Пример: “сочетаемость вина и еды”.
• Введите минус (-) перед словом, которое нужно исключить из результатов.
  • Пример: сочетаемость вина и еды –красное.
• Введите в конце запроса data для поиска сегментов текста.
  • Пример: сочетаемость вина и еды data.
•  Введите в конце запроса filetype: и расширение файла (xls, csv, tsv и т. д.) для поиска данных в файлах определенного типа.
  • Пример: сочетаемость вина и еды filetype:xls.

Поиск по базам данных

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

• Открытые данные правительства США: данные в отношении сельского хозяйства, климатических условий, экосистем, образования, здравоохранения и безопасности населения.
• Данные переписей США для социальных и экономических исследований и исследований в области здравоохранения: полный набор реестров переписи населения США с 1790 года по настоящее время.
• Statista: анализ конъюнктуры рынка.
• Kaggle: загружаемые пользователями наборы данных обо всем на свете — от шоколадных батончиков до финансирования стартапов.
• Исследовательский центр Пью: опросы общественного мнения, демографические исследования, контент-анализ и другие социальные исследования.
• Исследование использования времени американцами (American Time Use Survey): данные о том, сколько времени американцы тратят на сон, еду, занятия спортом и другие виды деятельности.
• Google Trends Datastore: наборы данных от Google News Lab.
• Академия Google: поисковая система по текстам научных публикаций.
• Data is Plural: рекомендательная еженедельная рассылка тематических наборов данных.
• AggData: геолокационные базы данных для бизнеса.
• Cool Datasets: как заявляют создатели сайта — «место для поиска классных баз данных».

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

Вернуться к оглавлению
 

Этап 3. Визуализация собранных данных в инфографике

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

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

• информирование,
• сравнение,
• показ изменений,
• организация,
• раскрытие взаимосвязей,
• анализ.

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

Рассмотрим все цели и соответствующие диаграммы/графики по порядку.

Информирование

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

Обратите внимание на число, выбрав для него яркий цвет и крупный жирный шрифт:

Акцентируйте внимание, добавив к тексту иконки:

Представьте данные в процентном выражении или отношении с помощью круговой диаграммы или пиктограммы:

Сравнение

Вы хотите показать сходства или отличия данных или частей целого.

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

Используйте круговую диаграмму, спидометр, значки или плоское дерево для сравнения частей целого.

Используйте гистограмму или ленточную диаграмму с накоплением для сравнения категорий и частей целого.

Используйте диаграмму с областями и накоплением для сравнения тенденций в долгосрочной перспективе.

Показ изменений

Вы хотите показать изменения, произошедшие за определенное время или в определенных регионах.

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

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

Используйте картограмму, чтобы показать геопространственные данные.

Используйте серию карт, чтоб показать изменения, касающиеся и времени, и пространства.

Организация

Вы хотите показать группы, схемы, классификацию или последовательность.

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

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

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

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

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

Раскрытие взаимосвязей

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

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

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

Анализ

Вы хотите, чтобы ваша аудитория использовала собранные вами данные для самостоятельного анализа.

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

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

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

 

Вернуться к оглавлению
 

Этап 4. Создание макета с помощью шаблона инфографики

Все, что осталось — создать макет и поработать над дизайном.

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

Придерживайтесь последовательного изложения

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

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

Используйте сетку для формирования структуры инфографики

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

Использование сетки позволяет упорядочивать элементы и управлять вниманием аудитории. Главное помнить: взгляд читателя скользит слева направо и сверху вниз.

Используйте макет с одной центрированной колонкой для данных с линейной последовательностью:

Источники: Everlane.com, Ziploc.com

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

Источники: RemoteRelief, The Guardian, FoodBeast

Если порядок чтения не столь уж важен, то можно использовать макет с несколькими колонками:

Источники: Lauren Conrad, Lemonly

Какой бы макет вы ни выбрали, помните: равномерное распределение элементов создает впечатление сбалансированной и структурированной композиции.

Создайте макет с помощью готового шаблона инфографики

Если перспектива создания макета с чистого листа вас пугает, предлагаем использовать готовые шаблоны инфографики, которые легко редактировать. Главное — выбрать шаблон, с которым ваш контент смотрится наиболее выигрышно.

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

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

 

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

 

Хотите сопоставить две диаграммы? Выберите шаблон инфографики с двумя колонками:

 

Надо представить 3 равноценных статистических выборки? Выберите шаблон инфографики с тремя колонками:

 

Накопилось много данных для представления? Выберите минималистичный шаблон инфографики с 4 или 5 разделами:

 

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

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

Вернуться к оглавлению
 

Этап 5. Работа над дизайном инфографики

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

Как выбрать шрифт для инфографики

Начните с вашего текста.

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

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

 

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

Повторение, распределение и выравнивание объектов при создании инфографики

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

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

 

Или использовать основу, чтобы акцентировать внимание на заголовке или пунктах:

 

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

 

Всегда применяйте к повторяющимся элементам выравнивание! Даже малейшее отклонение нарушит гармонию:

 

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

Как использовать негативное пространство при создании инфографики

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

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

Это означает, что у границы объектов (текста или изображения) должны быть отступы:

 

Интервалы между рядами помогают выделить разбивку по категориям:

 

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

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

Как выбирать цвета при создании инфографики

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

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

 

Или чтобы сгруппировать связанные элементы:

 

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

 

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

 

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

Вернуться к оглавлению

В завершение статьи еще раз резюмируем этапы создания инфографики:

1. Выявление целей инфографики.
2. Сбор данных для инфографики.
3. Визуализация собранных данных в инфографике.
4. Создание макета с помощью шаблона инфографики.
5. Работа над дизайном инфографики.

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

 

---

Виды инфографики

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

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

Допустим, у нас стоит задача красиво подать статистику роста рождаемости по регионам России. Мы возьмем карту страны и окрасим регионы в 5 разных цветов. Например, зеленым покрасим субъекты, где рождается более 1 млн детей в год. Синим — регионы, где более 800 тысяч в год. Розовым — где более 600 тысяч и т.д. А в нижней части поставим объяснение и график с цифрами по регионам.

В зависимости от поставленной задачи дизайнеры используют разные виды инфографики. Мы рассмотрели 10 самых распространенных. Изучите — узнаете в какой ситуации какую инфографику логично использовать.

1. Хронологическая инфографика

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

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

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

2. Сопоставительная инфографика

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

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

3. Географическая инфографика

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

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

4. Статистическая инфографика

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

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

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

5. Историческая инфографика

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

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

6. Иерархическая инфографика

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

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

7. Социальная инфографика

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

8. Процессы в инфографике

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

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

9. Конспекты в инфографике

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

Например, простая и понятная инфографика «Как проверить свежесть яиц». Визуальные акценты расставлены с помощью заголовков и изображений. Автор спрогнозировал разные сценарии и рассказал о них читателю. Человек изучит инфографику за 1 минуту и быстро запомнит все важное.

10. Списки в инфографике

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

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

Например, как ниже: 8 овощей, которые полезнее есть вареными и 10 полезных гаджетов для автомобиля. Это полезно для читателей, и многие захотят таким поделиться.

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

Что такое инфографика

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

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

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

10 преимуществ инфографики перед другими форматами

1. Тренд. Уже почти все знают, что это за зверь такой. Инфографику используют везде: на сайтах, в социальных сетях, в презентациях, даже в буклетах и газетах. С каждым днем количество такого формата растет и не собирается замедлять темпы. Знание, как сделать инфографику, значительно расширяет возможности создателей контента.
2. Легкое восприятие. Практически любой текст можно визуализировать, главное правильно подойти к этому вопросу. Инструкция, руководство, продающий текст, коммерческое предложение – все, что угодно можно представить в виде инфографики.
3. Знакомые образы. Если такой контент правильно составлен, люди обязательно заметят знакомые образы, лица и иконки в инфографике. Это невольно заставляет уделять больше внимания контенту.
4. Такой контент шерят. Почему бы не рассказать друзьям о какой-то штуке, которая может быть полезна любому в развернутом и доступном виде.
5. Быстро усваивается. Визуальный контент обрабатывается мозгом на 80% быстрее чем текст. Обычно мы просто бегло сканируем взглядом текст, инфографика хорошо запоминается даже при таком подходе.
6. Привлечение внимания. На фоне текстов с парой изображений инфографика всегда выигрывает. Знание как создать инфографику повышает конкурентность подаваемого материала.
7. Разнообразные форматы. В инфографике можно рассказать историю, научить человека чем-то пользоваться, показать как что-то работает, и это круто.
8. Люди ищут инфографику. Вместо запроса «как создать свой сайт», люди задают вопрос в поиск следующего вида «создание сайта инфографика», количество таких запросов за последние 6 лет увеличилось в 8 раз.
9. Инфографика увеличивает вовлеченность аудитории. Изображение с цифрами и графиками гораздо интереснее рассматривать, люди чаще лайкают такой контент.
10. Это просто красиво. Лучше, чем все виды контента по отдельности.

Посмотрите, как инфографика может круто рассказывать сама о себе:

Разновидности инфографики

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

1. Статистическая. Из самого названия понятно, что это статистика в наглядном виде: много таблиц, мало графиков, нет сюжета. Используется для отображения информации: например, при создании презентаций квартальных или годовых отчетов.
2. Аналитическая информация. Продвинутый тип статистической инфографики. Позволяет акцентировать внимание на разных фактах, выстраивать корреляции и зависимости.
3. Динамичная. Это более продвинутая разновидность. В ней могут показываться анимационные вставки, видеосюжеты, персонажи и так далее. Используется в разных целях. Инструкции, обучение, рассказ истории компании.

Как создать инфографику

Уже не вызывает сомнений эффективность использования инфографики. Как сделать самому яркий запоминающийся материал?

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

• Crello – здесь есть конструктор инфографики и много шаблонов для их создания;
• Visual – позволяет создавать качественные красивые инфографики и другой полезный контент;
• Piktochart – предлагает несколько бесплатных тем для инфографики и много платных в расширенной версии онлайн-приложения;
• Hohli Builder – можно использовать для создания диаграмм;
• Сreately – здесь представлены шаблоны инфографики графиков, в которые можно подставлять свою информацию, и получать готовый красивый результат.

Много удачных примеров инфографики можно найти в выдаче поиска по картинкам.

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

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

→ Топ курсов по созданию инфографики

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

→ Топ  курсов по Adobe Photoshop;

→ Топ курсов по Figma.

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