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

Наоми Росс демонстрирует работу печатного станка в приятной видеоинфографике.

http://

Очень тонко совмещены видео и текст в пространстве. Посмотрите, например, как включается станок на пятьдесят седьмой секунде.

Снято на фотоаппарат, обработано в After Effects Motion Tracker.

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

http://www.lookatme.ru/…-prestupnikov-nachala-20-veka

http://www.google.com/insidesearch/

Сразу вам и схематичность, и географичность.

http://london-tubemap.com/

Сайт выдуманной компании из игры Deus Ex: Human revolution, выход запланирован на август.

http://sarifindustries.com

Карта плоской Земли за авторством профессора Орландо Фергусона, 1893 год.

Иллюстрация справа от карты смеётся над сторонниками теории круглой Земли.

Невероятной красоты трёхмерные модели внутриклеточных процессов создаёт гарвардская научная команда «Био-вижнс»: http://multimedia.mcb.harvard.edu/ Чтобы посмотреть другие фрагменты нажмите «Click to close». Навигация на сайте, надо признать, не самая очевидная :-)

Подсмотрено в блоге «Imaginary Foundation»: http://blog.imaginaryfoundation.com/

Здесь можно узнать, что же делать дальше: http://vitamintalent.com/…-d22b-455c-9d8c-215e7bf95adf

Фрагмент лекции Курта Воннегута, где он изображает самые популярные литературные сюжеты в виде двумерных графиков.

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

Сайт, показывающий в реальном времени статистику загрузок 4-й версии Firefox.
Каждая загрузка отмечается вспышкой на карте (на скриншоте почти не заметно, но на сайте очень ярко и динамично).
Забавно например, подождать пару минут в ожидании загрузки из далёкой и небольшой Исландии, или визуально сравнить частоту «бомобометания» между Америкой и Западной Европой.

http://glow.mozilla.org/

Ролики с визуализацией статистики Bloomberg: http://www.bloomberg.com/insights/
Про всякие разные интересные штуки.

Например, оказывается в Украине продукты питания дорожают на 7% больше, чем в США или Индии: http://www.bloomberg.com/…/food-price-effects

Брет Виктор рассказывает на видео о приложении для айпада для визуального интерактивного исследования динамических систем на примере соотношения хищник-жертва. На его сайте http://worrydream.com/ есть тоже много интересного.

Михаэль Штолль, профессор факультета дизайна университета прикладных наук в Аугсбурге, регулярно выкладывает в Фликре примеры инфографики и инфодизайна.

http://www.flickr.com/…/mstoll/sets

Несколько подборок:

Брошюра об графических образах олимпийского Мюнхена — http://www.flickr.com/…/mstoll/sets/72157606230938892

Иллюстрированное руководство ВМФ США, обучающее полёту по приборам — http://www.flickr.com/…/mstoll/sets/72157608300934861

Географико-статистический карманный атлас 1911 — http://www.flickr.com/…/mstoll/sets/72157626487877077

Книга для начинающих рисовальщиков — http://www.flickr.com/…/mstoll/sets/72157625038503475

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

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

Прошлым летом Лондон стал очередным городом, перемещаться по которому стало возможно, взяв в прокат велосипед. В центре британской столицы расположено более 350 точек проката, более 5000 велосипедов доступны любому желающему. Процесс полностью автоматизирован. Название системы — Barclays Cycle Hire.

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

Рассказ о том, как система работает и как ей пользоваться

Про безопасность

Раздел на сайте TFL (Transport For London)
http://www.tfl.gov.uk/…/cycling/14808.aspx

Больше информации о системе на английской Википедии
http://en.wikipedia.org/…/Barclays_Cycle_Hire

Аккуратная и понятная реклама канала.
http://

Инфограмма про масштаб Вселенной:
http://www.ovni-alerte.com/…/flash/scale-of-universe.swf

Особенно классный эффект при быстром зуме.

Газеты из Англии, Шотландии, Австралии.
http://theoldentimes.com/archives.html

Американские газеты с 1700 по 2004 годы
http://historybuff.com/

Еще из США
http://chroniclingamerica.loc.gov/

Издания национальной библиотеки Австралии
http://trove.nla.gov.au/newspaper

Есть даже Нью-Йорк Таймс времен Первой Мировой войны

http://timesmachine.nytimes.com/browser

Подборку давал мне когда-то Артём.

http://www.nytimes.com/…/20080804_MEDALCOUNT_MAP.html
География олимпийских медалей

http://www.nytimes.com/…&sq=interactive&st=cse
Рассказ с документами

http://www.nytimes.com/…&sq=interactive&st=cse
Складывающиеся загадки

http://www.nytimes.com/…&sq=interactive&st=cse
Гайдлайны по бюллетеням для голосования

http://www.nytimes.com/…/20070826_CHINA_GRAPHIC.html
Карта загрязнений Китая

http://www.nytimes.com/…&sq=interactive&st=cse
Не слишком удобное интерактивное расписание Олимпиады

http://www.nytimes.com/…&sq=interactive&st=cse
Конечные станции метро. Классный прелоадер

http://www.nytimes.com/…&sq=interactive&st=cse
Бокс-офис за 20 лет. Приятно наводить мышку.

http://www.nytimes.com/…&sq=interactive&st=cse
Карта Пекина. Классно масштаб меняется.

http://www.nytimes.com/… ice interactive&st=cse
Арктические льды

http://www.nytimes.com/…/20080530_CRANE_GRAPHIC.htm
Падение крана на Манхэттене
(как сделать инфографику из одной фотки, в конце карта с тремя масштабами)

http://www.nytimes.com/…/20080810_phelps_graphic.html
Про пловцов (бассейнограмма)

Мини-страница про погоду — минимализм в духе ya.ru.

http://mini.pogoda.yandex.ru/