Примеры инфографики со всего мира — из всех областей бизнеса и науки, из самых интересных источников. Графики, визуализации, целые проекты. Листайте и наслаждайтесь. А так же — присылайте нам все, чем хотелось бы поделиться. Будем рады.
В августе этого года Джон Гримвейд запустил блог, в котором он делится инфографикой и историями о ней. Джон заметил, что профессиональные инфограферы стали закапываться в своем узкопрофильном мире, и решил это исправить. О Джоне читайте в конце поста, а сейчас — история о жизни Джона и инфографики до появления компьютеров.
Давным давно, когда все только начиналось, Джон всегда носил с собой большой пенал с рапидографами (капиллярными ручками), французскими кривыми, трафаретами для элипсов и другими инструментами для рисования. Рисунки получались, как на картинках выше. Они были черно-белыми, и Джону иногда казалось, что мир и впринципе монохромный.
Потом появился цвет — гуашь и разные способы ее нанесения. Картинка сверху нарисована аэрографом. Результат вызывал либо эйфорию, либо фрустрациию, если инструмент вдруг сбоил. Контур этого лучника нарисован сверху на пленке рапидографом.
Позже появилась механика. На основной рисунок слой за слоем накладывались листы пленки. На то, чтобы прорезать одни зоны острым ножом, а другие закрасить, уходило бесконечное количество часов. Слои скреплялись клейкими маркерами. И их было немало. Завершающий шаг такой работы — взрывающее мозг руководство для печатников. Сами дизайнеры любили бросить друг другу пыль в глаза фразой из серии: «Это еще ничего, я вот вчера сделал карту в двадцать два слоя».
Выше — пример разметки по цветам для печатников. Джон до сих пор удивляется, как им удавалось правильно все реализовать. Уже позже, но еще до появления своего компьютера, Джон сам сидел с вместе с печатниками, когда они раскладывали картинку по цветам на экране монитора.
Разворот из журнала Condé Nast Traveler 1988 года произведен вот таким вот механическим путем. А под ним — цветовое руководство для проверки изображения после первых прогонов. Оно сопровождало цветопробу.
В докомпьютерную эру вносить изменения было непросто. К моменту прорисовки все решения должны быть приняты. Иначе нервный срыв обеспечен. Работа начиналась с наброска. Джон считает, что этот принцип актуален и сейчас. Набросок — способ проработать идею и вовремя получить обратную связь, это язык идеи в процессе ее формирования. Черновая сборка в InDesign или Photoshop с проработанными элементами воспринимается клиентами как нечто законченное. Есть вероятность, что они побоятся выразить пожелания.
Заинтересовавшимся Джон рекомендует посмотреть вот эту книгу.
Автор: John Grimwade
Джон Гримвейд работал с инфографикой для газет, журналов, бизнес-проектов. Семь лет преподавал в SVA NYC, а сейчас — в университете Огайо в Школе визуальной коммуникации. Параллельно он участвует и в других проектах. Например, он графический директор журнала о футболе ‘Eight by Eight’, который в 2015 году Сообщество ‘Publication Design’ признало журналом года.
С большим удивлением открыли заново для себя Диафильмы. По-моему это прямой родоначальник послайдовой презентации. И ведь диафильмов было очень много и не только со сказками, не только Карлсон и Винни Пух, но и много познавательных сюжетов. Может быть поэтому Power Point так горячо любим?
Мы найдем очень много аналогий с современным Power Point — структура слайда, пропорции изображений, логика повествования.
Исчерпывающая коллекция собрана на Diafilmy.su и даже есть приложение для Android. Наслаждайтесь ретро-материалами: вам тут и графики и чертежи. Вверху как положено основной вывод, посередине диаграмма, внизу поясняющий текст. Только вот черный фон встречается чаще, чем белый.
И несравнимо выше художественное оформление:
И Диафильм о катализаторах для учеников 7-10 классов полностью:
Буду утверждать что ДА — инфографика!
Использованы все типичные приемы — кодирование цветом, разные шрифты для разных групп, взаимное расположение элементов и т.д. И главное — она не дает покоя нашим современникам и принцип пытаются повторить, на ее основе сделана известная периодическая таблица шрифтов.
Публикую подборку периодических таблиц:
И теперь уходим от химии:
Ну и периодизация всех возможных способов визуализации:
От этих работ у меня просто мурашки идут по коже. Сумашедшая проработка, эстетичность, вообщем нам такое и не снилось.
В 1850х годах географические и биологические и прочие атласы имели шанс выглядеть так:
Красота найдена здесь: Bibliodyssey
Есть довольно интересный сайт, коллекционирующий работы, сделанные на основе географических карт — Strange Maps. Один из примеров исторических работ: эмоциональность и призыв, нанесенные на карту Европы.
Продолжу публикацию классики. Еще один знаменитый пример из книг Эдварда Тафти — расписание поездов. Этот инфографик красуется на обложке его книги «Visual display of quantitative Information»
Как читать? График я нашла почему-то без подписей данных, но объясню.
По горизонтальным осям (сверху и снизу) отмечено время отправления и прибытия поездов (одно тоненькое деление — 10 мин).
По вертикали — станции.
Отдельная наклонная линия — расписание одного поезда, чем сильнее ее наклон, тем выше скорость движения и тем быстрее поезд попадает из пункта А в пункт В. Можно увидеть как долго стоит поезд на станциях, где он пересекается с другими поездами и можно сделать пересадку.
Непривычно, но очень наглядно
Этот инфографик я должна была опубликовать одним из первых — это настоящая классика жанра и всем примерам пример. Визуализация движения армии Наполеона 1812-1813 годов была найдена Эдвардом Тафти лет 20 назад (done by Charles Joseph Minard). Теперь этот шедевр кочует от конференции к конференции, от книги к книге. Опубликую и я.
Чем эта работа прекрасна? Тем, что одновременно мы видим очень много информации, сконцентрированной в одном месте и легко воспринимаемой.
Провал французов описан от и до, с помощью многих включенных факторов:
Разница толщины линий (желтой и черной) должна заставить захватчиков задуматься. К границам России подошло войско 422.000 человек, до Москвы дошло 100.000, вернулось домой 10.000
Самый жизненно важный пример инфографики я обнаружила у Тафти и потом еще много раз встречала в разных презентациях.
Это ранняя работа относится к 1854году.
Эпидемиолог Джон Сноу (John Snow) пытался разобраться в причинах всплеска эпидемии чумы.
Ключевым шагом стало то, что он нанес адреса смертельно больных на карту города (обозначены черными точками) и увидел, что случаи заражения сконцентрированы в центре города.
Затем он начал искать причины. Стало ясно, что все жители этого квартала берут воду из напорной станции на Broad Street (обведено красным). Вокруг других источников воды (зеленые круги) такой ужасной картины не наблюдалось.
После принятия решения о закрытии колонки в городе не было ни одного нового случая заражения.
Таким образом, 2 века назад, мэппинг помог остановить инфекцию, унесшую более 500 жителей Лондона. Вряд ли можно было прийти к таким же выводам, глядя на статистику смертности, без графической визуализации.