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

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

РСС

Новый саркофаг

Компания «Маммэт» создала новый саркофаг над аварийным блоком Чернобыльской АЭС. Презентационное видео о том, как будет устроен саркофаг.

нет комментариев твитнуть  видео, техника, инженерное дело, MAMMOET, Чернобыль, саркофаг

Переработка фильмов в восьмибитные игры

Дэвид Даттон превращает фильмы в восьмибитные мультики-игры. Решает задачу: как превратить киношную драматургию в игровую.

Иногда задача решается очень легко. «Терминатор» — это просто герой ходит по локациям, берет предметы и стреляет во врагов.

«Криминальное чтиво» сложнее: много вариантов геймплея, встроенные миниигры, сюжет обрывочный. Отдельно — танцы. Отдельно — оживить Мию Уоллес. Когда герой Траволты умирает, начинаем новую игру за нового игрока.

В «Форресте Гампе» богатейший культурный слой, но выбрана только часть сюжета.

«Заводной Апельсин» сделан, как старая ГТА.

«Сияние» — приключение на много персонажей

Больше мультиков на канале в Ютубе

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

Заставки с МТВ-ВМА 2002 года

Помню, как подбирал эти цветовые пары в Фотошопе с экрана телевизора.

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

Короткометражный фильм «Портфолио»

Николай Паламарчук пишет: «Нашёл замечательное видео. Судя по всему, главный герой попадает во все неприятности, как раз не соблюдая правила вашей рубрики Советы“».

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

Модель Солнечной системы в масштабе

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

Два энтузиаста, Вайли Оверстрит и Алекс Горош из Сан-Франциско, поехали в пустыню Блэк-Рок и построили модель Солнечной системы в точном масштабе, диаметр которой примерно равен 11 километрам. Земля при этом оказалась шариком, диаметром в полтора сантиметра.

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

Анимированные старые книжные обложки

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

Велодорожка ван Гога

Голландский художник и дизайнер Даан Русегаарде сделал светящуюся велодорожку по мотивам «Звёздной ночи» Винсента ван Гога.

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

Проект на сайте дизайнера:
https://www.studioroosegaarde.net/……/van-gogh-bicycle-path

Маршрут на карте:
https://www.google.nl/…:0x7f1918bb29a3d3c4

Картина и велодорожка:

1 комментарий твитнуть  навигация, живопись, видео, велосипеды, велодорожка, Голландия, Daan Roosegaarde

Проморолик «Пластик-карда»

Создатели умной банковской карты «Пластик-кард» сделали эмоциональный проморолик. Как будто разговаривают друзья.

Понравился приём «Представь, что ты пошёл в магазин. Что бы ты купил? Нет, свитер слишком банально. Давай ты купишь смарт-часы».

Эмоции: «За баром стоял симпатичный бариста. Наверное, бывшая модель. Надо было взять у него телефончик».

Интересный ход со временем: «Потом я вернулась в кафе, мне вернули карту, снова этот бариста, взяла у него телефон, — и тут мы встретились с тобой. А потом мы пойдём в новый ресторан…»

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

Историческое видео об интерфейсных элементах

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

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

0:02:30 — Полосы прокрутки
0:12:59 — Клёвая фишка, когда скролбар толкает курсор
0:13:55 — Таскание лифта скроллбара с нажатым Альтом, оказывается, работает на Маке до сих пор
0:17:00 — Целая специальная рамочка возникает, которая показывает, куда тебя переместит скроллинг! Видимо, попытка обратной связи в ситуации, когда всё окно перерисовать не получается

0:17:16 — Меню
0:19:00 — Экран похож на осциллограф :-) А уже попап-меню показывает
0:20:20 — Курсор прыгает по меню сам, чтобы не надо было двигать. Интересно, почему все интерфейсы, двигающие курсор мыши за человека, не выжили
0:21:07 — Hamburger menu!
0:26:00 — Круглые меню
0:28:50 — Отрывные меню, превращающиеся в палитры
0:33:20 — Пункты меню по умолчанию и их предпросмотр
0:35:10 — Превращение меню в окно
0:39:35 — Клик в список опций с контролем и шифтом до сих работает именно так (на Маке вместо контроля комманд)

0:45:02 — Палитры

0:46:48 — Кнопки

0:54:22 — Радиокнопки
0:55:47 — Привычный вид
0:56:33 — Лаконичный способ отличить радиокнопки от чекбоксов через касание. Может быть актуально в эпоху флэт-дизайна

0:59:16 — Чекбоксы
1:01:14 — Выделение текста
1:13:26 — Ввод
1:21:31 — Формы и диалоговые окна
1:30:05 — Выделение графических объектов
1:34:27 — Редактирование графических объектов
1:39:15 — Иконки и окна
1:47:24 — Управление окнами

1 комментарий твитнуть  интерфейс, чекбокс, видео, история, меню, прокрутка, радиокнопка

Библия чураско

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


Режиссёр: Густаво Грипе

1 комментарий твитнуть  видео, кулинария, посуда, мясо, tramontino

Северное сияние над Исландией

Исландские фотографы сняли северное сияние. Всегда думал, что оно бывает только над пустырями. Оказывается, над городом и ЛЭП северное сияние ещё красивее.

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

Проморолик курса об освещении лица

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

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

Никаких «Купите скорее!» и «Гарантированное средство, которое избавит вас от проблем прямо сейчас». Вместо паршивого маркетинга — уважительное общение с профессионалами.

Приятно и интересно смотреть. Хочется купить.

http://fstoppers.com/…-the-face

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

53 года ядерных испытаний, показанные за 12 минут

Какие государства, где и с какой частотой взрывали ядерные бомбы с 45 по 98-й год. Драматический нарратив простыми методами представления информации. 2003 г., Исао Хасимото.

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

Инфографика в помощь рассказчику: распределение доходов в США

На видео — пример качественного комбинирования устной речи и анимированной инфографики с целью раскрытия важной и сложной темы.

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

Интересно, как бы похожий график распределения доходов выглядел для России?

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

Траектории птичьих полётов

Видеоролик, наглядно демонстрирующий поведение стаи птиц.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Зенитки

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

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



© 2017

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

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