что такое инфографика определение
Что такое инфографика? 5 бесплатных сервисов для её создания
Чем хороша инфографика, какая она бывает и как сделать её самостоятельно. Мини-гайд для новичков в теме.
Слово «инфографика» слышали многие. А кто не слышал — всё равно с ней сталкивались, и не раз. Объясняем, что это такое и для чего нужно.
Что такое инфографика
Инфографика — это графический способ подачи информации. Если ещё проще — это информация, поданная в виде картинок. При этом помимо изображений в инфографику могут входить и другие элементы: текст, а также стрелки, диаграммы, блоки и схемы. Но ключевую роль играют именно изображения.
Созданием инфографики обычно занимаются графические дизайнеры. Иногда для этого они привлекают иллюстраторов.
Чем инфографика отличается от простого изображения или текста с изображением?
Инфографика — это не иллюстрация к тексту и не украшение, она — самодостаточный источник информации. Это значит, что все идеи и факты, которые вы хотели сообщить, есть в самой инфографике. Чтобы их понять, человеку не нужно никаких дополнительных материалов. Инфографика в целом и каждая её часть — самостоятельное средство передачи информации. Этим она отличается от, например, иллюстрации, которая хотя и передаёт информацию, но только дополнительную, и не может существовать без текста. Исключение — комиксы или рисованные истории, но это уже совсем другая тема.
Резюмируем: инфографика предназначена для быстрой, наглядной и яркой подачи материала.
Пишу научпоп, люблю делать сложное понятным. Рисую фантастику. Увлекаюсь спелеологией. Люблю StarCraft, шахматы, «Монополию».
Примеры инфографики
Говорить про картинки и не показывать их — как-то нечестно. Поэтому сейчас мы посмотрим несколько примеров, а потом продолжим разговор:
Теперь вернёмся в наше время. Вот два примера инфографики из сферы бизнеса:
Чем хороша инфографика
Действительно, данные всегда можно подать и просто текстом, таблицами и цифрами. Зачем тогда инфографика? У неё много преимуществ.
Во-первых, инфографика позволяет быстро доносить до аудитории большие объёмы данных. То, что долго пришлось бы читать, можно подать буквально в нескольких изображениях.
Во-вторых, хорошая инфографика делает информацию гораздо нагляднее. Картинки воспринимаются человеческим мозгом лучше текста, ведь на протяжении многих миллионов лет эволюции наши предки имели дело именно со зрительными образами, а никак не с текстовыми данными.
В-третьих, яркая, интересная картинка помогает привлечь внимание аудитории. Поэтому этот формат используют в публичных выступлениях, а также любят в медиа и используют в современных учебниках.
Где применяется инфографика
Инфографика применяется практически везде. Но и тут есть свои первопроходцы: например, в СМИ инфографику впервые начали использовать для подачи статистических данных.
Вот некоторые сферы применения:
Вообще область применения инфографики почти безгранична, всё зависит от вашей фантазии и целей.
Какая бывает инфографика
Существуют пять основных типов:
1. Аналитическая, или цифровая инфографика. С её помощью представляют статистические данные. Отличается обилием цифр, диаграмм, графиков и так далее.
2. Новостная инфографика. Наглядно рассказывает про свежие события, отражает хронологию и важные этапы происходящего.
3. Конструкционная инфографика. Демонстрирует устройство и составные части какого-либо объекта или механизм явления, иногда — хронологию и причины исторического события.
4. Рекламная инфографика. Создаётся компаниями для продвижения своего продукта. Яркая картинка с описанием достоинств товара и выгод от покупки. Может привлечь клиентов, если сделана хорошо — то есть сочетает грамотный маркетинг и удачный дизайн.
5. Сравнительная инфографика. Позволяет сравнить характеристики различных объектов. Если нужно, её можно дополнить более подробным анализом.
А ещё инфографика — это не только способ наглядно подать информацию, но и возможность красочно оформить шутку, сделав её ещё веселее. Вот несколько примеров:
Минусы инфографики
Как и у любого метода, у неё есть свои минусы.
Первый минус инфографики — это не очень дёшево. Написать текст или список обычно гораздо легче, дешевле и быстрее, чем подобрать подходящие изображения и грамотно их комбинировать. Кроме того, чтобы создать хорошую инфографику, нужны творческие способности, развитое дизайнерское мышление. Нужно понимать, как ваша аудитория воспримет эту графическую информацию, а ещё — оценить результат: насколько удачно то, что у вас получилось.
Второй минус в том, что иногда такая красочная форма подачи материала заставляет людей воспринимать эту информацию как не очень серьёзную. Решить эту проблему можно: заострите внимание вашей аудитории на важности того, о чём вы рассказываете.
Третий минус в том, что инфографика — это практически всегда некоторая схематичность, обобщение и упрощение действительности.
Четвёртый минус в большей степени зависит от исполнителей, чем связан с самими способом подачи информации. Дело в том, что если хорошая инфографика помогает усвоению информации, то плохо сделанная, наоборот, мешает её воспринимать, а в худшем случае даже даёт неправильную модель, неверное объяснение.
Как сделать хорошую инфографику
Сделать инфографику несложно. Гораздо сложнее сделать хорошую инфографику.
Вот несколько советов:
Бесплатные сервисы для создания инфографики
Есть много онлайн-сервисов, которые упрощают создание инфографики. Вот некоторые из них:
Очень популярный полностью бесплатный сервис. У него есть большая библиотека шаблонов и изображений. Отдельный и немаловажный плюс — наличие русскоязычного интерфейса. Помимо инфографики помогает создавать презентации, резюме, плакаты и многое другое.
Тоже популярный сервис. Можно очень быстро собрать инфографику, добавив к выбранному шаблону нужные значки, стрелки и подписи. Тоже есть огромная библиотека бесплатных шаблонов, изображений, значков и шрифтов. Несмотря на отсутствие русификации, интерфейс интуитивно понятен и вряд ли вызовет затруднения даже при минимальном знании английского.
Онлайн-сервис, особенно хорошо подходящий для создания аналитической инфографики. Позволяет загружать данные в виде Excel-файла. Базовые функции бесплатны; оформив платную подписку, можно получить дополнительные возможности. Русификация отсутствует.
Очень удобный сервис, позволяющий сделать инфографику в три простых шага. Предлагает пользователю много шаблонов и даже возможность самому их настраивать, изменять цветовую гамму. Это позволяет сделать почти уникальную картинку, несмотря на использование шаблона. Сервис полностью бесплатен и русифицирован.
Очень хорошо подходит для создания диаграмм и различных схем, в том числе очень сложных. Даёт широкий простор для творчества благодаря возможности изменять простые шаблонные фигуры под нужды проекта. Базовая версия бесплатна, русификация, к сожалению, отсутствует, но интерфейс несложен.
Заключение
Если же вы хотите научиться создавать инфографику, не пользуясь чужими шаблонами, и всерьёз интересуетесь дизайном — вам будет интересно на нашем курсе «Графический дизайнер с нуля до PRO». За восемь месяцев вы не только освоите эту профессию, но и создадите портфолио, которое поможет вам найти первых клиентов или устроиться на работу.
Что такое инфографика?
Инфографика – это прогрессивный способ представления технически сложной информации, а также данных, знаний и статистических расчетов в наглядном формате – с помощью распространенных инструментов визуализации: графиков, таблиц, диаграмм и инструкций. Инфографика повсеместно применяется в географии и журналистике, математике и рекламе, а еще – в кулинарии и даже политике.
И все же рассматривать каждое изображение, график или сравнительную таблицу, как яркий пример инфографики, нельзя – тут важно чувствовать тонкую грань и помнить о дополнительных нюансах и условиях.
Что можно считать инфографикой?
С научной точки зрения, инфографика – нестандартная форма графического и коммуникационного дизайна, способная представить объемный пласт информации в наглядном виде, а заодно – отобразить тенденцию изменения статистических показателей или фактов во времени и пространстве. Если же отойти от классических терминов, то воспринимать инфографику стоит, как изображение, передающее важный смысл исключительно с помощью графики и визуальных приемов, без использования сухих текстовых фактов, которые сложно представить в голове, сразу же запомнить или оценить.
Отсюда и вывод – если получается взглянуть на изображение и, не вчитываясь в надписи, сразу же разобраться, какую тему поднимают авторы и какие вещи предлагают изучить, значит, инфографика выполнена корректно и в соответствии с установленными правилами и жанровыми условиями.
Если же ситуация ровно противоположная, и без подводящего описания и сопроводительных текстовых подсказок ничего не разобрать, то вывод один – инфографика не справляется с возложенной задачей, и выбранные дизайнерами приемы не продуманы и не доведены до совершенства, а потому и не приносят той пользы, которую могли бы.
Для чего используется?
Сфера применения обширна: статистика, образовательная среда (за примерами не нужно далеко ходить – инфографика частенько применяется для подготовки или создания презентаций, или же в тех случаях, когда студенты обязаны разобрать крупный набор учебных материалов и не потеряться среди получаемых знаний), политика, география и метеорология.
Применяется техника работы с информацией и за пределами «серьезных дисциплин»: в журналистике и готовке, когда компании применяют инфографику для сайтов, где подробно отображаются используемые при приготовлении пиццы ингредиенты и специи. Отдельный пример применения инфографики – спорт. Так, с помощью графиков и диаграмм легко продемонстрировать тенденции заработка золотых медалей на Олимпийских играх.
Используется инфографика и при составлении резюме, способного в два счета донести до потенциального работодателя важную и наглядно оформленную информацию – успешно завершенные образовательные учреждения, рабочий стаж, накопленные знания, список законченных курсов. Всего три-четыре картинки и несколько визуальных примеров и кадровый агент сражен наповал, и главное – никаких скучных текстов с сухо представленной информацией, не несущей в действительности никакой пользы и лишь усложняющей собеседование.
Принципы и примеры
Перед тем, как рассматривать классические примеры инфографики, стоит разобраться в ключевых особенностях метода работы с контентом:
Для представления непонятной информации частенько применяются нестандартные изображения. К примеру, с помощью классического вертикального повествования некоторые профессиональные дизайнеры способны рассказать о том как работаю банки.
Пример инфографики с вертикальным повествованием. По клику — оригинальная статья.
Примеров инфографики масса, и главная тому причина – широкое применение. Инфографику легко отыскать и у крупных компаний, вроде Яндекс или Google, которые интерпретируют различную статистику и события, произошедшие за отчетный период. Или простые предприятия, желающих на ассоциациях и недавних успехах наглядно рассказать о себе.
Классический пример инфографики от Яндекса о распределении поисковых запросов по времени суток в 2017 году
Виды и типы инфографики
И, хотя метод графического представления информации встречается в разных дисциплинах, специалисты и дизайнеры выделяют разные способы классификации – по форматам (как пример – статичные и динамические), по источнику (новости, аналитика, реконструкция) и даже по подаче. О том, как не прогадать и сходу распознать правильный вид и тип – инструкция ниже.
По формату
Статичная инфографика. Данные преподносятся в виде отдельного изображения, графика или диаграммы, с которыми нельзя взаимодействовать. Никакой анимации, переходов или выпадающих меню, способных чуть больше рассказать о каждом предлагаемом элементе.
Как подсказывают эксперты, статичные данные в инфографике встречаются в 90 % случаев. Причины столь широкого распространения «статики» незамысловаты – так и дизайн легче продумать, и методы распространения не придется выбирать (пример статичной инфографики легко передать по электронной почте, через социальные сети или же напечатать в газетах и журналах), и разбираться в концепциях не придется.
Пример статичной инфографики с фактами о метро
Пример инфографики о чтении в России
Видео-инфографика. Набирающий поклонников вид представления информации, проговариваемой и отображаемой во время видеоролика. Подцепить важные факты в реальном времени намного сложнее, но если дизайнеры правильно продумали тематику оформления, а голос ведущего приятно слушать – шансы заслужить новую аудиторию достаточно высоки. Наглядные примеры такой инфографики легко отыскать на новостных и спортивных ресурсах, где журналисты за ограниченный промежуток времени пересказывают информацию о произошедших событиях.
Пример видео-инфографики о том, как наше тело реагирует на острые ощущения:
Интерактивная инфографика. Графическое представление информации, разрешающее пользователям взаимодействовать с данными и наблюдать за ответной реакцией, встречается редко даже в современных реалиях. А ведь за интерактивом будущее – так намного легче следить за тенденциями изменений статистических показателей, проще разыскивать взаимосвязь между отдельными явлениями (как пример – между курсами валют, населением Земли или процентом говорящих на английском языке людей) и легче разбираться в важных нюансах.
Интерактивная инфографика бывает двух видов: первая помогает пользователю взаимодействовать с заранее подготовленными данными, переключая кнопки и двигая ползунки. А вторая инфографика сосредоточена сначала на добавлении новой информации (цифр, слов или показателей), а после – на пересчете данных в зависимости от добавленных показателей.
Пример интерактивного калькулятора-инфографики
По подаче данных
Инфографика-сравнение. С простыми вводными данными, представленными в массиве или в виде отдельной таблицы, дизайнеры поступают стандартно – сравнивают. Так легко разобраться в уровне пенсий в европейских странах, запомнить показатели средней продолжительности жизни и узнать, насколько общественный транспорт безопасен по сравнению с ненавистными самолетами.
Пример сравнительной инфографики
Кстати, сравнивать иллюстраторы давно научились даже крошечные наборы цифр в 3-5 показателей. И ведь на «выходе» не к чему придраться – даже из 3 показателей легко собрать наглядный пример и сразу же уловить суть.
Инструкция. Частный пример инфографики, применяемый в узких сегментах развлекательного информационного направления. Через инструкции умелые дизайнеры способны рассказать о том, из каких ингредиентов собирается идеальный гамбургер с голубым сыром, как сварить борщ и не забыть о пампушках, и почему выдержанный в пивных бочках виски достигает совершенства через 10-12 лет.
Инструкция о том, как сочетать еду и вино
Раньше инфографика-инструкция встречалась лишь на зарубежных сайтах или в американских журналах, но с недавних пор доступна и на русском языке, в не менее красочном формате и с яркими визуальными примерами.
Схема. Графический рассказ о том, из чего состоит атомный двигатель, телескоп или электростанция. Схемы помогают посмотреть на некоторые вещи в разрезе и, не сильно разбираясь в науке, в примерах инженерного искусства или математике, изучить специфику сложных вещей, которые давно упрощают жизнь на Земле.
Пример интерактивной инфографики-схемы
Схемы, как правило, представляют собой статичные инфографики, но некоторые мастера не забывают и об интерактиве, предлагая по частям собрать атомный реактор на тематических ресурсах.
Карта. Эксклюзивный тип представления информации, который с легкостью можно разделить еще на десяток подразделов, в зависимости от тематики.Главное – помнить: если на экране – схематично оформленная планета Земля с надписями, диаграммами и графиками, значит, дизайнеры уже рассказывают о чем-то важном на наглядном примере.
Пример интерактивной инфографики-карты о наступлении Наполеона
Карты помогают разбираться и в спорте, и в политике, и в экономике, причем, используя одинаковые примеры и идеи (заштрихованные страны, выделенные границы государства).
Всё, что вы хотели знать об инфографике
Люди любят картинки. Вероятность того, что ваш материал изучат внимательно примерно в 30 раз выше, если представить его в виде инфографики.
В этой статье мы разберём, что такое инфографика, какие бывают виды инфографики и как создать инфографику, если вы не дизайнер.
Инфографика — это наглядный способ представить данные, который помогает быстро и просто доносить сложную информацию.
Не любой текст с картинкой можно назвать инфографикой. Инфографика — это визуальный способ коммуникации, поэтому в ней всегда преобладают изображения и графики.
Инфографика нужна, чтобы легко объяснять сложные процессы, в увлекательной форме распространять громоздкие данные и сильнее вовлекать читателей в контент.
Для каждого вида информации нужен свой вид инфографики. Давайте разберёмся в основных способах визуального представления информации.
Таймлайн — это способ визуализации истории, выделения важных дат или обзора событий.
Таймлайн важно делать интересным: не только указывать даты и события, но и показывать взаимосвязи, объяснять причины и приводить интересные факты.
Визуализировать статью в виде инфографики — это отличный способ сделать огромный кусок текста приятным для чтения и лёгким для восприятия.
Сравнительная инфографика — это чаще всего формат VS. Две вещи, идеи или концепции сравниваются по одним и тем же критериям, и их различия наглядно отображается.
Как правило, такая инфографика делится на две половины (по вертикали или по горизонтали) с одним вариантом на каждой стороне.
Когда нужно визуализировать результаты опроса или представить данные из нескольких источников, то статистическая инфографика — лучший способ для этого.
Статистическая инфографика фокусируется на данных. Макет и визуальные эффекты должны увлекательно рассказывать историю, которая кроется за цифрами статистики.
Процессы визуализируют при помощи блок-схем. Также такая инфографика подходит для визуализации ответа на один конкретный вопрос или поиска решения одной проблемы. Для того, чтобы создать хорошую инфографику процесс нужно разделить на законченные этапы, а затем расставить их в логическом порядке.
Инфографика — что это и зачем
Это простой способ объяснить сложные вещи.
Инфографика — это визуальный инструмент для подачи информации. Он помогает интересно и просто объяснить читателю сложную тему, проиллюстрировать смыслы и вложить их в голову человеку. Важные данные пакуют в упрощенную графическую оболочку, которую интересно рассматривать и легко запоминать. То что нужно для времен клипового мышления.
Инфографика — не просто изображение или декорация, которая разбавляет текст. Это самодостаточный канал для подачи информации. В хорошей инфографике есть все мысли и идеи, которые должен понять пользователь. Он посмотрит инфографику, и разберется в теме, не читая текст и не изучая дополнительных материалов. Очень круто и полезно.
Чтобы было понятнее, вот примитивный пример про строение американской термоядерной бомбы (обычно инфографики выглядят красивее): слева — инфографика, справа — декорация. Чувствуете разницу?
Обычно инфографики рисуют дизайнеры. Но есть сервисы, чтобы делать это самостоятельно и не переплачивать. Тема нашей беседы — инфографика: что это, зачем она нужна, и как ее правильно создавать.
Преимущества и недостатки
Инфографика помогает иллюстрировать происходящее в тексте, рисовать в голове у читателя ясную и понятную картину, а возможно даже кинофильм. Но не всегда это удается сделать хорошо. Плохая идея создавать инфографику ради инфографики. Сама по себе картинка с вагоном элементов и составляющих проблему читателя не решает. И это минус инфографики как формы подачи текста.
Чтобы было понятнее, разложим все плюсы и минусы по полкам.
Привлекательность — графическая подача информации охотнее воспринимается читателями
Наглядность — с помощью инфографики можно проиллюстрировать сложные вещи и наглядно показать читателю
Компактность — с помощью инфографики можно упаковать большой объем информации в небольшую по объему иллюстрацию
Распространение — люди охотно делятся графическим контентом в социальных сетях, если он им интересен
Простота создания — есть много условно бесплатных сервисов с готовыми шаблонами и элементами
Упрощение — обычно, чтобы упаковать сложную тему в короткую иллюстрацию, информацию нужно упростить. Есть риск потерять важные детали
Расходы — самые красивые инфографики делают дизайнеры. Их работу приходится оплачивать
Проблемы с восприятием — из-за упрощения читатель может утратить ощущение серьезности темы. Так часто бывает, когда с помощью инфографик объясняют, например, законодательство, налоговые вопросы или права потребителей
Перегруз — если переборщить с набором данных и объяснений, инфографика воспринимается сложнее текста. Из-за ощущения сложности у человека не возникнет желания ее изучить
Сложность создания — сделать красивую, понятную и лаконичную инфографику сложнее, чем кажется
Виды инфографики
Инфографика всегда включает набор элементов: изображений, текста, списков, иконок, стрелок взаимосвязи, диаграмм, таблиц, карт и много чего еще. Набор элементов и приемов подачи информации для конкретной инфографики определяется ее задачами.
Например, мы хотим проиллюстрировать, как со временем менялся логотип Старбакс. Тогда мы разместим в инфографике линию времени и с условными датами и иконками характерных для этого времени логотипов.
Допустим, у нас стоит задача красиво подать статистику роста рождаемости по регионам России. Мы возьмем карту страны и окрасим регионы в 5 разных цветов. Например, зеленым покрасим субъекты, где рождается более 1 млн детей в год. Синим — регионы, где более 800 тысяч в год. Розовым — где более 600 тысяч и т.д. А в нижней части поставим объяснение и график с цифрами по регионам.
В зависимости от поставленной задачи дизайнеры используют разные виды инфографики. Мы рассмотрели 10 самых распространенных. Изучите — узнаете в какой ситуации какую инфографику логично использовать.
1. Хронологическая инфографика
Используют, если нужно показать хронологию событий: как развивалась корпорация, какой профессиональный путь прошел известный человек, как менялось отношение к бороде в России и т.д. Если на иллюстрации есть даты (годы, месяцы), и они собраны в какую-то одну историю — это хронологическая инфографика.
Обычно для иллюстрации хронологии используют таймлайн. Это линия времени с отметками в виде дат, выносок, картинок, фотографий и нужных нам описаний. Если дат и событий менее 10, используют прямой таймлайн. Если дат и деталей для объяснения много — рисуют изогнутую линию. Хотя, большое количество информации легко вместить за счет коротких описаний и мелкого шрифта. Вот пример, как проиллюстрирована история волейбола и история появления вашего любимого соуса.
Такой вид инфографики позволяет правильно расставить акценты. С помощью правильной последовательности дат и направления линии можно фокусировать внимание читателя на различных нюансах нашей истории. Например, в инфографике истории появления соуса наиболее значимая дата — 2020 год, она выделена большим кеглем. Промежуточная важная дата — 2008 год, у нее увеличенная иконка.
2. Сопоставительная инфографика
Используют, если нужно что-то сравнить: процессы производства, подходы к управлению, разные продукты, бренды или виды литературы. Обычно для этого достаточно задать посередине страницы вертикальный разделитель, и по разные его стороны сопоставить информацию про сравниваемые объекты.
В конце можно сделать вывод, и так вложить в голову человека правильные мысли и соображения. Иногда человек сам должен сделать вывод — тогда в инфографике составляют набор сравниваемых фактов. Вот как раз такой пример.
3. Географическая инфографика
Используют, чтобы проиллюстрировать демографическую ситуацию или географическое распределение. В основе такой инфографики всегда карты. На отдельных элементах этой карты обычно акцентируют внимание с помощью цвета, линий и указателей. Чтобы важные информационные элементы считывались и воспринимались легко, их делают крупным шрифтом, а сами факты описывают короткими сообщениями.
Вот пара простых, но очень емких примеров. Чтобы подсветить нужные места на картах, авторы использовали выноски-указатели и короткие факты-объяснения. Все доступно и понятно.
4. Статистическая инфографика
Используют, чтобы проиллюстрировать статистику: результаты исследований, социологических или профессиональных опросов, экзитполов. Традиционные элементы для такой инфографики — графики, диаграмм и иконки. Они помогают улучшить восприятие читателем сухих данных и создать правильное настроение.
Со статистикой в инфографике нужно осторожно. Обычно это не статистический отчет, люди не будут изучать каждую цифру. Если перегрузить, читатель быстро утратит интерес. Или воспримет иллюстрацию как слишком сложную и пойдет дольше. Поэтому, если есть возможность упростить — нужно упрощать.
Вот пример такого удачного упрощения. Показано, сколько канадцы тратят времени на творчество и креатив. Акценты расставлены крупным шрифтом, жирными заголовками, цветом и иконками.
5. Историческая инфографика
Разновидность хронологической инфографики. Используют, чтобы проиллюстрировать исторические события, их последовательность и связь между собой. Обычно для этого изображают линию времени, на которой размещают короткие факты и данные.
Акценты расставляют с помощью дат и заголовков. Иконками разбавляют сухой текст, иногда иллюстрируют важные моменты. С помощью линии времени показывают взаимосвязь между датами. Так перечень исторических событий собирается в единую хронологию.
6. Иерархическая инфографика
Используют, чтобы показать упорядоченность какой-то системы, иерархию, строение, структуру управления предприятием и взаимосвязь отдельных элементов этой структуры. Например, чтобы показать структуру управления компанией, дизайнер использовал принцип пирамиды. Другой дизайнер, чтобы изобразить иерархию в руководстве регионом, использовал разветвленную круговую структуру.
Оба варианта хорошие. Выбранный инструмент зависит от поставленной задачи. Например, в инфографике справа стояла цель акцентировать внимание на том, что все изображенные люди — команда, и ненавязчиво изобразить, что они подчинены тому, кто в центре. Слева же обратили внимание, что есть главный, и него есть подчиненные.
7. Социальная инфографика
Используют, чтобы показать глубину изображенных на баннере проблем. С помощью коротких фактов автор обычно демонстрирует пути решения и повышает эффект от повествования. Чтобы усилить посыл, факты подкрепляют визуальными образами. Например, в изображенной ниже инфографике про бездомных к тезисам подобраны небольшие иконки-иллюстрации. Акцент сделан на сценариях, из-за которых люди попадают на улицу. Для каждой из этих категорий своя статистика.
8. Процессы в инфографике
Используют, чтобы показать действие сложных систем, проиллюстрировать циклы или очередность шагов какого-то процесса. Для этого изображаемую систему разбивают на этапы, подбирают визуальные образы и создают связи в виде цепочки шагов. Получается что-то вроде схемы из набора упорядоченных этапов.
Чем сложнее процесс, тем больше этапов и связей. Это не всегда хорошо для инфографики, так как один из ее основных принципов — упрощение. Вот смотрите. Слева — простой и понятный процесс из 4 шагов. Ясно что делать, куда смотреть и что за чем идет. Справа — ребус. Если посмотреть мельком, не поймешь, что за чем идет, связи не очевидны. И хотя человек потратил кучу времени на отрисовку такой инфографики, ясности в последствия падения на землю астероида это не внесло.
9. Конспекты в инфографике
Используют, чтобы помогать читателям запоминать важные данные «на каждый день»: как выполнять отдельные виды работ, про что не забыть при выборе продуктов, как перестать использовать гаджеты на ночь, как правильно хранить продукты в холодильнике. Отличный способ проиллюстрировать житейские истины и проявить заботу о читателе. Очень полезно и наглядно.
Например, простая и понятная инфографика «Как проверить свежесть яиц». Визуальные акценты расставлены с помощью заголовков и изображений. Автор спрогнозировал разные сценарии и рассказал о них читателю. Человек изучит инфографику за 1 минуту и быстро запомнит все важное.
10. Списки в инфографике
Используют для перечисления важных фактов, полезных инструментов, приемов, советов, способов, интернет-сервисов и всего остального, что нужно запомнить списком. Например, 8 самых полезных продуктов. Или 15 вещей, которые нужно взять с собой в путешествие по Сибири.
Обычно в таких инфографиках все тезисы и элементы списков имеют одинаковый вес. Поэтому их изображают равнозначными, самостоятельными единицами без конкретных иерархий и связей. Акценты делают на заголовках и графических изображениях элементов списка.
Например, как ниже: 8 овощей, которые полезнее есть вареными и 10 полезных гаджетов для автомобиля. Это полезно для читателей, и многие захотят таким поделиться.
Как правильно создать
Не будем останавливаться на пошаговых инструкциях и алгоритмах. Все и так понятно: идея → разбивка на элементы → подготовка текстов → визуализация в бесплатном конструкторе или фотошопе.
На эту тему есть много видео — инфографика создается в несколько простых шагов, когда есть готовый материал. На наш взгляд, важнее разобрать общие правила и аксиомы, которые нужно соблюдать при подготовке материала. Давайте по порядку — начнем с матчасти и эстетики.
1. Правила
Текст . Обычно смыслы формирует визуальная составляющая, а текст — только объяснение. Его дозируют и употребляют в минимальном объеме, чтобы объяснить детали и внести ясность. Основу составляют иллюстрации. Проверьте, как они работают: уберите весь текст и покажите инфографику другому человеку. Если он понимает, о чем речь — хорошо.
Взаимосвязи . Чтобы показать связь элементов между собой, их нумеруют, связывают стрелками или линиями. Взаимосвязи задают последовательность восприятия. Без них есть риск, что тезисы создадут в голове у читателях кашу.
Цветной фон . Он привлекает внимание и обещает читателю что-то интересное. Особенно, если учитывает тематику и заложенный смысл. Например, когда мы делаем инфографику про здоровье — делаем синий или голубой фон. Если рассказываем про законы — комбинируем цвета официальной символики. Когда делаем инфографику для компании, комбинируем корпоративные цвета и фирменный стиль.
Шрифты . Не более двух: один для заголовков, один для основного текста.. Чтобы расставить акценты, выделяем текст болдом или размером кегля.
Элементы . Используемые иллюстрации для обозначения отдельных тезисов оформляют в одном стиле. Если иконки выполнены в разном стиле, теряется взаимосвязь. А еще визуально не красиво.
Формат . Внешний вид инфографики определяется местом ее размещения. Если мы делаем иллюстрацию для социальных сетей, верстаем инфографику вертикально, используем больше визуалки и меньше текста. Если инфографику разместят в научно-познавательном интернет-журнале — верстаем ее горизонтально. Допускаем больше объяснений и деталей — чтобы иллюстрацию было интересно рассматривать.
2. Принципы
Простота . Инфографика — это сообщение. Чтобы его донести пользователю, инфографика должна быть простой, без сложных взаимосвязей и перегрузов. Человек посмотрит ее и не запутается.
Смыслы, а не декорации . Все элементы в инфографике должны что-то объяснять. Декоративные элементы — удалить, чтобы пользователь концентрировался только на основной линии подачи. Каждый блок, каждая иконка и текстовый элемент обязаны доносить читателю мысль
Интуитивность . Иконки и изображения в инфографике не должны быть ребусом. Интуитивно понятные цвета, символика и иллюстрации упрощают задачу и вызывают у пользователей стойкие ассоциации.
Достоверность . Тезисы, которые нужно донести до аудитории, обязаны быть достоверными и проверенными, цифры — подкрепленными статистикой.
Структурированность . Четкая и логичная структура и последовательность изложения должна быть везде, где это возможно. На самых важных элементах расставляют акценты. Они не должны противоречить структуре.
Цель . Инфографику не делают для декораций. Она должна решать какую-то задачу. Например, вызывать желание поделиться в соцсетях, подписаться. Или показать экспертность автора. Или проиллюстрировать простоту процесса. Возможно, сформировать картину мира по определенному вопросу у некого круга адресатов.
3. Формулирование темы
Инфографика — это всегда одна тема, одна история или один процесс. Обычно тема инфографики формулируется вокруг уже готового материала. Например, статистического исследования, аналитической статьи или развлекательного материала из журнала.
Чтобы не перегружать, важно найти фокусные точки в этой теме и сфокусироваться на чем-то одном самом важном, наиболее интересном аудитории аспекте или тонкости.
Например, у нас есть материал про открытие индивидуального инвестиционного счета. Есть смысл описать в инфографике процесс получения налогового вычета по этому счету — самая важная штука для читателя по этому вопросу.
Допустим, мы иллюстрируем материал про защиту прав потребителей. Правильно будет сделать инфографику с процессом обращения в Роспотребнадзор или суд. Или со списком основных прав, которые защищает закон.
4. Проведение исследования
Важный момент — подбор данных. Нет смысла упаковывать в инфографику скучную статистику. Иллюстрации и яркие цвета не делают ее веселее. Куда интереснее достать интересные детали, тонкости по теме, и сфокусироваться на них.
Для этого грамотные авторы проводят исследование: изучают материалы по теме, находят первоисточники, смотрят на тезисы с разных сторон. За счет объема информации формируется ясная и объективная повестка. Когда у автора есть неочевидная информация, останется вытянуть самое важное и грамотно проиллюстрировать.
Допустим, у нас есть материал про инвестирование в МФО — мол можно заработать, а можно и прогореть. Чтобы не наполнять инфографику банальщиной, домыслами и абстракциями, мы найдем статистику Центробанка по МФО за несколько кварталов, сделаем сравнение по ним и покажем динамику. В этом помогут шаблоны статистической инфографики.
Людям интересы количественные и резонансные показатели, исследование поможет нам найти эту информацию. Получится круто.
5. Подбор стилистики
С этим проблем быть не должно. Стилистика и формат подачи информации формируются исходя из набора данных и поставленной задачи. Детали визуального оформления обычно продиктованы набором шаблонов и бесплатных элементов конструктора, который использует автор.
Если стоит задача подойти к инфографике основательно и не использовать шаблоны, можно вдохновиться на чужих работах. Например, посмотреть работы дизайнеров на Behance, Pinterest или Dribble.
6. Разработка
Есть два варианта: разработать самостоятельно или привлечь дизайнера.
С помощью дизайнера. Если есть лишняя 1000 рублей, можно заказать инфографику дизайнеру. Дешевле всего разместить заказ или найти исполнителя на бирже фриланса. Например, на Кворке есть дизайнеры, которые готовы выполнить заказ даже за 500 рублей. Можно обратиться в дизайн-студию, но там обычно берут от 5000. Правда, и качество с эстетикой будут лучше.
Анализ и корректировка
Когда инфографика готова, нужно получить фидбек. Есть смысл показать результат коллегам и посоветоваться. Или друзьям. Или маме. В общем, неважно кому, главное — получить фидбек. Нужно узнать:
Когда обратная связь получена, всегда будет что изменить. Коррективы пойдут на пользу и добавят ясности. Для объективности фидбека стоит спросить мнение нескольких человек.
Продвижение инфографики
Удачно разработанная инфографика способа привлекать трафик на сайт. Обычно для этого инфографику и отдельные тизеры (отрывки, графики, диаграммы, иллюстрации) распространяют по социальным сетям и форумам. Удачные каналы для шеринга — профессиональные и тематические сообщества, блоги с вовлеченной аудиторией.
Чтобы инфографика привлекла как можно больше трафика, ее нужно грамотно оптимизировать для продвижения. Ниже — очевидные вещи, которые нужно сделать:
Сервисы для создания инфографики
Ниже — крутые, простые и условно бесплатные сервисы для визуализации данных. С их помощью легко создавать классные инфографики, даже если вы ничего не понимаете в дизайне.
Отличный сервис без русского интерфейса. Любую инфографику можно буквально «собрать на коленке» из готовых шаблонов и библиотеки бесплатных элементов. Захватываем с помощью мышки и перетаскиваем в нужное место на экране. Все удобно и интуитивно понятно. Если есть желание, можно анимировать отдельные элементы, всю инфографику или даже вставить видео, музыку и записать голос за кадром прямо в редакторе. Крутая штука, горячо рекомендуем.
Очень похожий функционалом и возможностями на Visme. Много бесплатных шаблонов, иконок и тематических иллюстраций. Библиотека обширнее, чем у Visme, но большая часть элементов платные и доступны по подписке PRO. Если не купить, на них останутся водяные знаки — не очень красиво. Но при желании можно обойтись и бесплатными.
Редактор простой и интуитивно понятный. Все визуальные элементы размещаются на отдельных слоях, их легко захватывать и перемещать с помощью мыши. Анимации, видео — все как полагается.
Бесплатный инструмент для визуализации данных от гугла. С его помощью легко строить простые графики и диаграммы прямо на сайте. Еще можно создавать динамические пиктограммы, рисовать карты, формулы, циферблаты, дисплеи и кое что еще. Всего — 11 инструментов визуализации. Правда, чтобы ими пользоваться нужны хотя бы минимальные знания в HTML — придется работать с кодом.
Еще один англоязычный инструмент для визуализации данных. В нем большая библиотека шаблонов графиков, карт и диаграмм. Дополнительно можно загружать фото- и видеофайлы. Данные вводят через табличный редактор, принцип такой же как в экселе. Сервис сам корректирует внешний вид диаграмм и карт для лучшей визуализации данных. Когда все готово, можно скачать инфографику отдельным файлом или получить код для вставки на сайт
Где брать изображения
Библиотеки предложенных сервисов не всегда удовлетворяют пользователей. Там много векторных иконок и иллюстраций, но значительная часть платные. А еще не хватает изображений на узкие тематики. Поэтому дизайнеры обычно используют для этих целей фотостоки. Вот 10 лучших и многие из них бесплатные:
Заключение
Выше мы подробно разобрали инфографику — что это такое. Простыми словами — это инструмент визуализации информации. Он помогает быстро и просто рассказать читателям о сложных вещах. Чтобы создавать инфографику, не нужно быть дизайнером. Нужно иметь интересные данные, правильно их разбить на отдельные элементы и уметь структурировать. А визуализировать данные помогают бесплатные сервисы.