Примеры инфографики со всего мира — из всех областей бизнеса и науки, из самых интересных источников. Графики, визуализации, целые проекты. Листайте и наслаждайтесь. А так же — присылайте нам все, чем хотелось бы поделиться. Будем рады.
И только вот такие работы всегда будут отличаться индивидуальностью, а не диаграммы, построенные в Иллюстраторе…
Возможно, в таких работах будет показано меньше фактов и их пересечений, но они хранят тепло рук и индивидуальность. Это как самодельные открытки.
Есть виртуозная работа с информацией, а есть гениальная созидательная работа.
Это так… крик души — то что хочется создавать. Штучный продукт. Ждите, скоро на экранах ваших мониторов будут и наши попытки!
Немного ранее мы рассказывали о картах метро (история карты метро Лондона, кто не читал — советуем прочитать).
На этот раз обратим внимание на стилизации. Используя принципы, заложенные в карте (напомню — акцент на отображение взаимосвязей между элементами), дизайнеры фантазируют как могут. Итак, смотрим:
250 главных фильмов всех времён:
Карта развития рок-н-ролла и наиболее важные рок-н-ролл группы в истории
Карты трендов — это вообще отдельная песня.
Есть целые сайты, которые посвящены современным трендам. К слову, trendhunter.com отличный сайт, а его основательДжереми — вообще не вылезает из лекций по всей америке — 175 лекций распланированы вперёд на целый год! Кстати, у него есть книжка Exploiting Chaos, можно скачать 1ю главу бесплатно.
Тренд-сеттеры стараются завладеть нашими умами, а гонка новинок иногда заставляется задуматься — а есть ли тренд, или же есть лишь хаотичное блуждание от одного стиля к другому?
Карта — это нечто, имеющее в своей основе взаимоотношение элементов. А какие соотношения могут быть в трендах? Тем интереснее разглядывать и изучать, но не следует забывать — что каждый раз это всего лишь экспертное, а иногда и трендсеттерное, мнение.
Карта трендов в интернете 2007 года:
Карта трендов (кажется, это 2008й год). Делали замечательные ребята из information architects. За основу взяли оценки стабильности и успешности в основных сегментах.
В 2010 году эти же ребята сделали новую карту: на этот раз основой карты выступили данные twitter — кто обладает бОльшим влиянием в интернете — тот оказался ближе к центру.
Микс трендов в 2007 году:
Микс трендов в 2008 году:
Временная линия трендов и технологий в 2010 году:
Есть в подобных визуализациях и чистый арт — визуализация идеи через графический стиль карт Underground. Не могу сказать что мне нравятся подобные «прямолинейные» эксплуатации стиля.
К примеру: карта приближения к свадьбе. Здесь я не могу полностью согласиться с автором в реализации идеи — потому что он описывает последовательность, а в карте временных последовательностей нет.
Резюме русского дизайнера и арт-директора Владимира Шмойлова: Может использоваться только в интерактивном режиме, а поэтому практически лишено качеств простоты и того, что называют «понять одним взглядом».
Кстати! Помните пост про визуализацию кино? Вот туда же ещё картинка: «Крёстный отец». Гениально вписан логотип фильма.
Строение человеческого тела
Карта взаимосвязей возможностей и проблем современного мегаполиса. На узлах — не станции метро, а такие понятия как «вредные выбросы», «уровень криминала», «развитие парков» и «городские праздники». Спорить о том, как именно взаимо переплетены тут элементы можно много — но главное, что есть о чем спорить. Визуализация помогает иногда если и не прийти к единому выводу, то хотя бы начать диалог, дискуссию.
Ну и напоследок, «просто красивая карта» от дизайнерши Su Yue.
Надеюсь вам понравилась экскурсия в мир карт лондонского метро:)
Уже почти классика — инфографика по мотивам «Властелина колец». Взяты все сюжетные линии, все герои, движущиеся дабы завладеть кольцом. Эти линии идут в одном направлении и периодически пересекаются. Вообщем весь фильм разложили по полочкам. Задаюсь вопросом — как же глубоко надо знать сюжет! Но видимо фанатам Толкиена и не такое доступно.
В голове мелькает аналогия с картой «нашествие Наполеона на Россию«, только здесь домой не вернулись Орки (черная жирная линия).
А чуть позже эта классика начала дополняться другими сюжетами: Звездные войны и т.д. Позабавила шутка про «12 Angree Man», весь фильм сидящих в одном помещении. И жалко, что не знаю фильм «Primer» — сюжет у него явно не из простых.
А самый большой всплеск вызвала новинка — фильм «Начало. Inception» с ДиКаприо. Посмотрела и поняла что без бутылки инфографики в вопросе не разобраться — ниже аж 3 работы, вдохновленные кино шедевром. Так что скоро не останется сфер, про которые я бы могла сказать: «здесь инфографика невозможна». Продолжить чтение →
Публикую пример того, как простые и даже скажем банальные чарты можно оживить: сложить их из бумаги.
Автор Kotryna Zukauskaite, серия работ называется «Как играть в статистику»
По-моему информативность тоже не пострадала.
Как вам вот эта, очень симпатичная картинка? Меня она сразу цепанула своей яркостью, красочностью. Фигурки стильные. Кликайте на картинку для полного размера.
А после вдумчивого разглядывания появились вопросы:
1. Почему скорость катера почти равна скорости кайта? как-то сомневаюсь
2. Какие единицы измерения??? Указаны только метры — это высота над уровнем моря или что? или это скорость, как было указано в источнике? 160 метров в минуту? Но это всего 9.6 км в час — очень странная скорость для катера
3. И, цитируя Тафти, нужно ли было столько цветов? Хотя мне они наверное не мешают… Может быть лучше деления на осях водорослями изобразили?
Но в целом глазу нравится!
В день пересматриваю около 50 примеров инфографики. Многие нравятся, но почему-то я их откладываю на потом. А что-то попадается и хочется выложить в ту же минуту.
Делюсь находкой сайта «Вместо 100 слов» — атлас «рыб», появившихся в Средиземном море и представляющих самую большую угрозу водоемам.
И весь постер (кликайте, хорошем разрешении):
Эта работа рекламного агентства Saatchi and Saatchi уже прошла по нескольким форумам, но я все равно не могу ее пропустить.
Это реклама сети детских клиник, удивительно остроумно передающая особенности детского поведения.
Визуализация очень простая, но невероятно пронзительная (другого слова подобрать не могу). Взят один предмет и двумя разными цветами закрашены его части. Один цвет — то, как мы хотели бы, чтобы дети этот предмет использовали. А второй — то, как этот предмет ими используется на самом деле.
Очень сильная работа, несмотря на отсутствие глубоких научных изучений и статистики.
Взято с FlowingData
FlowingData проводил забавный конкурс этой зимой — на лучший бумажный график. Материалы: бумага, клей, чернила. Урок труда.
Есть очень забавные результаты. Простота материала обеспечила простоту формы.
Все работы на FlowingData, ниже концентрация лучшего:
Вот так должно выглядеть резюме человека, профессионально занимающегося инфографикой
В принципе достойно, качественно выполнено, явно не один час работы
Хорошо видно что человек всегда совмещал работу с повышением квалификации. Единственное — подписи данных сильно разбросаны, не сразу понимаешь что есть что.
Кстати, толщина линии на верхней части «работа-учеба» означает количество энергии, затраченной в процессе выполнения задач.
Интересно было бы посмотреть еще на его зарплатную шкалу ))
Похоже, что самая простая столбчатая диаграмма (Bar Chart) — это наилучшая основа для дизайна, она позволяет сохранить структуру данных и не ограничивает полет фантазии.
Из последних инфографических находок: «Потребление калорий в разных странах»
С художественной точки зрения я готова поставить 5+. Очень красиво, очень натурально и естественно, правильные акценты…
Вот только мое сознание, основываясь на жизненном опыте, подсказывает мне, что обычно у вилки все зубцы одинаковые. Поэтому первое, что я подумала — что остальные зубцы просто «утоплены» в еде и не видны. Но, благодаря второму изображению, все встает на свои места. Здесь уже есть «вилочная шкала» 🙂
Вообще, наверное, очень много статистических данных можно показать на банальных домашних предметах… Что сделает их смысл более близким
Кажется, я где-то видела такую же информацию, но показанную просто с помощью гамбургеров разных размеров. По-моему этот вариант выглядит достойнее. Спасибо дизайнерам студии In-formed (кстати на сайте можно посмотреть процесс преображения: задача-идея-результат) и дружественному сайту Infosthetics за находку.
Возможно, подписи еще можно сделать крупнее, но сейчас они так смотрятся, как будто выгравированы на вилке.
Надеюсь вам понравилось