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

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

РСС

Интерактивный городской указатель

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

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

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

Одна фотография, которая выглядит как четыре

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

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

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

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

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

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

http://bolid.es

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

Все музыкальные стили разом

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

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

Вот сегодня

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

http://hereistoday.com/

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

Эволюция контроллеров для видеоигр

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

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

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

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

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

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

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

Джо Вуд (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

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

Всем квантовая механика!

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
По ссылке еще несколько картинок

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

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

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

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

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

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

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

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

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

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

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

Коллекция ресторанных меню за полтора века

http://menus.nypl.org/

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

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

Новые дорожные знаки для США

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

http://manualcreative.com/…/icon_rethink

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

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

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

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

Карта движения топлива во Франции 1845 года (Шарля Минара)

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

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

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

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

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

нет комментариев твитнуть  minard, информационный дизайн, Тафти, шарль минар

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

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

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

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

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

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



© 2021

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

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