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

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

РСС

Визуализация алгоритмов сортировки

Четвертая вещь, на которую можно смотреть бесконечно :-)

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

Визуализация как способ разобраться в больших массивах данных

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

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

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

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

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

Зенитки

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

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

Ядерный ракетный двигатель

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

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

Как работает дифференциал

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

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

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

Советский инфографический фильм о работе карбюратора

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

1 комментарий твитнуть  видео, информационный дизайн, карбюратор, карта, Обмани меня, приём, сериал, СССР, техническая иллюстрация

Усейн Болт и другие бегуны

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

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

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

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

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

Звуковой логотип гамбургского филармонического оркестра

Идеей для звукового логотипа послужил визуальный образ — панорама исторического центра Гамбурга с ее отражением в озере Альстер.

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

Московский музей дизайна

Очередной живой логотип:

http://

Ещё картинки:
http://www.underconsideration.com/…_design_museum_on_the_grid.php

14 комментариев твитнуть  видео, логотип

Bret Victor: Inventing on Principle

Отличная лекция от Брета Виктора с интереснейшими демо на темы программирования, дизайна, идей и принципов.

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

Станислав Биченко:

Лекция на самом деле выдающаяся; очень рекомендую посмотреть. Длина совершенно оправдана.

«Лупа» для скролла на ютубе

У длинных видео появилось «увеличительное стекло» для точного прицеливания в нужный момент видео.

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

Анатоль Новиков:

А еще во время загрузки видео прилодером можно играть в змейку.

Олег Томенко:

Я ни разу ничего не видел, кроме серых квадратов. Не понял вообще смысл.

Фрагмент семинара по навигации в Сургуте — 2

О лондонском метро и его схеме:

http://

Ещё фрагмент (А. Г. о типах общественных мест, носителях навигации, цветовом кодировании):
http://design.artgorbunov.ru/…-po-navigatsii-v-surgute-1

Рассказ о семинаре:
http://artgorbunov.ru/news/2010/surgut/

1 комментарий твитнуть  Артём Горбунов, видео, Илья Бирман, Лондон, мастер-класс, метро, навигация, семинар, Сургут, схема метро

Микрософт рассказывает о будущем

Кино:

http://www.microsoft.com/office/vision/

12 комментариев твитнуть  будущее, видео, интерфейс, Микрософт

Столяр

Инфографика в видео.

http://

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

Владислав Кулик:

Меня вот тут знакомые поправили, что он не плотник, а столяр.
http://ru.wikipedia.org/wiki/Столяр

Иван Пухкал:

Заставило вспомнить и найти промо-ролик Европейской конфедерации стрелкового спорта

http://www.youtube.com/…?v=LNN0_U_2mYo

Реализация параллелизма в видео

http://www.byturen.com/

По видео надо ездить мышкой.

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

Яндекс показывает видео прямо на СЕРПе


нет комментариев твитнуть  SERP, видео, выдача, интерфейс, Ютюб, Яндекс

Ручной печатный станок

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

http://

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

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

3 комментария твитнуть  canon 7d, Naomie Ross, видео, инфовидео, инфографика, информационный дизайн, приём, типографика

Артем Горбунов:

Кстати, просьба к собаководам: используйте тег «приём» только если вы упоминаете или описываете какой-то приём в пояснении к примеру. Иначе это становится бессмысленно.

Максим Ильяхов:

Леттерпресс-станокдля Айпада: http://www.lettermpress.com/…/Home.html

Галина Невская:

Как прекрасно.

Тафти

Свежие видео с Эдвардом Тафти, делящимся мыслями на различные темы.

http://www.washingtonpost.com/…;dpp=50&df=Past 60 Days

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

Лекция Тани Мисютиной «Об интерфейсе»

http://www.e-legion.com/…/blog/2011/about-interface

4 комментария твитнуть  видео, интерфейс, Таня Мисютина

Инфографика в видео

MK12 // Stranger Than Fiction: Opening from MK12 on Vimeo.

Вроде это из фильма http://ru.wikipedia.org/…wiki/Персонаж_(фильм)

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



© 2024

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

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