Инфографика примеры. Инфографика что это: просто и с примерами

Информационная графика … Словарь сокращений и аббревиатур

Связать? Географическая инфографика (от греч. γη «земля»; от лат. informatio осведомление, разъяснение, изложение; от греч … Википедия

ИТАР-ТАСС - (ITAR TASS) ИТАР ТАСС это центральное государственное информационное агентство России. Агентство ИТАР ТАСС: фото, новости,ИТАР ТАСС Кубань, официальный сайт ИТАР ТАСС Содержание >>>>>>>>> … Энциклопедия инвестора

У этого термина существуют и другие значения, см. Террористический акт во Владикавказе. Террористический акт во Владикавказе террористический акт совершённый боевиком смертником 6 ноября 2008 года около 14 часов по московскому времени в… … Википедия

Памятник усыпальница Мавзолей Ленина Мавзолей Ленин … Википедия

Структура федеральных органов исполнительной власти (термин конституционного права) представляет собой перечень всех федеральных органов исполнительной власти. Утверждается Президентом Российской Федерации по предложению Председателя… … Википедия

Инфомания … Википедия

Уничтоженный грузинский Т 72 в Цхинвале Основная статья: Война … Википедия

- («Пост Ит Эвордс») международный студенческий конкурс и премия в области дизайна. Проводится ежегодно, начиная с 2005 года. Это единственный на территории России и СНГ дизайнерский конкурс, предназначенный только для студентов, участие в котором… … Википедия

Книги

  • , Дэвид Маккэндлесс. О чем эта книга Забудьте о сухих фактах, теориях и статистике и приготовьтесь увидеть информацию с той стороны, с которой вы до сих пор никогда ее не видели. Приглашаем вас совершить…
  • Инфографика. Мир, каким вы его никогда не видели , Martin Toseland, Simon Toseland. http://www. mann-ivanov-ferber. ru/books/paperbook/infographica/…

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

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

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

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

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

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

Выводы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

Примеры

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Понятие

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

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

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

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

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

Типы инфографики

Итак, вся инфографика подразделяется на 4 типа.

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

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

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

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

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

Основные правила читаемой инфографики

  1. Необходимо, чтобы в инфографике преобладали большие, цельные и однотонные элементы.
  2. Лучше избегать элементов, которые не несут никакой информации, а служат лишь для украшения - они могут ввести читателя в заблуждение.
  3. В картинке должен быть «якорь» - это такой элемент инфографики, который сделает ее заметной и понятной.
  4. Лучше ограничить свою палитру, так как многообразие цветов будет сбивать читателя с толку и не давать глазу сосредоточиться на каком-то одном элементе.

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

Сервис №1 — easel.ly

Этот сервис призван упростить создание инфографики, используя уже готовые шаблоны. Он работает по принципу «перетащи и брось»: вы перетаскиваете в рабочее поле блоки информации, курсором придавая им необходимую форму и величину. Единственное «но» - информация не будет отображаться в виде графиков и диаграмм, пользователю необходимо будет вводить заведомо

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

Сервис №2 — infogr.am

Этот сервис - один из самых дружелюбных по отношению к пользователю. Неспроста его название напоминает небезызвестный бренд Инстаграм: создатели сайта исходили из идеи упрощенного интерфейса.

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

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