Примеры инфографики со всего мира — из всех областей бизнеса и науки, из самых интересных источников. Графики, визуализации, целые проекты. Листайте и наслаждайтесь. А так же — присылайте нам все, чем хотелось бы поделиться. Будем рады.
Сегодня в поле зрения появились 2 работы, качественно отличающиеся от схем, виденных ранее. Считаю, что такая проектировка взаимосвязей и бизнес-отношений заслуживает уважения. И вопрос вообще не в дизайне, а в исследовательской работе.
Всн помнят рассказ Алексея о конкурсе Малофей? Красота становится все менее значимой для жюри, важнее новое знание, которое в себе несет изображение.
Первая работа — бизнес линки между крупнейшими технологическими компаниями. Интересно, сколько версий расположения на листе было перепробовано, чтобы все слияния и поглощения легли так ровно? Полная противоположность нашему более раннему репортажу
Вторая, менее техногенная, описывающая взаимоотношения различных компаний\подразделений внутри Диснея (обращаем внимание на дорисованных персонажей поверх схемы):
Спасибо Александру Хороших за Диснеевскую карту.
По опыту работы, нам приходится постоянно находить баланс между простотой и оформлением, между смыслом и внешним видом. Когда пересматриваешь через некоторое время отвергнутые варианты инфографик под ту или иную задачу, смотришь свежими глазами — чётче видно, почему он бы отвергнут, почему не пошёл в работу.
Да просто потому, что инфографика должна быть кристально понятной. Без слов. А лучший тест — это тестировать инфографику через другой язык. В самом простом, схематичном виде. Вот, допустим что мы не знаем немецкого (изображение взято из Википедии):
Но тем не менее, всё изображённое понятно. Понятен предмет изложения, понятна схема, понятны последовательности.
Вывод: создавая инфографику, не забывайте про смысл. Проектируя визуальную форму, не забывайте про приоритеты в информации. Ключ — в простоте. Отбрасывайте все «украшательства» до тех пор, пока не увидите, что человек, говорящий на другом языке, так же хорошо понимает, что имено вы хотите донести, как и вы сами.
Немного ранее мы рассказывали о картах метро (история карты метро Лондона, кто не читал — советуем прочитать).
На этот раз обратим внимание на стилизации. Используя принципы, заложенные в карте (напомню — акцент на отображение взаимосвязей между элементами), дизайнеры фантазируют как могут. Итак, смотрим:
250 главных фильмов всех времён:
Карта развития рок-н-ролла и наиболее важные рок-н-ролл группы в истории
Карты трендов — это вообще отдельная песня.
Есть целые сайты, которые посвящены современным трендам. К слову, trendhunter.com отличный сайт, а его основательДжереми — вообще не вылезает из лекций по всей америке — 175 лекций распланированы вперёд на целый год! Кстати, у него есть книжка Exploiting Chaos, можно скачать 1ю главу бесплатно.
Тренд-сеттеры стараются завладеть нашими умами, а гонка новинок иногда заставляется задуматься — а есть ли тренд, или же есть лишь хаотичное блуждание от одного стиля к другому?
Карта — это нечто, имеющее в своей основе взаимоотношение элементов. А какие соотношения могут быть в трендах? Тем интереснее разглядывать и изучать, но не следует забывать — что каждый раз это всего лишь экспертное, а иногда и трендсеттерное, мнение.
Карта трендов в интернете 2007 года:
Карта трендов (кажется, это 2008й год). Делали замечательные ребята из information architects. За основу взяли оценки стабильности и успешности в основных сегментах.
В 2010 году эти же ребята сделали новую карту: на этот раз основой карты выступили данные twitter — кто обладает бОльшим влиянием в интернете — тот оказался ближе к центру.
Микс трендов в 2007 году:
Микс трендов в 2008 году:
Временная линия трендов и технологий в 2010 году:
Есть в подобных визуализациях и чистый арт — визуализация идеи через графический стиль карт Underground. Не могу сказать что мне нравятся подобные «прямолинейные» эксплуатации стиля.
К примеру: карта приближения к свадьбе. Здесь я не могу полностью согласиться с автором в реализации идеи — потому что он описывает последовательность, а в карте временных последовательностей нет.
Резюме русского дизайнера и арт-директора Владимира Шмойлова: Может использоваться только в интерактивном режиме, а поэтому практически лишено качеств простоты и того, что называют «понять одним взглядом».
Кстати! Помните пост про визуализацию кино? Вот туда же ещё картинка: «Крёстный отец». Гениально вписан логотип фильма.
Строение человеческого тела
Карта взаимосвязей возможностей и проблем современного мегаполиса. На узлах — не станции метро, а такие понятия как «вредные выбросы», «уровень криминала», «развитие парков» и «городские праздники». Спорить о том, как именно взаимо переплетены тут элементы можно много — но главное, что есть о чем спорить. Визуализация помогает иногда если и не прийти к единому выводу, то хотя бы начать диалог, дискуссию.
Ну и напоследок, «просто красивая карта» от дизайнерши Su Yue.
Надеюсь вам понравилась экскурсия в мир карт лондонского метро:)
Невозможно представить себе Петербург без мостов. Всего в городе более 300 мостов, 13 из которых разводятся. Примерно с конца апреля по ноябрь месяц начинается период летней навигации. Развод мостов в Петербурге — одно из самых красивых зрелищ для гостей города.
Инфографика тоже может сделать свой небольшой вклад в жизнь Петербурга. Все потому что мосты разводятся в разное время, с разными промежутками и всем (в том числе иностранцам) надо как-то с этим жить.
Проект Разводка Мостов в Петербурге постарался элегантно решить эту задачку:
Я бы наверное только увеличила контраст между водой и мостом, чтобы издалека было ясно. Для примера ниже чуть более простой вариант (возможно за другой год, поэтому не сравниваем точность). В нем я одного не могу понять — закрашенные области — это время разведенных мостов? Или наоборот пробел означает отсутствие моста?
И официальный вариант, чтобы разница была понятна:
Публикую подборку чудовищных схем — накопилось. Головоломки. Может быть автор и разобрался в вопросе, но он видимо был единственным