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