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

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

РСС

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

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

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

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

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

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

Конец эпохи дирижаблей

Эпоха дирижаблей в XX веке закончилась с крушением крупнейшего из них — «Гинденбурга». Немецкий корабль соперничал по скорости и комфортабельности перемещения пассажиров с самыми быстроходными океанскими судами того времени. Однако, несмотря на все предостережения, несовершенная технология строительства цеппелина привела к катастрофе. Хотя по количеству жертв крушение «Гинденбурга» не стало крупнейшей катастрофой в истории дирижаблестроения, свидетельства гибели произвели большое впечатление на людей. Споры о целесообразности использования дирижаблей закончились.

Инфографика Адольфа Арранца:

Его портфолио: http://visualoop.com/…-of-the-week-adolfo-arranz

Перевод инфографики на русский язык: http://iconicphotos.ru/…-1939/hindenburg

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

Храм

Занимательная инфографика об устройстве храма.
http://infographicsmag.ru/…-about-church.html

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

Инфографика в игре The Division Тома Кленси

Недавно была анонсирована онлайн-РПГ следующего поколения. Игра полна клёвой и модной инфографики и занятных девайсов. Ниже трейлер и геймплейный ролик с Е3 (партийный съезд разработчиков игр в Лос-Анджелесе).

Сайт игры: http://tomclancy-thedivision.ubi.com

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

Визуализация падений болидов от Ногатского (861 год) до Челябинского

http://bolid.es

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

Условная схема станции «Университет» Киевского метро

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

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

Персональная Фейсбук-статистика от Вольфрама Альфа

Движок знаний «Вольфрам Альфа» научился делать прекрасную инфографику по фейсбучной странице пользователя.

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

Попробовать самому: http://www.wolframalpha.com/…/?i=facebook report

нет комментариев твитнуть  Facebook, Wolfram, инфографика, Стивен Вольфрам, Фейсбук

«Начала Евклида» Оливера Бирна


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

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

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

Один человек — одна точка. С точностью до квартала, на движке Гугль-карт.

http://bmander.com/dotmap/index.html

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

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

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

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

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

Нефтяные войны

Небольшой документально-познавательный фильм в нашей любимой инфографичной манере.

http://

1 комментарий твитнуть  графдизайн, дизайн, инфографика, моушн-дизайн, приём, типографика, фильм

Инфографика на поверхности Земли

Кадры из новой образовательной передачи об Америке:

http://www.mymodernmet.com/…/blogs/pbs-america-revealed

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

Куча крутой старой инфографики о насекомых и растениях

Приятно на вид, много деталей, и Тафти был бы рад.





http://library.wur.nl/…/arles_gallery/index.html

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

Как работает единственная кнопка Айфона

Автор: Эндрю Дёрден (Andrew Durdin)

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

Илья Муравьёв:

Страшно и непонятно.

Сергей:

Соглашусь с Ильей, воспринимается с большим трудом.

Более того, в верхнем правом углу ошибка – кликая два раза при выключенном экране мы попадаем сразу в Music controls. По схеме же получается, что нужно нажать один раз, чтобы включился экран, а затем еще дважды для Music controls.

Александр Лопатюк:

У Алана Купера это называется чертовски высоким когнитивным сопротивлением, ага? :)

Инфографика о Макдональдсе

Радует общий приятный стиль, понятность и забавные пасхальные яйца. Жалко, что без легенды не обошлось.

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

Структура разметки веб-страницы как граф

Сервис, позволяющий изобразить разметку веб-страницы в виде графа:
http://www.aharef.info/static/htmlgraph/

Положительный отзыв от Тафти и обсуждение на его форуме:
http://www.edwardtufte.com/…-and-a-fetch-msg?msg_id=0002HW

Примеры:


apple.com


табличный yahoo.com


google.com

Легенда:
cиний — a
красный — table, tr и td
зеленый — div
фиолетовый — img
желтый — формы и их содержание
оранжевый — br, p, blockquote
черный — корневой html
серый — остальные теги

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

Выдающаяся инфографика от XKCD

Рэнделл Манро сделал еще одну запредельно крутую штуку: http://xkcd.com/980/huge/ (полный размер)

Каждый квадратик — определенное количество долларов США. Рассматривать можно бесконечно, чем и предлагаю заняться.

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

Столяр

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

http://

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

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

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

Иван Пухкал:

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

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

Карта Википедии

Инфографичная карта по категориям научных статей на англоязычной Википедии.

http://abeautifulwww.com/…-tech-activity-in-wikipedia

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

Иван Демидов:

Очередная неинформативная «инфо»графика. Иногда это бывает красиво, но здесь и этого нет. Бессмысленное нагромождение кружков, ни уму, ни сердцу.

Инфографика по истории веба

Хрому исполнилось 3 года. В честь этого сделали инфографику по истории веба с Мозаики до наших дней.

http://evolutionofweb.appspot.com/

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

Евгений Волков:

Хм, а вчера хром обновился у меня до 14 версии, а у них пока 13 максимальная

Озорнин Михаил:

У меня 15-ая версия. Я думаю причины 13-ой версии просты:
— Инфографику делали на заказ, тогда ещё не было 14-ой версии
— На тот момент уже была 14-ая, но её не включили, т. к. она не была стабильной (сейчас, например, аналогично, 15 не является стабильной).



© 2020

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

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