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

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

РСС

Загрузочные экраны игры XCOM 2: War of the Chosen

XCOM 2: War of the Chosen — компьютерная пошаговая тактическая игра, в которой инопланетяне захватили Землю. Игрок управляет Сопротивлением — подпольной террористической организацией, которая борется с инопланетным режимом.

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

Игрок встречает такие же плакаты, но с надписями, на уровнях игры. Они расклеены на стенах, остановках, инопланетных объектах. Это заставляет сильнее поверить в реальность происходящего в игре.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Проект на сайте дизайнера:
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:05:47 — Оказывается, раньше выделенный текст не стирался, когда печатаешь

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

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

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

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

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

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

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

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

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

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

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



© 2017

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

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