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

Иллюстрация: Оля Ежак для Skillbox Media

Пишу научпоп, люблю делать сложное понятным. Рисую фантастику. Увлекаюсь спелеологией. Люблю StarCraft, шахматы, «Монополию».

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

Созданием инфографики обычно занимаются графические дизайнеры, иногда — иллюстраторы.

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

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

Если данные всегда можно подать текстом, таблицами и цифрами, то зачем инфографика? У неё много преимуществ.

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

Во-вторых, хорошая инфографика делает информацию гораздо нагляднее.

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

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

Вот некоторые сферы применения:

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

Существуют пять основных типов:

• Аналитическая, или цифровая инфографика. С её помощью представляют статистические данные, в ней много цифр, диаграмм, графиков.

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

• Конструкционная инфографика. Демонстрирует устройство объекта или механизм явления, иногда — хронологию и причины исторического события.

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

• Сравнительная инфографика. Позволяет сравнить характеристики различных объектов.

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

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

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

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

Сделать инфографику несложно. Гораздо сложнее сделать хорошую инфографику.

Вот несколько советов:

• Не перегружайте инфографику текстом. Помните, что основную информацию несёт изображение.
  Лайфхак: чтобы проверить, выполняет ли инфографика свою роль, можно убрать из неё весь текст. Даже без текста должно быть примерно понятно, о чём речь. Не давайте много текста сплошной «простынёй» — это сильно затрудняет восприятие материала.

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

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

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

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

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

1. Сanva

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

2. Easel.ly

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

3. Piktochart

Этот онлайн-сервис подходит для создания аналитической инфографики. Можно загружать данные в виде Excel-файла. Базовые функции бесплатны, дополнительные возможности — при оформлении платной подписки. Русского языка нет.

4. Venngage

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

5. Creately

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

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

Научитесь: Графический дизайнер с нуля до PRO
Узнать больше

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

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

• Бесплатная (или почти бесплатная).
• Находится в интернете.
• Простая в использовании.
• Классно, если работает по drag-and-drop.
• Не требует установки дополнительных программ.

Видео в тему:

Google Docs

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

Ease.ly

Простой в использовании англоязычный сервис. В бесплатной версии Ease.ly доступно:

• 10 готовых шаблонов.
• 65 инфографических символов и 25 фотографий.
• Экспорт jpeg низкого качества.
• 10 шрифтов.
• 4 вида графиков.

Схемы в итоге получаются наглядными и яркими.

Piktochart.com

На бесплатном тарифе Piktochart доступно:

• Множество графиков, картинок и фотографий.
• Десятки шаблонов.
• Сотни символов в разных стилях.
• Технология drag-and-drop.
• Шрифты.

Можно сохранить рисунок в виде файла с расширением png или в формате raw.

Canva

Интерфейс Canva напоминает Piktochart, шаблоны такие же, как на Ease.ly. Сервис дает много бесплатных инструментов:

• Шаблоны и фоны.
• Графики и диаграммы.
• Разные шрифты.
• Яркие картинки.
• Фотографии и графические символы.
• Сохранение рисунка в формате png.

В целом – круто. Что неудобно – бесплатные и платные инструменты находятся в одной куче.

Visme.co

Англоязычный ресурс с простым интерфейсом. Бесплатные возможности Visme.co:

• Шаблоны и фоны.
• Возможность сделать видеоинфографику.
• Шрифты.
• Графики, диаграммы, схемы, карты.
• Графические картинки и фотографии.
• Сохранение в формате jpg.

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

«Следи за графиком»

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

• Фоны и инфографические картинки.
• Схемы, диаграммы, графики.
• Шрифты.
• Сохранение в формате png.

Есть одно неудобство в сервисе «Следи за графиком» – при сохранении на картинке появляется лого сервиса.

P. S. Как сделать инфографику, если никогда этого не делал

Ваша задача – помочь читателю лучше понять тему. В этом помогут следующие рекомендации:

1. Определитесь с идеей, упростите ее. Потом вернитесь и упростите еще раз.
2. Оставьте самое главное и интересное. Текста не должно быть слишком много, в идеале он должен стремиться к нулю.
3. Посмотрите на готовую схему, будет ли она понятна вашей аудитории. Если нет – переделайте.
4. Объясните идею в инфографике с помощью сервисов из нашей подборки.

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

15 ошибок, из-за которых ваша инфографика остается незамеченной

Время на прочтение
10 мин

Количество просмотров 55K

Тиффани Фаррант-Гонзалез и Джарред Ромли из компании JESS3 подробно расскажут вам о 10 основных шагах, необходимых для создания содержательной и привлекательной инфографики.

Хотя термин «инфографика» является сравнительно новым, идея передачи информации в графическом виде существует уже очень давно. Тысячи лет люди пытались объяснить явления окружающего их мира изобразительными средствами. Об этом свидетельствуют пещерные рисунки, созданные 30 000 лет назад, древние египетские иероглифы, удивительным образом передающие сложнейшие истории средствами простой иконографии, эволюция китайской письменности, и, наконец, самые первые образцы картографии и гистограмм.

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

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

01. Пусть факты говорят сами за себя

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

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

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

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

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

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

02. Поставьте цель и определите аудиторию

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

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

03. Придумайте интересную историю

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

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

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

1. Просвещение (допустим, вы не знаете, что такое XYZ, а я могу рассказать вам об этом).

2. Потенциальные возможности (допустим, вы думаете, что здесь нельзя применить XYZ, а я расскажу вам, почему можно).

3. Опасения (допустим, вы думаете, что здесь можно использовать XYZ, а я объясню вам, почему нельзя).

4. Успокоение (допустим, вы думаете, что XYZ здесь нельзя применить, а я расскажу, почему можно).

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

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

04. Сделайте сложное простым

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

Samsung Smart Wall пользовался невероятным успехом во время фестиваля SXSW 2012, благодаря сложнейшей наглядной инсталляции, состоящей из 23 экранов, на которых были показаны самые обсуждаемые докладчики, площадки и темы для дискуссий.

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

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

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

05. Структура — прежде всего

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

Основными характеристиками, которые повлияют на доступность структуры для восприятия, будут следующие:
• количество информации, которой вы обладаете (слишком много или слишком мало?);
• классификация информации — различные классификации требуют использования соответствующих визуальных форматов. Ричард Саул Вурман обозначил 5 способов систематизации информации: по местоположению, по алфавиту, в хронологическом порядке, по категориям и в иерархическом порядке;
• среда, где будет размещена информация (статичная, интерактивная или динамичная);
• место, где в основном будет размещена информация (в интернете, в печатном виде, на экране телевизора);
• размеры информации.

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

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

Признаки плохой структуры в том, что она:
• маскирует информацию;
• запутывает факты;
• мешает осмыслению.

06. Макетирование: экспериментируйте и создавайте всё более новые образы

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

Геосоциальная вселенная, разработанная компанией JESS3 Labs в 2011 году, использует зрительный образ, чтобы показать на карте крупнейших игроков в геолокационной среде, или, точнее говоря, вселенной.

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

07. Выберите правильный инструмент для работы

Эта простая и понятная схема классифицирует и отображает полный состав сторонников акции протеста «Захвати Уолл-Стрит».

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

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

08. Выберите правильный подход

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

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

Выборы в США представлены в виде графика, где в прямом эфире отображены самые обсуждаемые темы, а также рейтинг кандидатов.

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

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

09. Распространение и пиар

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

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

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

10. Воспринимайте инфографику как моральное действие

Напоследок мы хотели бы привести мудрые слова из книги отца инфографики Эдварда Тафти «Beautiful Evidence»:

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

Текст оригинала: Тиффани Фаррант-Гонзалез и Джарред Ромли

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

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

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

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

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

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

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

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

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

 

---