Инфографика

Материал из Википедии — свободной энциклопедии
Это старая версия этой страницы, сохранённая Tpyvvikky (обсуждение | вклад) в 22:10, 8 ноября 2014 (Определения: оформление, +АИ). Она может серьёзно отличаться от текущей версии.
Перейти к навигации Перейти к поиску
График численности Наполеоновской армии по ходу Русской кампании 1812—1813

Инфогра́фика (от лат. informatio — осведомление, разъяснение, изложение; и др.-греч. γραφικός — письменный, от γράφω — пишу) — это графический способ подачи информации, данных и знаний, целью которого является быстро и чётко преподносить сложную информацию[1][2]. Одна из форм информационного дизайна[3].

Спектр её применения огромен: география, журналистика, образование, статистика, технические тексты. Инфографика способна не только организовать большие объёмы информации, но и более наглядно показать соотношение предметов и фактов во времени и пространстве, а также продемонстрировать тенденции.

Определения

Инфографика — это визуальное представление информации. Используется там, где сложную информацию нужно представить быстро и чётко.[источник не указан 3711 дней]

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

Особенности

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

Составляющие успеха инфографики

Инфографика: Яндекс в 2013 году

Практикующие дизайнеры выделяют несколько аспектов, учёт которых позволяет сделать инфографику успешной[4][5][6][7]:

  • Своевременность
  • Привлекательная, понятная тема
  • Плавный, красивый, эффективный дизайн
  • Удобство распространения
  • Учёт целевой аудитории
  • Цифры могут говорить сами за себя
  • Внутренняя целостность
  • Эмоциональные цвета
  • Качественные диаграммы
  • Выбор масштаба
  • Создание истории
  • Выбор интересных фактов
  • Визуализация
  • Упрощение
  • Использование линии времени
  • Определение концепции и цели
  • Авторитетность и надёжность источников
  • Учёт отзывов от заказчика

Разновидности

Несмотря на то, что инфографика может применяться практически в любой дисциплине, специалист может выделить некоторые категории инфографики[8]:

  • Числа в картинках: наиболее распространённая категория, которая позволяет сделать числовые данные более удобоваримыми,
  • Расширенный список: статистические данные, линия времени, просто набор фактов может быть визуализирован,
  • Процесс и перспектива: служит для визуализации сложного процесса или предоставления некоторой перспективы. Может вообще не содержать числовых данных.

По способу отображения инфографика подразделяется на следующие виды[9]:

  • Статичная инфографика — одиночные изображения без элементов анимации;
  • Динамическая инфографика — инфографика с анимированными элементами. Основными подвидами динамической инфографики являются видеоинфографика, анимированные изображения, презентации.

По типу источника различают 3 основных вида инфографики:

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

Интерактивная инфографика

Ключевыми форматами инфографической коммуникации являются[10]:

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

Движущиеся изображения, особенно в сочетании со звуковым сопровождением, привлекают внимание людей больше, чем статические изображения. Этот вид инфографики становится всё более популярным. Технологии HTML5, CSS3 и JavaScript (ранее — Flash) позволяют располагать текстовый и графический материал поверх видео, создавая эффект расширенной реальности[11].

Интерактивные инфографические интерфейсы (англ. interactive infographic interfaces) варьируются от самых простых до сложных и динамических. Этот вид инфографики особенно приспособлен для презентации большого объёма данных и привлечения пользователя к активному исследованию при получении требуемой им информации. Через интерактивный интерфейс можно подать как фиксированную информацию (англ. hard-coded), информацию о ситуации в виде приборной доски, а также обновляющуюся информацию в реальном времени[12].

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

Фиксированная интерактивная визуализация набора данных, динамически обновляющаяся в случае внесения изменений в наборе данных. В этом решении данные отделены от движка визуализации, да и обновлять подчас огромный объём данных вручную может быть слишком дорогим занятием. Примером данного подхода может служить фоновая картограмма карты США с обозначенными уровнями безработицы[13][12].

Динамический интерактивный интерфейс позволяет по требованию обновлять как отображение, так и отображаемую информацию. Примеры данного вида интерактивной инфографики можно найти в программах для разного рода аналитики и CRM. В качестве хорошего примера интерфейса можно назвать бесплатный сервис управления финансами mint.com. Хотя обычно в таких системах пользователь сам выбирает временные периоды, визуализируемые данные и форму их отображения, и в этом случае сюжетное изложение возможно наряду с исследовательским[12].

История

В СССР инфографика широко применялась при оформлении павильонов ВДНХ, где был создан «Производственно-оформительский комбинат» (ПОК ВДНХ), на котором работали в том числе выпускники художественно-оформительского отделения МГАХУ памяти 1905 года и МГХПА им. Строганова.

Одними из первых в газете стали использовать сочетание графики и текста издатели USA Today, запустившие свой проект в 1982 году. За несколько лет газета вошла в пятерку самых читаемых изданий страны. Одним из наиболее заметных и востребованных читателями нововведений USA Today стали детальные, хорошо прорисованные картинки с поясняющими комментариями — инфографика. Американские читатели быстро поняли и приняли преимущества такого способа передачи информации — инфографика передавала сообщение быстрее, чем текст (один качественно сделанный рисунок заменял несколько страниц текста) и подробнее, чем стандартная иллюстрация (благодаря детальности рисунка и точным тезисным комментариям). Со временем выяснилось, что инфографика является не только технологией, не только сферой бизнеса, но и искусством. При этом, степень владения этим искусством напрямую влияет на доходность издательского бизнеса. Именно поэтому сегодня такие журналы как «Эсквайр» и «Нью-Йоркер» выделяют на создание инфографики 3—4 ведущих дизайнеров и одного журналиста — автора стержневой идеи.

Одним из пионеров в создании интерактивной графики можно считать Дона Виттекинда (Don Wittekind), приглашённого газетой South Florida Sun-Sentinel. Мультимедийная галерея The Edge, созданная в Sun-Sentinel с помощью программы Adobe Director и позднее перенесённая на Macromedia Flash, стала образцом для подражания многих профессионалов. Интерактивную графику приняли на вооружение и другие онлайн-медиа[14].

В России в 2011 году появился журнал «Инфографика», главной особенностью которого стало отсутствие текстов и представление всей информации в виде инфографики[15].

Примечания

  1. Doug Newsom and Jim Haynes (2004). Public Relations Writing: Form and Style. p.236.
  2. Mark Smiciklas (2012). The Power of Infographics: Using Pictures to Communicate and Connect with Your Audience.
  3. Cairo, 2012, Rational Optimism.
  4. 4 Key Ingredients For Designing Successful Infographics
  5. Dayne Shuda, Three Case Studies of Infographic Success
  6. 5 Rules for Infographic Success
  7. Tom Howlett, 50 Elements That Make Infographics Successful (with examples)
  8. John Bottom, How do you define an infographic?
  9. Нестерович А. В., Инфографика
  10. Lankow, Ritchie, Crooks, 2012, INFOGRAPHIC FORMATS: CHOOSING THE RIGHT VEHICLE FOR YOUR MESSAGE.
  11. Lankow, Ritchie, Crooks, 2012, MOTION GRAPHICS.
  12. 1 2 3 4 Lankow, Ritchie, Crooks, 2012, INTERACTIVE INFOGRAPHICS.
  13. Choropleth
  14. Cairo, 2012, The Rise of Interactive Graphics.
  15. Сайт журнала «Инфографика»

Литература

  • История мира в инфографике. — М.: Альпина Паблишер, 2014. — ISBN 978-5-9614-4525-1.
  • Edward R. Tufte. The Visual Display of Quantitative Information. — 16. — Graphics Press, 1983. — P. 197.
  • Lankow, J. and Ritchie, J. and Crooks, R. Infographics: The Power of Visual Storytelling. — Wiley, 2012. — 264 p. — ISBN 9781118420065.
  • Alberto Cairo. The Functional Art: An introduction to information graphics and visualization. — New Riders, 2012. — 384 p. — ISBN 978-0-13-304118-7.

Ссылки