• Агентство
  • ← Блог

infographer

  • Теория
  • Примеры
    • Примеры
    • Критический взгляд
  • События
    • Текущие события
    • Прошлые события
  • Инструменты
  • Книги
    • Книги
    • Книжный магазин
  • Новости

Тема: схемы 5

Схема, как результат качественной проектировки

Изображение14 г. назад Примеры визуализациисхемы

Сегодня в поле зрения появились 2 работы, качественно отличающиеся от схем, виденных ранее. Считаю, что такая проектировка взаимосвязей и бизнес-отношений заслуживает уважения. И вопрос вообще не в дизайне, а в исследовательской работе.

Всн помнят рассказ Алексея о конкурсе Малофей? Красота становится все менее значимой для жюри, важнее новое знание, которое в себе несет изображение.

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

Вторая, менее техногенная, описывающая взаимоотношения различных компаний\подразделений внутри Диснея (обращаем внимание на дорисованных персонажей поверх схемы):

инфографика

Спасибо Александру Хороших за Диснеевскую карту.

Инфографика и дизайн — немного философии

Изображение14 г. назад 15 Примеры визуализацииdata-ink ratio, законы восприятия, проектирование инфографики, скетчи, совет, схемы, теория информационного дизайна

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

Да просто потому, что инфографика должна быть кристально понятной. Без слов. А лучший тест — это тестировать инфографику через другой язык. В самом простом, схематичном виде. Вот, допустим что мы не знаем немецкого (изображение взято из Википедии):

Но тем не менее, всё изображённое понятно. Понятен предмет изложения, понятна схема, понятны последовательности.

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

Стилизации карты лондонского метро

Изображение14 г. назад 2 Примеры визуализацииfun, карты, креатив, схемы

Немного ранее мы рассказывали о картах метро (история карты метро Лондона, кто не читал — советуем прочитать).

На этот раз обратим внимание на стилизации. Используя принципы, заложенные в карте (напомню — акцент на отображение взаимосвязей между элементами), дизайнеры фантазируют как могут. Итак, смотрим:

250 главных фильмов всех времён:

250 главных фильмов в истории
250 главных фильмов в истории

Карта развития рок-н-ролла и наиболее важные рок-н-ролл группы в истории

Карта развития рок-н-ролла
Карта развития рок-н-ролла

Карты трендов — это вообще отдельная песня.

Есть целые сайты, которые посвящены современным трендам. К слову, trendhunter.com отличный сайт, а его основательДжереми — вообще не вылезает из лекций по всей америке — 175 лекций распланированы вперёд на целый год! Кстати, у него есть книжка Exploiting Chaos, можно скачать 1ю главу бесплатно.

Тренд-сеттеры стараются завладеть нашими умами, а гонка новинок иногда заставляется задуматься — а есть ли тренд, или же есть лишь хаотичное блуждание от одного стиля к другому?

Карта — это нечто, имеющее в своей основе взаимоотношение элементов. А какие соотношения могут быть в трендах? Тем интереснее разглядывать и изучать, но не следует забывать — что каждый раз это всего лишь экспертное, а иногда и трендсеттерное, мнение.

Карта трендов в интернете 2007 года:

Тренды интернета в 2007
Тренды интернета в 2007
Карта трендов 2007 в увеличенном размере
Карта трендов 2007 в увеличенном размере

Карта трендов (кажется, это 2008й год). Делали замечательные ребята из information architects. За основу взяли оценки стабильности и успешности в основных сегментах.

Карта трендов 2008
Карта трендов 2008
Карта трендов 2009 в живом исполнении
Карта трендов 2009 в живом исполнении

В 2010 году эти же ребята сделали новую карту: на этот раз основой карты выступили данные twitter — кто обладает бОльшим влиянием в интернете — тот оказался ближе к центру.

Тренды 2010
Тренды 2010

Микс трендов в 2007 году:

Общий микс трендов в 2007 году
Общий микс трендов в 2007 году

Микс трендов в 2008 году:

Общий микс трендов в 2008 году
Общий микс трендов в 2008 году

Временная линия трендов и технологий в 2010 году:

Межвременная линия трендов
Межвременная линия трендов

Есть в подобных визуализациях и чистый арт — визуализация идеи через графический стиль карт Underground. Не могу сказать что мне нравятся подобные «прямолинейные» эксплуатации стиля.

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

Свадебная инфографика
Свадебная инфографика

Резюме русского дизайнера и арт-директора Владимира Шмойлова: Может использоваться только в интерактивном режиме, а поэтому практически лишено качеств простоты и того, что называют «понять одним взглядом».

Владимира Шмойлова
Владимира Шмойлова

Кстати! Помните пост про визуализацию кино? Вот туда же ещё картинка: «Крёстный отец». Гениально вписан логотип фильма.

Крестный отец фильм - визуализация
Крестный отец фильм — визуализация

Строение человеческого тела

Строение человеческого тела
Строение человеческого тела

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

Ну и напоследок, «просто красивая карта» от дизайнерши Su Yue.

"Просто красивая карта"
«Просто красивая карта»

Надеюсь вам понравилась экскурсия в мир карт лондонского метро:)

График разводки мостов в Санкт-Петербурге

Изображение14 г. назад 10 Примеры визуализациироссийская инфографика, схемы

Невозможно представить себе Петербург без мостов. Всего в городе более 300 мостов, 13 из которых разводятся. Примерно с конца апреля по ноябрь месяц начинается период летней навигации. Развод мостов в Петербурге — одно из самых красивых зрелищ для гостей города.

Инфографика тоже может сделать свой небольшой вклад в жизнь Петербурга. Все потому что мосты разводятся в разное время, с разными промежутками и всем (в том числе иностранцам) надо как-то с этим жить.

Проект Разводка Мостов в Петербурге постарался элегантно решить эту задачку:

Я бы наверное только увеличила контраст между водой и мостом, чтобы издалека было ясно. Для примера ниже чуть более простой вариант (возможно за другой год, поэтому не сравниваем точность). В нем я одного не могу понять — закрашенные области — это время разведенных мостов? Или наоборот пробел означает отсутствие моста?

И официальный вариант, чтобы разница была понятна:

Иногда лучше без инфографики!

Изображение14 г. назад 31 Примеры визуализациинекачественная инфографика, схемы

Публикую подборку чудовищных схем — накопилось. Головоломки. Может быть автор и разобрался в вопросе, но он видимо был единственным

Слайд из презентации Пентагона - ну и бардак

Что-то о системе здравоохранения

Работа консалтингового агентства - что-то про Афганистан и военных

А это о пиве

Темы раздела
Примеры визуализации 5
Мы в Facebook, ежедневно

Unable to display Facebook posts.
Show error

Error: Server configuration issue
Please refer to our Error Message Reference.
Для авторов
Приглашаем авторов по теме инфографики к сотрудничеству. Политика обработки персональных данных и пользовательское соглашение.
Контакты

Infographer – это агентство инфографики и образовательный ресурс об инфографике. Офисы в Москве и Гааге, работаем для клиентов со всего мира (контакты).

Адрес: Москва, Ленинский просп. 30А

Телефон: +7 916 628 47 64

Имейл: mg@infographer.ru

Пишем для вас с 2009 года © Infographer, при перепечатке ссылка обязательна. 16+