Исходный размер 1140x1600

Инфографика: на грани между смыслом и запутанностью

Данный проект является учебной работой студента Школы дизайна или исследовательской работой преподавателя Школы дизайна. Данный проект не является коммерческим и служит образовательным целям
big
Исходный размер 1920x1038

Рейтинг самых густонаселенных городов по каждой переписи населения: 1790-1890, Статистический атлас Соединенных Штатов (1890)

Рубрикатор

  1. Концепция
  2. Вид и метафора
  3. Макро- и микроуровень информации
  4. Подача смысла — Композиция — Юмор
  1. Работа со слоями — цвет — шрифт — обозначения
  1. Контрастные значения
  2. Заключение

Источники информации Источники изображений

Концепция

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

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

Первый подход, аналитический или информационный, его автором считается статистик Эдвард Тафти, написавший несколько трудов про представление информации. «Хаотичность и путаность — это не свойства информации, а дизайнерский провал» («Представление информации», Эдвард Тафти). Ключевым отличием такого аналитического подхода является «прозрачность» в представлении данных: если какой-то изобразительный прием мешает считыванию информации, то его необходимо убрать.

Второй подход — сюжетный, он закрывает сразу две потребности у зрителя: получение информации и развлечение. Широкое распространение такая инфографика получила в колонках The Sunday Times. С помощью выразительного дизайна, иллюстраций и графики она дополняла и разбавляла сухой новостной текст. Однако, такой стиль инфографики нередко чрезмерным обилием визуальных приемов переступает грань между информативностью и безумством. Главный смысл такой инфографики как будто бы смещается с понятного, непредвзятого изложения фактов на эмоциональную оценку информации дизайнером.

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

Вид и метафора

Как мы уже поняли, главная цель любой инфографики — это передать смысл. Но как зрителю определить, что за «смысл» перед ним? Что ему ждать от потраченного на изучение инфографики времени? Важно первое впечатление: вид и метафора. Дизайнер как будто дает подсказку, «аннотацию» к своей работе зрителю, она должна быть понятной и яркой, чтобы зацепить внимание аудитории. Самые распространенные виды инфографики: таймлайны, карты, таблицы, диаграммы — все эти виды можно изобразить по-разному.

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

Исходный размер 1920x704

Изобретения начала 20 века, Хилари Эллисон, ThoughtCo, 2020 г./ Обложка годового отчета Фелтрона, Николас Фелтон, 2007 г.

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

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

Исходный размер 1920x704

Диаграмма причин смертности в армии на востоке, Флоренс Найтингейл, 1858 г./ Геральд Рихтер, Übersicht, 1998

Исходный размер 1920x704

Джошуа Коваррубиас, инфографика наши любимые наркотики для журнала Гуд, 2009 / 802.11, Pink Floyd Timeline 1960-2000, неизвестный год

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

Исходный размер 1920x704

Дизайнер неизвестен, Graphics Press, 1982 г. / Мария Пуцейко, Большие данные, 2022–2023 гг.

Исходный размер 1920x704

Медведи Финляндии, Annukka Mäkijärvi, 2010 г. / Сильный сигнал, till noon, 2020 г.

Макро- и микроуровни информации

Грубо говоря, «уровни информации» — это то, какую информацию человек схватывает и обрабатывает за первый взгляд на объект (макро-), а что подмечает только при следующем, более долгом рассмотрении (микро-). За создание этой многослойности отвечает детализированность инфографики.

Исходный размер 1920x704

Эволюция Олимпиады, Алисия Корн, неизвестный год / Queen Four Visions, Connie Khoo, 2012 г. /Неизвестный автор, Транспортная система Нью-Йорка, 1954 г.

Инфографика показывает количество стран-участниц с момента возрождения Летних Олимпийских игр (1896) до сегодняшнего дня. На макроуровне мы считываем впечатление: масштаб мероприятия. На микро- уже рассматриваем отличия по годам в количестве участников. Второй график показывает как часто слово «Время» используется в песнях группы «Queen». На макроуровне мы понимаем, что много раз, а на микро-, что лидирует песня «Dead on time».

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

Подача смысла

Композиция

Композиционно оба вида инфографики схожи. Существует несколько видов расположения информации:

  1. От центра (изучаемый вопрос) к периферии
  2. От верхней части (изучаемый вопрос) к нижней
  3. Слева — направо
Исходный размер 1920x704

Вальтер Гропиус, Расписание Баухауз, 1922 г. / Дэйв Эггерс, обложка журнала Максвниз, 1999 г. / Spreading, Lucia Kocincova, 2018 г.

Исходный размер 1920x704

Pilar Dibujito, de La mujer de los perros, 2022 г. / Eunjoo Hong Hyungjae Kim, Still Be Choreography 2016 г.

Композиция выбирается, опираясь на вид инфографики и количество информации. В сюжетной инфографике композиция иногда выстраивается исходя из метафоры (смотреть раздел «Вид и метафора»)

Исходный размер 1920x704
Исходный размер 1920x704

Poppy Field, Valentina D’Efilippo, 2014 г., Punk Tancrède Ottiger, Diego Bontognali, 2014 г.

Юмор

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

Инфографика: на грани между смыслом и запутанностью
Проект создан 29.12.2023
Мы используем файлы cookies для улучшения работы сайта НИУ ВШЭ и большего удобства его использования. Более подробную...
Показать больше