Alt+N
Новость...

Просветите нас
Правила хорошей заметки для Дизайн-собаки

РСС

Карта плотности населения США

Другие работы Джо Лертола: http://joelertola.com/grfx/index.html

нет комментариев твитнуть  инфографика, карты, Joe Lertola

Трёхмерная кривая доходности от «Нью-Йорк Таймс»

http://www.nytimes.com/…-curve-economic-growth.html

нет комментариев твитнуть  инфографика, информационный дизайн, интерактивная графика, экономика, NYT, финансы, диаграмма, 3D

Диаграмма исследования Солнечной системы

«Поп-чарт-лаб» сделали схему полётов по Солнечной системе.

https://www.popchartlab.com/…-chart-of-cosmic-exploration

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

Модель Солнечной системы в масштабе

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

Два энтузиаста, Вайли Оверстрит и Алекс Горош из Сан-Франциско, поехали в пустыню Блэк-Рок и построили модель Солнечной системы в точном масштабе, диаметр которой примерно равен 11 километрам. Земля при этом оказалась шариком, диаметром в полтора сантиметра.

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

Визуализация общественного транспорта в реальном времени

http://tracker.geops.ch
Сайт в реальном времени отображает передвижение общественного транспорта в большинстве городов Европы и Америки.

Отображается почти любой общественный транспорт: метро, трамваи, автобусы, пригородные поезда и даже междугородние экспрессы.

Возможности масштабировать +/− любой участок карты, переключать информационные слои карты, выбирать точку, чтобы посмотреть схему и расписание маршрута (при выборе станции на схеме карта к ней автоматически прокручивается). Можно даже ускорить время и заглянуть в будущее :-)

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

Наслаждайтесь, медитируйте, мечтайте!

1 комментарий твитнуть  навигация, схема проезда, инфографика, интерфейс, транспорт, география, расписание, гео-локация

История гражданской авиации за 100 лет

В «Гардиане» сделали замечательную инфографику истории развития гражданской авиации за 100 лет:
http://www.theguardian.com/…/2014/aviation-100-years

Обратите внимание на интерактивные элементы анимации в четырёх роликах.

Многие дополнительные элементы интерфейса появляются, если нажать на «паузу». Стоит покопаться и найти все эти крутые переключатели (ч. 1), картинки и исторические фотографии (ч. 2), отлично подобранные иллюстрации для каждого года истории (ч. 3), статистические диаграммы и графики (ч. 4). Многие из них вы даже не найдёте с первого раза, так увлекательна сама история. Поэтому стоит посмотреть всё снова и снова.

нет комментариев твитнуть  графдизайн, инфографика, информационный дизайн, транспорт, карта, история, интерактив, авиация, the guardian

Визуализация данных сайта знакомств

Сооснователь сайта знакомств «Окей кьюпид» Кристиан Реддер выпустил книгу о поведении пользователей с точки зрения статистики.

«Цукерберг позвонит» опубликовал выдержки: http://siliconrus.com/2014/09/dataclysm/

Пример анализа: какого возраста мужчины нравятся женщинам в зависимости от возраста. И наоборот: какие женщины — мужчинам. Видно, что женщины сначала любят мужчин чуть постарше, потом — чуть помоложе. А мужчинам всегда нравятся двадцатилетние.

нет комментариев твитнуть  инфографика, знакомства

Изометрическая инфографика Делла об эволюции офисов

С 1960-х до настоящего и будущего. От System/360 и печатной машинки до ноутбуков, планшетов и отсутствия мышей в будущем.

http://techpageone.dell.com/…-of-the-office

нет комментариев твитнуть  графдизайн, инфографика, история, dell

Карта краж велосипедов в Сан-Франциско в 2013 году

http://seismograph.co/…-bicycle-map-sf.html

Точки были получены на городском сайте https://data.sfgov.org, где в открытом доступе лежит ещё куча данных о Сан-Франциско. В случае велосипедов это заявления владельцев в полицию. Часть точек, кстати, была удалена с карты, так как они ссылались на адрес центрального отделения полиции, который, видимо, ставят в рапорте по умолчанию.

3 комментария твитнуть  инфографика, информационный дизайн, данные, велосипеды, кражи, san francisco, сан-франциско

53 года ядерных испытаний, показанные за 12 минут

Какие государства, где и с какой частотой взрывали ядерные бомбы с 45 по 98-й год. Драматический нарратив простыми методами представления информации. 2003 г., Исао Хасимото.

4 комментария твитнуть  информационный дизайн, видео, видеоинфографика

Эмблеметрика: статистика логотипов

Из описания: «Эмблеметрика сообщает о трендах в дизайне логотипов с применением числового анализа данных Ведомства по патентам и товарным знакам США»

Сравнение американских знаков с выставки 1964 года:
http://www.emblemetric.com/…/trademarks-coming-out-party

…с американскими логотипами, регистрировавшимися после 2000 года:

Статистика использования колосков, лабораторных пробирок и стрелок с 1950 года:
http://www.emblemetric.com/…/04/16/wally-olins-remembered

А также лис и карадашей с 1980 года:
http://www.emblemetric.com/…-new-logo-by-the-numbers

Демографический взрыв среди «долбоёбиков» во второй половине двухтысячных:
http://www.emblemetric.com/…/04/counting-neutered-sprites

…и их распределение по отраслям. Здравоохранение лидирует:

Применение слова «иконический» к логотипам, возвращение «франкензнаков» и статистика полосок:
http://www.emblemetric.com/…/07/26/iconic-logos-everywhere
http://www.emblemetric.com/…/16/return-of-the-frankenmark
http://www.emblemetric.com/…-stripes-you-shall-know-them

Весь блог: http://www.emblemetric.com

нет комментариев твитнуть  графдизайн, инфографика, логотип, статистика, emblemetric

Страва Лэбс визуализировали данные со своих спортивных трекеров

Разработчик фитнес-приложения «Страва» визуализировал данные о велосипедных поездках и пробежках на карте мира:

What's this: This dataset includes 77,688,848 rides and 19,660,163 runs representing about 220 billion total data points.

Как бегает Европа: http://labs.strava.com/…/#4/9.42390/48.42072/gray/run

На велосипеде больше всего ездят в Британии и Голландии: http://labs.strava.com/…/#4/9.42390/48.42072/gray/bike

В Екатеринбурге бегают вокруг воды (озеро Шарташ, на карте справа, вдоль пруда — в центре, и в парке Маяковского): http://labs.strava.com/…/60.62088/56.82198/gray/run

В Москве бегают по набережным и в любом, даже самом маленьком парке: http://labs.strava.com/…/37.55173/55.75210/gray/run (видны Парк Горького + Воробьевы, Сокольники, Серебряный Бор, Измайлово и Кузьминки)

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

Инфографика в помощь рассказчику: распределение доходов в США

На видео — пример качественного комбинирования устной речи и анимированной инфографики с целью раскрытия важной и сложной темы.

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

Интересно, как бы похожий график распределения доходов выглядел для России?

1 комментарий твитнуть  инфографика, информационный дизайн, видео, анимация, видеоинфографика, повествование, управление вниманием

Андроид для бедных

Мэпбокс собрали данные об использовании мобильных платформ из Твитера. Всё наложили на интерактивную карту с переключалками:

https://www.mapbox.com/…/twitter-gnip/brands

Так как красные точки Айфона лежат сверху зеленых точек Андроида, Айфон всегда доминирует. Посмотрите на Москву.

В провинциальной Испании и в Южной Корее победил Андроид.

В Океании — Блэкбери.

Аргентина захвачена коалицией Андроида и Блэкбери. С запада по берегам Чили расселись империалисты с Айфонами.

В Рейкьявике с небольшим перевесом победил Айфон.

В Саудовской Аравии доминирует Андроид.

1 комментарий твитнуть  инфографика, айфон, карта, Андроид

Скролл-путешествие из Петербурга в Москву

Эллен Бэрри отправилась из Петербурга в Москву и записала впечатления.

В «Нью-Йорк Таймсе» её рассказ, фотографии и видео оформили на длинной странице с инфоскроллером (маршрут слева).

Каждая статья относится к одному из городов на маршруте. Пока скроллишь страницу вниз, маршрут заполняется.

Как у Ерофеева.

http://www.nytimes.com/…/2013/10/13/russia

3 комментария твитнуть  инфографика, интерфейс, дизайн, инфоскроллер

Инфографика «Виды пасты»

О проекте: http://popchartlab.com/…-of-pasta-permutations

нет комментариев твитнуть  инфографика, информационный дизайн

Карта возраста домов Москвы

http://msk.mercator.ru/

Удачное решение — разделить эпохи «по смыслу», а не просто по столетиям, как в аналогах.

3 комментария твитнуть  инфографика, информационный дизайн, карты

Наглядное объяснение условной вероятности

Виктор Пауэлл визуализировал понятие условной вероятности: http://setosa.io/conditional/

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

К визуализации прилагается текст с грамотным использованием цветового кодирования.

нет комментариев твитнуть  инфографика, интерфейс, информационный дизайн, Виктор Пауэлл, Victor Powell, Setosa, математика, теория вероятностей

Траектории птичьих полётов

Видеоролик, наглядно демонстрирующий поведение стаи птиц.

нет комментариев твитнуть  инфографика, инфовидео, видео, видеоинфографика

«Пивот» — визуализация данных по принципам масштабируемого интерфейса Джефа Раскина

В 2009 году ребята из Лайв Лабс (канувшего в лету отделения Микрософта) разработали Пивот — экспериментальный инструмент для просмотра больших массивов данных.

В Пивоте принцип навигации основан на идее о масштабируемом интерфейсе Джефа Раскина.

В 2010 году Гари Флейк показал Пивот на ТЕДе:

Пивот был разработан на Сильверлайте + ИЕ. Его до сих пор можно скачать http://research.microsoft.com/…-92d6-496f-867d-666c87fbaada на сайте Микрософта и даже сохранилась какая-то документация http://www.microsoft.com/…/pivotviewer Но примеры, показанные в презентации, уже недоступны, так как исчезли вместе с закрытием Лайв Лабс в 2010.

3 комментария твитнуть  инфографика, интерфейс, визуализация, масштабируемый мир, информационный дизайн, Микрософт, ТЕД, видео, Раскин, pivot



© 2017

Дизайн-бюро
Артёма Горбунова

Пишите: mail@artgorbunov.ru