В этой статье описываются шесть шагов, которые понадобились Ив Ллойд Найт (Eve Lloyd Knight) из компании Human After All для визуализации большого объема статистических данных при подготовке масштабного доклада.
Для проведения Международного экономического форума потребовалось создать доклад о проблемах, перед которыми стоит наша планета, чтобы вдохновить величайшие умы современности на их решение. Я – дизайнер и иллюстратор из Лондонского креативного агентства Human After All. Вместе с арт-директором Викторией Талбот нам предстояло сделать визуализацию данных для материалов, которые получат участники Форума.
Нам нужно было найти способ графически выразить результаты различных опросов, таких как: “Насколько велика роль загрязнения воды во всем мире?” или “Какой регион окажется наиболее подверженным имущественному расслоению в ближайшие год-полтора?”
В этом видео воссоздается процесс визуализации результатов опроса “Как со временем измениться загрязнение воздуха в городах?” Мы рассмотрим процесс создания инфографики: сперва мы обработаем статистические данные в Google Document, а затем перенесем их в Adobe Illustrator и Adobe InDesign.
Ниже описаны этапы создания инфографики, представленной в этом видео.
1. Собираем информацию
Для начала я собрала все данные, предоставленные клиентом, в таблице Google Document. Я скопировала нужные мне числа из таблицы ‘Прогнозируемая концентрация вредных частиц в воздухе в крупных городах’, взяв данные по каждой стране за 2010 год и прогнозы на 2050 год.
2. Создаем первую диаграмму
Я использовала инструмент “column graph tool” в Illustrator, чтобы создать диаграмму, которая открывается в диалоговом окне. В первую колонку я вставила данные за 2010 год, во вторую – за 2050. При нажатии на иконку tick (выбор) в верхней правой части диалогового окна появляется гистограмма. Нажатие на правую кнопку мыши позволяет мне в любой момент отредактировать данные.
3. Раскрашиваем страны
Сначала я сделала копию гистограммы. После этого я разгруппировала ее и выделила колонки. Данные за 2010 год я окрасила в светло-серый цвет, за 2050 – в темно-серый. Затем я сгруппировала колонки по странам и разместила их под соответствующими подписями, расположив страны в алфавитном порядке в соответствии с нашей концепцией.
4. Загрязнение воздуха
Я вставила колонки в новый документ InDesign и зеркально отразила их, используя кнопку ‘flip vertical’ (отразить по вертикали) в верхней панели инструментов. Теперь диаграмма отображается сверху вниз, олицетворяя угрозу загрязнения воздуха, нависшую над городами. Затем я нарисовала небольшие городские пейзажи для каждого города и назвала их “2010” и “2050”.
5. Допустимые значения
Взяв за основу высоту колонки, я нарисовала круги, обозначающие прогнозируемую концентрацию вредных веществ в воздухе. Чтобы обозначить максимально допустимую степень загрязнения, я использовала красные пунктирные круги. Чтобы нарисовать круг, я копировала высоту колонки и вставляла ее в диалоговое окно.
6. Данные о крупных городах
Я перевела круги в режим наложения multiply, чтобы города, которые были под ними, стали видны. Затем я добавила названия и ключ диаграммы. Сгруппировав данные по типу, я аккуратно разместила их в сетке документа. В конце я добавила источник информации и несколько небольших деталей.
Оригинал статьи можно посмотреть здесь.