Лучшие примеры инфографики (51 фото): простые, сложные, крутые. Что такое инфографика - определение, особенности, история и примеры Сообщение об инфографике

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

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

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

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

4. технологические диаграммы , на которых четко представлены особенности и стадии технологических процессов;

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

6. разнообразные схемы , при помощи которых акцентируется внимание на наиболее важных моментах при обмене учебной информацией;

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

8. графы , визуализирующие переходы или связи понятий, событий, процессов;

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

10. ИГ миниатюры – пиктограммы, иконки, указатели.

Представители второй группы обладают повышенными коммуникативными возможностями, особенно в этом плане выделяются п.п. 2, 3, 6, 8, 10, например, пиктограммы, наиболее часто используемый вид ИГ – символ, миниатюрное изображение, несущее серьезную семантическую нагрузку. В этой части ИГ входит в сферу функционирования семиотики. Пиктограммы и графические акценты/миниатюры заключают в себе элементы указующей или декларирующей (условно назовем ее «директивной») инфографики, например, стрелки переходов по ресурсам вверх–вперед–назад–дальше, восклицательный или вопросительный знаки, миниатюры и т.п. Семиотическое начало явно прослеживается и в легенде к диаграммам – локальная договоренность об обозначениях или маркировке информации, относящейся к критериально-различным объектам или признакам.

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

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

Больше видео на нашем канале - изучайте интернет-маркетинг с SEMANTICA

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

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

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

• графики;
• изображения;
• диаграммы;
• таблицы;
• карты;
• схемы.

Для чего используется

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

Часто ее можно встретить в презентациях, особенно это полезно при разработке новых проектов. Встретить такую передачу информации можно по телевидению. Такие информационно-аналитические программы, как «Мир цифр», «Экономика» используют для подачи информации графики, схемы, блоки.

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

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

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

При создании инфографики поставьте перед собой задачу – быстро и кратко передать основные тезисы статьи. В одной картинке старайтесь размещать минимум информации.

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

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

Есть несколько популярных сервисов:

• Piktochart.com – сервис, трансформирующий информацию в визуальные истории. Является самым легким в использовании. Из преимуществ – функция автономной настройки инфографики, большой выбор тем для дизайна и возможность наложить логотип.
• Creately.com – инструмент, позволяющий легко создавать диаграммы и схемы. Есть возможность выбрать подходящую диаграмму и наложить на нее свои данные, чтобы получилась совершенно новая диаграмма или график.
• Infogr.am – новая программа, активно внедряющая невероятные возможности. Отлично подходит для создания бесплатных диаграмм и инфографики.
• Visual.ly – сервис, позволяющий генерировать между собой сразу несколько инфографик.
• Fluxvfx – инструмент, который позволяет создавать видеоинфографики.
• Vizualize.me – создает проекты для резюме.

Примеры

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

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

Тему можно выбрать любую. Это подтверждает следующая достаточно шуточная картинка.

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

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

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

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

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

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

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

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

Современные технологии помогут распространить вашу информацию?

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

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

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

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

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

Часть примеров - из журнала «Инфографика» , спасибо им за труд.

Исследование и повествование - равноценны

Это два полярных подхода к инфографике. Первый предложил статистик Эдвард Тафти, второй - дизайнер Найгел Холмс. Первый назвал свою инфографику «исследовательской» (слово explorative гораздо точнее подходит, как нам кажется). Второй окрестил свою «повествовательной» (narrative).

Отличить их нетрудно

Если видите адские нагромождения столбцов, кривых и осей, как будто вам снится кошмар про Microsoft Exel - перед вами типичная исследовательская инфографика, детище Тафти.

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

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

Просто о сложном

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

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

Баланс графики и информации

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

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

Легко воспринимать

Инфографика для ленивых. Она должна быть понятна как на «общем плане», так и при детальном рассмотрении.

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

Нет бессмысленного декора

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

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

Инфографика живет и без текста

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

Этот пункт стоит разобрать чуть подробнее. Выберем случайную картинку из интернета по запросу «инфографика»:

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

Даже если бы мы убрали числа - остались бы «капельки» и можно было бы сравнить, на что воды уходит больше, а на что меньше. А это уже инфографика.

Итого

Вычислить настоящую инфографику несложно. Ее признаки:

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

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

Так, например, мы сделали Dataface - создания, если интересно.

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

Бонус

За последние лет 5 инфографика набрала популярность, потом уронила эту популярность, а сейчас возвращается - в виде анимированной и интерактивной инфографики.