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

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

РСС

Инфографика Дюбуа

Африканский общественный деятель серию инфографик о жизни чернокожего населения США. Больше — в Библиотеке Конгресса США: http://www.loc.gov/…;co=anedub&loclr=blogpic

Забавно, что сокращенное имя Дюбуа — W. E. B. Du Bois.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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, где в открытом доступе лежит ещё куча данных о Сан-Франциско. В случае велосипедов это заявления владельцев в полицию. Часть точек, кстати, была удалена с карты, так как они ссылались на адрес центрального отделения полиции, который, видимо, ставят в рапорте по умолчанию.

2 комментария твитнуть  инфографика, информационный дизайн, данные, велосипеды, кражи, 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

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

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

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

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

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

http://msk.mercator.ru/

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

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

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

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

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

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

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

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

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

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



© 2017

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

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