Yvision.kz
kk
Разное
Разное
399 774 постов42 подписчика
Всяко-разно
9
07:03, 21 июля 2014

Анатомия инфографики (часть 1)

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

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

Инфографикой нередко называют любой блок текста, а иногда и отдельное число, оформленное (именно оформленное, а не сверстанное) отдельно от исходного материала.

Древний Казахстан - Неолит (e-history.kz)

Изображение с сайта http://e-history.kz, раздел Инфографика.


Структура владения дочерних компаний АО «ТемирБанк» (sk.kz)

Изображение с сайта http://sk.kz, раздел Инфографика.


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

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

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

Вот как представляет себе процесс создания инфографики известный итальянский информационный дизайнер Франческо Франки (www.francescofranchi.com):

Процесс создания инофграфики

Перевод: Тематические исследования -> Обработка данных -> Организация пространства -> Графический дизайн -> Верстка текста

 

В нашем агентстве мы придерживаемся примерно такой-же последовательности создания инфографики или визуализации.

Приведу свои примеры работы с данными.

Пример 1 | Инфографика «Причины разрушения дорог»

Собранные нами данные:Инфографика: Причины разрушения дорог (сбор данных-1)

И еще немного информации (около 150 страниц):

Инфографика: Причины разрушения дорог (сбор данных-2)

Численные данные всегда анализируем в Экселе:

Инфографика: Причины разрушения дорог (анализ данных)

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

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

Инфографика: Причины разрушения дорог (визуализация данных)

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

В результате получилась вот такая инфографика:

(изображение кликабельно)

Инфографика: Причины разрушения дорог

 

Пример 2 | Инфографика «Безопасный город»

Довольно часто выходит так, что исходная информация не содержит численных данных. Это характерно для «объяснялок» — работ в которых детально описывается какой-либо процесс или явление (или и то, и другое вместе).

В таких случаях анализ исходной информации и настраивание логических связей на выходе дают фактически готовую компоновку и эскиз всей инфографики.

Итак, исходные данные в текстовом виде:

Инфографика: Безопасный город (исходные данные-1)

Инфографика: Безопасный город (исходные данные-2)

 

Изучаем, обобщаем и анализируем информацию. Делаем эскизы.

Инфографика: Безопасный город (скетч-1)

Инфографика: Безопасный город (скетч-2)

 

Теперь то-же самое, но в векторе.

Инфографика: Безопасный город (вектор-1)

Инфографика: Безопасный город (вектор-2)

 

Результат:

(изображение кликабельно)

Инфографика: Безопасный город

 

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

 

Больше инфографики — на www.infographics.kz

9