Инфографика что это такое простыми словами
Что такое инфографика и как ее лучше сделать?
Инфографика что это простыми словами
С тех пор как десять лет назад инфографика взорвала мир графического дизайна, она стала основой общения в интернете. Но что такое инфографика если вы новичок в мире дизайна и термин «инфографика» вам чужд?
Инфографика встречается повсюду — дорожные знаки, карты метро, облака тегов на сайтах, графики погоды и даже наскальные рисунки — и это всего лишь несколько примеров.
Отличная инфографика — это как мгновенное озарение. Инфографика это информация, которая показывает что-то неожиданное и заставляет задуматься. Вот например инфографика Артемия Лебедева:
Я недавно сделал свою собственую видео-инфографику в программе After Effects, и выложил на ютуб, зацените:
Сила визуализации неоспорима, но что делает инфографику такой убедительной? Инфографика обладает эмоциональной силой, потому что она очень быстро может показать вам то, как что-то работает, показать смысл идеи, связь, причину и следствие. Люди реагируют на это — они дольше смотрят, удивляются и делятся с друзьями.
Люди помнят 10% того, что они слышат, 20% того, что они читают, и 80% того, что они видят и делают. Поэтому, если вы хотите сделать информацию запоминающейся, превратите ее в то, что аудитория видит и делает, а не слышит или читает.
Какой должна быть лучшая инфографика?
Инфографика должна иметь четкую направленность, без посторонних деталей. Вы должны видеть только то, что вам нужно.
Взгляните на инфографику наиболее распространенных дней рождений в США. Мы видим диаграмму, где каждый день разного оттенка. Чем темнее, тем больше детей рождалось в этот день.
Сразу видно темную полосу с повышенной рождаемостью, которая проходит через июль, август, сентябрь и октябрь. Можно увидеть, что 4 и 5 июля происходит внезапное снижение рождаемости. Видимо из-за праздников. То же самое во время рождественских каникул.
Но если вы посмотрите на 14 февраля, то вы увидите темный остров, где рождается много детей. Это важный аспект убедительности, когда не только вы можете что-то показать, но и сам зрительно может открыть что-то новое, свободно перемещаясь по таблице.
Инфографика позволяет нам увидеть невидимое. Она может быть эффективным инструментом убеждения. Часто люди не верят нашим аргументам только потому, что не могут их понять. Инфографика может сделать абстрактный предмет конкретным. Особенно хорошо это получилось отобразить в этом ролике, который в реальном времени показывает выбросы углерода в Нью-Йорке в реальном времени в виде гигантских синих пузырей.
В этом ролике нам показывают как в атмосферу выброшено 54 метрических тонн углекислого газа. Это две тонны каждую секунду. Вы видите, как каждую секунду с земли поднимаются по две тонны углекислого газа и как со временем он накапливается. К концу дня, эта куча пузырей достигает вершины Эмпайр Стейт Билдинг. Это удивительно, потому что вы теперь интуитивно понимаете, сколько загрязнений получает атмосфера.
Как не надо делать инфографику
Отличная инфографика может увеличить посещаемость вашего сайта, добавить количество обратных ссылок и набрать больше подписчиков. Но только в том случае, если инфографика сделана правильно. Ниже приведены самые распространенные ошибки.
Данные сбивающие с толку
Диаграмма, которая не имеет смысла — не передаст информацию правильно. Запутанный график или трудно интерпретируемые визуальные эффекты могут разочаровать читателей.
В приведенном ниже примере используется неверный тип диаграммы. Создается такое впечатление, будто эти 3 вещи должны в совокупности составить 100% (но при беглом расчете это 143%!).
Перегруженные графики
Есть большая вероятность, что читателей уйдут, если вы принуждаете их напрягать мозги, чтобы получить информацию, например, как в приведенном ниже примере. Лучше избегать такого визуального представления, если только вы не создаете головоломки.
Не тратьте время на то, что по вашему мнению круто. Не забывайте разделять цветами однотипные наборы данных.
Перегрузка текстом
Инфографика перегруженная текстом, сводит на нет всю суть самой инфографики. Ваши читатели не смогут одним взглядом охватить сразу всю информацию.
Чем меньше слов, тем лучше. Сокращайте текст до тех пор, пока не начнет теряться главный смысл.
Неправильные цвета
Слишком большое количество цветов, делает инфографику запутанной. Чем меньше цветов, тем больше вероятность того, что инфографика покажется разработанной профессионально.
Кроме того, цвета могут отражать плотность данных. Более темные оттенки обычно ассоциируются с увеличивающимися данными. Смотрите ниже пример.
Придерживайтесь максимум четырех цветов. Сведите к минимуму количество цветов, с хорошим контрастом элементов и фона. Желтый цвет обращает внимание, оранжевый намекает что на это стоит взглянуть, красный кричит, что это нужно прочитать прямо сейчас.
Чрезмерное количество значков, иконок и фото
Инфографика, которая перегружена иконками и значками, теряет свой фокус. Читатель не поймет на что нужно обратить внимание. Обратите внимание на двух птиц ниже, хотя розовая птица показывает 55%, а синяя 45%, размер самих птиц одинаковый.
Сложное не всегда лучше. В инфографике, даже больше, чем во многих других средствах массовой информации, важны баланс и гармония
Во многих отношениях дорожные знаки являются идеальной инфографикой: они передают именно ту информацию, которая необходима и четко видна даже на скорости 70 миль в час. Они сделаны большими, с яркими цветами и легко читаемыми шрифтами, и их язык дизайна настолько культовый, что имитируется во всем мире.
11 Бесплатных онлайн конструкторов инфографики
Виды инфографики
Самостоятельное создание инфографики может стать сущим кошмаром, если вы никогда этого не делали. В этом случае советую не париться и просто заказать где-нибудь. Я например часто пользуюсь фриланс биржей нового поколения: Kwork. Там можно за 500 рублей, без нудных переговоров и всего за пару дней заказать классную инфографику на любой вкус:
Вывод
Инфографика все еще жива! Если кто-то заявляет что инфографика сейчас уже не работает, он либо введен в заблуждение, либо не видел действительно настоящую инфографику.
Проверяйте свою инфографику перед публикацией. Убедитесь что источник фактов является достоверным. Не говорите, а покажите свою информацию — не заставляйте своих читателей прилагать усилия для изучения информации.
Не забудьте определить свою целевую аудиторию. Многие совершают ошибку, создавая инфографику под всех людей, но не для релевантной аудитории.
По сути, инфографика это некий сценарий, или история. Поэтому, прежде чем приступить к созданию очередной инфографики, вам не помешает изучить то, что делает истории вирусными — это сторителлинг.
Что такое инфографика? 5 бесплатных сервисов для её создания
Чем хороша инфографика, какая она бывает и как сделать её самостоятельно. Мини-гайд для новичков в теме.
Слово «инфографика» слышали многие. А кто не слышал — всё равно с ней сталкивались, и не раз. Объясняем, что это такое и для чего нужно.
Что такое инфографика
Инфографика — это графический способ подачи информации. Если ещё проще — это информация, поданная в виде картинок. При этом помимо изображений в инфографику могут входить и другие элементы: текст, а также стрелки, диаграммы, блоки и схемы. Но ключевую роль играют именно изображения.
Созданием инфографики обычно занимаются графические дизайнеры. Иногда для этого они привлекают иллюстраторов.
Чем инфографика отличается от простого изображения или текста с изображением?
Инфографика — это не иллюстрация к тексту и не украшение, она — самодостаточный источник информации. Это значит, что все идеи и факты, которые вы хотели сообщить, есть в самой инфографике. Чтобы их понять, человеку не нужно никаких дополнительных материалов. Инфографика в целом и каждая её часть — самостоятельное средство передачи информации. Этим она отличается от, например, иллюстрации, которая хотя и передаёт информацию, но только дополнительную, и не может существовать без текста. Исключение — комиксы или рисованные истории, но это уже совсем другая тема.
Резюмируем: инфографика предназначена для быстрой, наглядной и яркой подачи материала.
Пишу научпоп, люблю делать сложное понятным. Рисую фантастику. Увлекаюсь спелеологией. Люблю StarCraft, шахматы, «Монополию».
Примеры инфографики
Говорить про картинки и не показывать их — как-то нечестно. Поэтому сейчас мы посмотрим несколько примеров, а потом продолжим разговор:
Теперь вернёмся в наше время. Вот два примера инфографики из сферы бизнеса:
Чем хороша инфографика
Действительно, данные всегда можно подать и просто текстом, таблицами и цифрами. Зачем тогда инфографика? У неё много преимуществ.
Во-первых, инфографика позволяет быстро доносить до аудитории большие объёмы данных. То, что долго пришлось бы читать, можно подать буквально в нескольких изображениях.
Во-вторых, хорошая инфографика делает информацию гораздо нагляднее. Картинки воспринимаются человеческим мозгом лучше текста, ведь на протяжении многих миллионов лет эволюции наши предки имели дело именно со зрительными образами, а никак не с текстовыми данными.
В-третьих, яркая, интересная картинка помогает привлечь внимание аудитории. Поэтому этот формат используют в публичных выступлениях, а также любят в медиа и используют в современных учебниках.
Где применяется инфографика
Инфографика применяется практически везде. Но и тут есть свои первопроходцы: например, в СМИ инфографику впервые начали использовать для подачи статистических данных.
Вот некоторые сферы применения:
Вообще область применения инфографики почти безгранична, всё зависит от вашей фантазии и целей.
Какая бывает инфографика
Существуют пять основных типов:
1. Аналитическая, или цифровая инфографика. С её помощью представляют статистические данные. Отличается обилием цифр, диаграмм, графиков и так далее.
2. Новостная инфографика. Наглядно рассказывает про свежие события, отражает хронологию и важные этапы происходящего.
3. Конструкционная инфографика. Демонстрирует устройство и составные части какого-либо объекта или механизм явления, иногда — хронологию и причины исторического события.
4. Рекламная инфографика. Создаётся компаниями для продвижения своего продукта. Яркая картинка с описанием достоинств товара и выгод от покупки. Может привлечь клиентов, если сделана хорошо — то есть сочетает грамотный маркетинг и удачный дизайн.
5. Сравнительная инфографика. Позволяет сравнить характеристики различных объектов. Если нужно, её можно дополнить более подробным анализом.
А ещё инфографика — это не только способ наглядно подать информацию, но и возможность красочно оформить шутку, сделав её ещё веселее. Вот несколько примеров:
Минусы инфографики
Как и у любого метода, у неё есть свои минусы.
Первый минус инфографики — это не очень дёшево. Написать текст или список обычно гораздо легче, дешевле и быстрее, чем подобрать подходящие изображения и грамотно их комбинировать. Кроме того, чтобы создать хорошую инфографику, нужны творческие способности, развитое дизайнерское мышление. Нужно понимать, как ваша аудитория воспримет эту графическую информацию, а ещё — оценить результат: насколько удачно то, что у вас получилось.
Второй минус в том, что иногда такая красочная форма подачи материала заставляет людей воспринимать эту информацию как не очень серьёзную. Решить эту проблему можно: заострите внимание вашей аудитории на важности того, о чём вы рассказываете.
Третий минус в том, что инфографика — это практически всегда некоторая схематичность, обобщение и упрощение действительности.
Четвёртый минус в большей степени зависит от исполнителей, чем связан с самими способом подачи информации. Дело в том, что если хорошая инфографика помогает усвоению информации, то плохо сделанная, наоборот, мешает её воспринимать, а в худшем случае даже даёт неправильную модель, неверное объяснение.
Как сделать хорошую инфографику
Сделать инфографику несложно. Гораздо сложнее сделать хорошую инфографику.
Вот несколько советов:
Бесплатные сервисы для создания инфографики
Есть много онлайн-сервисов, которые упрощают создание инфографики. Вот некоторые из них:
Очень популярный полностью бесплатный сервис. У него есть большая библиотека шаблонов и изображений. Отдельный и немаловажный плюс — наличие русскоязычного интерфейса. Помимо инфографики помогает создавать презентации, резюме, плакаты и многое другое.
Тоже популярный сервис. Можно очень быстро собрать инфографику, добавив к выбранному шаблону нужные значки, стрелки и подписи. Тоже есть огромная библиотека бесплатных шаблонов, изображений, значков и шрифтов. Несмотря на отсутствие русификации, интерфейс интуитивно понятен и вряд ли вызовет затруднения даже при минимальном знании английского.
Онлайн-сервис, особенно хорошо подходящий для создания аналитической инфографики. Позволяет загружать данные в виде Excel-файла. Базовые функции бесплатны; оформив платную подписку, можно получить дополнительные возможности. Русификация отсутствует.
Очень удобный сервис, позволяющий сделать инфографику в три простых шага. Предлагает пользователю много шаблонов и даже возможность самому их настраивать, изменять цветовую гамму. Это позволяет сделать почти уникальную картинку, несмотря на использование шаблона. Сервис полностью бесплатен и русифицирован.
Очень хорошо подходит для создания диаграмм и различных схем, в том числе очень сложных. Даёт широкий простор для творчества благодаря возможности изменять простые шаблонные фигуры под нужды проекта. Базовая версия бесплатна, русификация, к сожалению, отсутствует, но интерфейс несложен.
Заключение
Если же вы хотите научиться создавать инфографику, не пользуясь чужими шаблонами, и всерьёз интересуетесь дизайном — вам будет интересно на нашем курсе «Графический дизайнер с нуля до PRO». За восемь месяцев вы не только освоите эту профессию, но и создадите портфолио, которое поможет вам найти первых клиентов или устроиться на работу.
Что такое инфографика?
Инфографика – это прогрессивный способ представления технически сложной информации, а также данных, знаний и статистических расчетов в наглядном формате – с помощью распространенных инструментов визуализации: графиков, таблиц, диаграмм и инструкций. Инфографика повсеместно применяется в географии и журналистике, математике и рекламе, а еще – в кулинарии и даже политике.
И все же рассматривать каждое изображение, график или сравнительную таблицу, как яркий пример инфографики, нельзя – тут важно чувствовать тонкую грань и помнить о дополнительных нюансах и условиях.
Что можно считать инфографикой?
С научной точки зрения, инфографика – нестандартная форма графического и коммуникационного дизайна, способная представить объемный пласт информации в наглядном виде, а заодно – отобразить тенденцию изменения статистических показателей или фактов во времени и пространстве. Если же отойти от классических терминов, то воспринимать инфографику стоит, как изображение, передающее важный смысл исключительно с помощью графики и визуальных приемов, без использования сухих текстовых фактов, которые сложно представить в голове, сразу же запомнить или оценить.
Отсюда и вывод – если получается взглянуть на изображение и, не вчитываясь в надписи, сразу же разобраться, какую тему поднимают авторы и какие вещи предлагают изучить, значит, инфографика выполнена корректно и в соответствии с установленными правилами и жанровыми условиями.
Если же ситуация ровно противоположная, и без подводящего описания и сопроводительных текстовых подсказок ничего не разобрать, то вывод один – инфографика не справляется с возложенной задачей, и выбранные дизайнерами приемы не продуманы и не доведены до совершенства, а потому и не приносят той пользы, которую могли бы.
Для чего используется?
Сфера применения обширна: статистика, образовательная среда (за примерами не нужно далеко ходить – инфографика частенько применяется для подготовки или создания презентаций, или же в тех случаях, когда студенты обязаны разобрать крупный набор учебных материалов и не потеряться среди получаемых знаний), политика, география и метеорология.
Применяется техника работы с информацией и за пределами «серьезных дисциплин»: в журналистике и готовке, когда компании применяют инфографику для сайтов, где подробно отображаются используемые при приготовлении пиццы ингредиенты и специи. Отдельный пример применения инфографики – спорт. Так, с помощью графиков и диаграмм легко продемонстрировать тенденции заработка золотых медалей на Олимпийских играх.
Используется инфографика и при составлении резюме, способного в два счета донести до потенциального работодателя важную и наглядно оформленную информацию – успешно завершенные образовательные учреждения, рабочий стаж, накопленные знания, список законченных курсов. Всего три-четыре картинки и несколько визуальных примеров и кадровый агент сражен наповал, и главное – никаких скучных текстов с сухо представленной информацией, не несущей в действительности никакой пользы и лишь усложняющей собеседование.
Принципы и примеры
Перед тем, как рассматривать классические примеры инфографики, стоит разобраться в ключевых особенностях метода работы с контентом:
Для представления непонятной информации частенько применяются нестандартные изображения. К примеру, с помощью классического вертикального повествования некоторые профессиональные дизайнеры способны рассказать о том как работаю банки.
Пример инфографики с вертикальным повествованием. По клику — оригинальная статья.
Примеров инфографики масса, и главная тому причина – широкое применение. Инфографику легко отыскать и у крупных компаний, вроде Яндекс или Google, которые интерпретируют различную статистику и события, произошедшие за отчетный период. Или простые предприятия, желающих на ассоциациях и недавних успехах наглядно рассказать о себе.
Классический пример инфографики от Яндекса о распределении поисковых запросов по времени суток в 2017 году
Виды и типы инфографики
И, хотя метод графического представления информации встречается в разных дисциплинах, специалисты и дизайнеры выделяют разные способы классификации – по форматам (как пример – статичные и динамические), по источнику (новости, аналитика, реконструкция) и даже по подаче. О том, как не прогадать и сходу распознать правильный вид и тип – инструкция ниже.
По формату
Статичная инфографика. Данные преподносятся в виде отдельного изображения, графика или диаграммы, с которыми нельзя взаимодействовать. Никакой анимации, переходов или выпадающих меню, способных чуть больше рассказать о каждом предлагаемом элементе.
Как подсказывают эксперты, статичные данные в инфографике встречаются в 90 % случаев. Причины столь широкого распространения «статики» незамысловаты – так и дизайн легче продумать, и методы распространения не придется выбирать (пример статичной инфографики легко передать по электронной почте, через социальные сети или же напечатать в газетах и журналах), и разбираться в концепциях не придется.
Пример статичной инфографики с фактами о метро
Пример инфографики о чтении в России
Видео-инфографика. Набирающий поклонников вид представления информации, проговариваемой и отображаемой во время видеоролика. Подцепить важные факты в реальном времени намного сложнее, но если дизайнеры правильно продумали тематику оформления, а голос ведущего приятно слушать – шансы заслужить новую аудиторию достаточно высоки. Наглядные примеры такой инфографики легко отыскать на новостных и спортивных ресурсах, где журналисты за ограниченный промежуток времени пересказывают информацию о произошедших событиях.
Пример видео-инфографики о том, как наше тело реагирует на острые ощущения:
Интерактивная инфографика. Графическое представление информации, разрешающее пользователям взаимодействовать с данными и наблюдать за ответной реакцией, встречается редко даже в современных реалиях. А ведь за интерактивом будущее – так намного легче следить за тенденциями изменений статистических показателей, проще разыскивать взаимосвязь между отдельными явлениями (как пример – между курсами валют, населением Земли или процентом говорящих на английском языке людей) и легче разбираться в важных нюансах.
Интерактивная инфографика бывает двух видов: первая помогает пользователю взаимодействовать с заранее подготовленными данными, переключая кнопки и двигая ползунки. А вторая инфографика сосредоточена сначала на добавлении новой информации (цифр, слов или показателей), а после – на пересчете данных в зависимости от добавленных показателей.
Пример интерактивного калькулятора-инфографики
По подаче данных
Инфографика-сравнение. С простыми вводными данными, представленными в массиве или в виде отдельной таблицы, дизайнеры поступают стандартно – сравнивают. Так легко разобраться в уровне пенсий в европейских странах, запомнить показатели средней продолжительности жизни и узнать, насколько общественный транспорт безопасен по сравнению с ненавистными самолетами.
Пример сравнительной инфографики
Кстати, сравнивать иллюстраторы давно научились даже крошечные наборы цифр в 3-5 показателей. И ведь на «выходе» не к чему придраться – даже из 3 показателей легко собрать наглядный пример и сразу же уловить суть.
Инструкция. Частный пример инфографики, применяемый в узких сегментах развлекательного информационного направления. Через инструкции умелые дизайнеры способны рассказать о том, из каких ингредиентов собирается идеальный гамбургер с голубым сыром, как сварить борщ и не забыть о пампушках, и почему выдержанный в пивных бочках виски достигает совершенства через 10-12 лет.
Инструкция о том, как сочетать еду и вино
Раньше инфографика-инструкция встречалась лишь на зарубежных сайтах или в американских журналах, но с недавних пор доступна и на русском языке, в не менее красочном формате и с яркими визуальными примерами.
Схема. Графический рассказ о том, из чего состоит атомный двигатель, телескоп или электростанция. Схемы помогают посмотреть на некоторые вещи в разрезе и, не сильно разбираясь в науке, в примерах инженерного искусства или математике, изучить специфику сложных вещей, которые давно упрощают жизнь на Земле.
Пример интерактивной инфографики-схемы
Схемы, как правило, представляют собой статичные инфографики, но некоторые мастера не забывают и об интерактиве, предлагая по частям собрать атомный реактор на тематических ресурсах.
Карта. Эксклюзивный тип представления информации, который с легкостью можно разделить еще на десяток подразделов, в зависимости от тематики.Главное – помнить: если на экране – схематично оформленная планета Земля с надписями, диаграммами и графиками, значит, дизайнеры уже рассказывают о чем-то важном на наглядном примере.
Пример интерактивной инфографики-карты о наступлении Наполеона
Карты помогают разбираться и в спорте, и в политике, и в экономике, причем, используя одинаковые примеры и идеи (заштрихованные страны, выделенные границы государства).