Инфографика: как делать, шаблоны, примеры. Что такое инфографика типичных ошибок при создании инфографики

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

Происхождение слова

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

Определение

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

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

Примеры инфографики встречаются часто в СМИ, бизнесе. Но появилась она, конечно, задолго до возникновения прессы, телевидения и тем более Интернета. По одной версии, история инфографики начинается в XII столетии. По другой - в глубокой древности.

Возникновение

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

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

Инфографика до нашей эры

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

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

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

Средневековье

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

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

Новое время

Уильям Плейфер - основатель инфографики в том виде, в котором мы ее сегодня видим. Этот человек жил в XVIII столетии. Свою деятельность начал в качестве чертежника. Плейфер был личностью разносторонней, но главной его заслугой стало создание теоретической базы инфографики. Зрительная память человека развита лучше, чем другие ее виды - осознание этой простой истины вдохновило шотландца на создание «Коммерческого и политического атласа».

В начале XVIII века инфографика проникла в СМИ. В Великобритании начали выпускать газеты The Times и Daily Courant, в США - USA Today. Читатели восприняли издания весьма неоднозначно. Оформление, по мнению консерваторов, было слишком упрощено, имело мало общего с настоящей журналистикой. Вместе с тем это был пример лаконичности. Появились иллюстрации, небольшие тексты. Введение инфографики в СМИ стало революционным событием в истории журналистики.

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

Следующий этап в развитии инфографики - объединение данных и карт. Здесь внес свой вклад француз Андрэ-Мишель Герри. Адвокат нанес на карту своей страны данные о преступности. Каждый из округов был окрашен в определенный цвет.

Современная инфографика

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

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

Австрийский философ и социолог Отто Нейрат в своих работах нередко прибегал к информативным рисункам, визуализируя статистические данные. В середине века выходят научные труды, посвященные инфографике. Появляются прототипы изображений в формате 2D и 3D. К концу века получили широкое распространение программы для инфографики: Color Draw, Grapher, Open Office.

Применение

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

Виды

Этот способ подачи информации отличается от прочих следующими особенностями:

• краткостью;
• визуализацией;
• креативностью;
• простотой;
• точностью;
• прозрачностью.

Формы инфографики:

1. Диаграмма.
2. Иллюстрация.
3. Схема.
4. Карикатура.
5. Рисунок.
6. Эмблема.

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

В чем успех инфографики

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

В веб-дизайне

Для оформления сайта крайне важны навыки в создании различных изображений. В том числе и инфографики. Главное достоинства этого дизайнерского инструмента - экономия времени. Как сделать инфографику? Может ли создать такой графический элемент человек без художественного или дизайнерского образования? Безусловно. Научиться этому можно за несколько дней.

Логотип сайта, реклама, размещенная на нем, различные информативные значки - все это создается посредством «Адоб Иллюстратора». Это одна из программ, без которых не обходится ни один дизайнер. Создание инфографики - один из популярных способов заработка в Сети. Более подробно этот вопрос рассмотрим ниже.

Создание

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

Владельцы, администраторы, контент-менеджеры групп нередко пользуются онлайн-сервисами для создания инфографики. Шаблоны можно бесплатно скачать в Сети. Однако тот, кто стремится заполнять сообщество уникальным, максимально интересным контентом, использует другие методы. А именно: приобретает навыки работы в «Адоб Иллюстраторе», учится создавать авторские изображения.

Векторная графика

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

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

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

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

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 – создает проекты для резюме.

Примеры

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Итого

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

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

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

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

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

Бонус

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

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

Инфографика - это:

• графический способ подачи информации, данных и знаний, целью которого является быстро и чётко преподносить сложную информацию (форма информационного дизайна) (Марк Смикиклас)
• визуализация информации в целях последующего анализа, выявление взаимосвязей и представления корреляции между несколькими массивами данных в удобной форме, позволяющей наблюдателю быстро разобраться в представленной информации (Петр Пархоменко)
• синтетическая форма организации информационного материала, включающую в себя, во-первых, визуальные элементы, а во-вторых, тексты, которые поясняют эти визуальные элементы (Жаннетта Ермолаева)
• визуальное представление цифровой, графической и вербальной информации (Т.В. Соловьева)
• область коммуникативного дизайна, в основе которой лежит графическое представление информации, связей, числовых данных и знаний (Владимир Лаптев)
• перевод чисел в форму рисунка, эскиза или проясняющего плана или иллюстрации (Поль Луи)
• один из видов альтернативного изложения информации путем создания художественных зарисовок, графиков, диаграмм прочих графических объектов как на бумаге, так и в электронном варианте (pro-spo.ru)
• способ передачи информации с помощью рисунка (М.А. Фролова)
• особая категория изображений, в которых плотность концентрации коммуникативных возможностей выше, чем у прочих (Галина Никулова)
• изображение, передающее смысл, данные, информацию с помощью графики, не текста (Максим Горчаков)

Ключевые слова определений инфографики: информация, форма, быстрое, знания, графическая, представления

Отличия «инфографики» от смежных понятий

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

Сравнение инфографики и визуализации данных по критериям «создание», «эстетика» и «количество данных» (liinsky N., Steele J.)

• Статистическая графика - визуализация количественных данных (En.wikipedia.org)
• Информационный дизайн - отрасль дизайна, практика художественно-технического оформления и представления различной информации с учётом эргономики, функциональных возможностей, психологических критериев восприятия информации человеком, эстетики визуальных форм представления информации и некоторых других факторов (Роберт Якобсон)
• Информационный дизайн - искусство и наука подготовки информации таким образом, чтобы она могла быть эффективно использована людьми (Роберт Хорн)
• Информационная архитектура - сочетание схем организации, предметизации и навигации, реализованных в информационной системе (Луи Розенфельд)
• Информационная архитектура занимается принципами систематизации информации и навигации по ней с целью помочь людям более успешно находить и обрабатывать нужные им данные (Луи Розенфельд)

Выводы

Сложив все определения и отличительные черты понятия, получаем:

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

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

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

Для быстрой оценки качества инфографики автор сайта infographer.ru Хорошая инфографика : смысл понятен и без цифр и текста