Информационный дизайн

Указатель, который вертится и меняет надписи в зависимости от того, что именно вы ищете.

Подробности проекта:
http://breakfastny.com/points-sign/

Это одна фотография:

Доказательство:

Источник:
http://kottke.org/…-like-4-individual-photographs

Эти две картинки, помимо прочего, иллюстрируют принцип хорошего информационного дизайна, который связан с приёмами умножения элементов и параллельного изложения. Если показать что-то разными способами; с разных сторон; в разном смысле; на разном языке; это подталкивает зрителя с сравнению, сопоставлению, анализу, поиску закономерностей и их нарушения.

http://bolid.es

По клику можно послушать, а кавычка справа от стиля ведёт к исполнителям — http://www.furia.com/…/genremaps/engenremap.html

Интерактивный сайт показывает, где сегодняшний день расположен на шкале времени:

http://hereistoday.com/

Забавно, что кнопок вначале было мало.

Поп Чарт Лаб, http://popchartlab.com/…-of-video-game-controllers

Схема с сайта Музея Киевского метрополитена (http://www.metromuseum.su/…/razrez-metro где собрано ещё много интересного материала.

Джо Вуд (http://www.soi.city.ac.uk/~jwo/) из Лондонского университета Сити на примере городской системы велопроката показывает, как визуализация способна помочь разобраться в гигантских массивах данных.

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

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

Обработка и отрисовка написана на Java с помощью библиотеки Processing (http://www.processing.org/) и вспомогательного набора утилит giCentreUtils (http://gicentre.org/utils/).

Наглядная и удобная 3Д-модель для расчёта реального положения планет Солнечной системы — http://www.solarsystemscope.com/

http://archive.org/…#page/n29/mode/2up

http://archive.org/…#page/26/mode/2up

http://archive.org/…#page/28/mode/2up

http://archive.org/…#page/88/mode/2up

http://archive.org/…#page/174/mode/2up

http://archive.org/…#page/148/mode/2up

Графики и чертежи изящно вплетаются в тексты доказательств и объяснений.

http://archive.org/…#page/34/mode/thumb

http://www.alejandroguijarro.com/…/blackboards

Фотохудожник Алехандро Гихарро проехал по известным университетам и запечатлел доски после занятий квантовой механикой.

Наглядное объяснение того, как строятся кривые Безье. Процесс построения показан во времени с анимацией:
http://www.jasondavies.com/…-bezier

Если точек две (P0 и P1), то кривая, соединяющая их — это просто множество точек, находящихся на расстоянии t (от 0 до 1) по пути от P0 до P1. Если точек три, то для каждого t до 0 до 1 мы находим точки на расстоянии t от P0 до P1 и от P1 до P2, соединяем их ещё одним отрезком и ставим точку на расстоянии t уже вдоль неё. С увеличением числа точек, число таких построений возрастает.

Работа Дженни Спаркс — http://jennisparks.blogspot.ru/…-drawn-map-of-new-york.html
По ссылке еще несколько картинок

Какая красота.

Очень наглядное видео, объясняющее принципы работы дифференциала:

Любопытно, что на старых автомобилях ещё пытались решить проблему ровного пола.

Стрелки напомнили начало сериала «Обмани меня».

http://menus.nypl.org/

Нью-Йоркская публичная библиотека оцифровала 15 тысяч ресторанных меню, около четверти всей коллекции. Есть поиск по годам, названиям заведений и блюдам.

Студия «Мануал» из Сан-Франциско разработала новые дорожные знаки для Штатов.

http://manualcreative.com/…/icon_rethink

«Нам кажется, что существующая система дорожных знаков непонятна, непостоянна и безобразна».

Целью дизайнеров было облегчить считывание большого объёма информации водителями. Цвет добавлен для отображения важной информации, к примеру, тип дорог (федеральные трассы, трассы между штатами и дороги внутри штатов) сегодня различается по тому, на каком щите помещён номер дороги, в новом дизайне цвет заголовка знака берёт на себя эту функцию с учётом преемственности.

Установив бесплатное приложение для телефона, можно будет получать информацию о дорогах, проезжая мимо знаков, транслирующих такую информацию прямо на телефон.

Полное название: «Карта, иллюстрирующая основные перемещения ископаемого топлива во Франции в 1845 году», Шарль Минар, 25 июня 1851.

Источник (в ещё большем разрешении): цифровая коллекция Национальной библиотеки Франции
http://gallica.bnf.fr/…/f1.zoom.r=minard.langFR

Три цвета используются для месторождений внутри страны: красный — шахты Луары, жёлтый — Валансьен, чёрный — прочие рудники Франции; ещё три для импорта: зелёный — английский уголь, голубой — бельгийский уголь, коричневый — уголь из Германии.

Цифры приведены в тысячах тонн. Площадь кругов показывает объём добычи шахт в 1845 году (словами Минара: «круг с диаметром три сантиметра изображает шесть тысяч тонн»). Закрашенный чёрным внутренний круг показывает потребление топлива департаментами.

Поскольку я французского не знаю, то разбирающиеся в нём могут поправить и дополнить меня.

Нью-Йорк-Таймс опубликовал инфографику, сравнивающую очередной рекордный олимпийский 100-метровый забег Усейна Болта, с забегами других чемпионов разных лет.

Видео по ссылке:
http://www.nytimes.com/…-every-medalist-ever.html?hp

Там снизу ещё ссылки на подобные ролики про плавание и прыжки в длину.

Некоторые кадры: