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

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

РСС

Раскраска вагонов, знаки, шрифты и стрелки — гайдлайны Британских железных дорог 1948 и 1949 года

Майк Яшворт собрал прекрасную коллекцию на Фликре:
https://www.flickr.com/…@N00/sets/72157631748077347

В его коллекции много графики, связанной не только с британским транспортом:
https://www.flickr.com/…/36844288@N00

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

Фальшивые таблички в лондонском метро











Ещё:
http://prosign.tumblr.com/…-fake-london-underground-signs

нет комментариев твитнуть  навигация, иконки, схема метро, метро, Лондон, пиктограммы, юмор, английский юмор, общественный транспорт, наклейки

Полосатая змейка в пекинской схеме метро

Две линии переплетаются, пока нет остановок.

Вся схема: https://upload.wikimedia.org/…_Kong_Railway_Route_Map_en.svg

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

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

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

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

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

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

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

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

Визуализация общественного транспорта в реальном времени

http://tracker.geops.ch
Сайт в реальном времени отображает передвижение общественного транспорта в большинстве городов Европы и Америки.

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

Возможности масштабировать +/− любой участок карты, переключать информационные слои карты, выбирать точку, чтобы посмотреть схему и расписание маршрута (при выборе станции на схеме карта к ней автоматически прокручивается). Можно даже ускорить время и заглянуть в будущее :-)

Проект сделан университетом Фрайбурга. Работает на основании данных статических расписаний, к которым при возможности добавляются данные о геолокации, публикуемые операторами со всего мира.

Наслаждайтесь, медитируйте, мечтайте!

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

Упрощение восприятия рельефа местности на географических картах

Исследователи из Университета штата Орегон и французского института ИНРИА предлагают интересный способ помочь мозгу воспринимать рельеф на интерактивной карте. Суть метода заключается во временном превращении двухмерной плоскости в трёхмерную модель при изменении области просмотра.

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

Детали описаны в одиннадцатистраничной публикации, бесплатно доступной для всех интересующихся:
https://hal.archives-ouvertes.fr/…-SACLAY/hal-01105179v1

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

Документальный фильм о создании игры The Last of Us

Сумасшедше интересный документальный фильм о создании игры для Плейстейшена. Главная тема — привязка к реальности: насколько ребята заморочились по детализации и нюансам.

Связь драматического сюжета и игровой механики. Персонажи, характеры, актеры, пробы, озвучка, захват движений. Как актеры мучаются и плачут между дублями.
Зараженные и выжившие. Как придумывали и рисовали зомбаков, придумывали для них биологические циклы.
Концепт-арт. На что смотрят, как добиваются разных настроений.
Игровая анимация. Как через неё передают характер персонажей.
Оказывается, сначала снимают движения актеров, а потом снимают движения камеры, на которой работает оператор.
Звук и музыка. Откуда берется звук ветра и сирен.
Освещение. Художник по свету просыпается в пять утра, чтобы собрать нужные цвета теней на рассвете.
Текстуры. «Цвет крови нормальный, но на этой траве не в тему».
Организация уровней. Как по ним расставлены предметы и лестницы, почему тайники именно там, а не где-то еще.
Программирование персонажей и противников.
Внутриигровой интерфейс.

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

Сериал Black Mirror

Истории о том, как нас губят технологии.

«У нас есть доступ ко всей информации в мире, но в голове хватает места лишь для того, чтобы воспринять 140 символов из сообщения в твитере»

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

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

Круговая схема метро Нью-Йорка

Макс Робертс предложил аккуратную и чистую схему с радиусами и окружностями. Это его девятый подход к снаряду, выглядит приятно:

Крупная версия:

Интервью с автором (по-английски) и другие картинки:
http://www.creativereview.co.uk/…/nyc-subway-map-max-roberts

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

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

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

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

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

История автодорог США

Интересный рассказ об эволюции дорог в США, индексации дорог, устройстве шоссе и прилегающих территорий.

Мне понравились стрелки — выверенные линии.

http://mechanismone.livejournal.com/….html

нет комментариев твитнуть  навигация, промдизайн, транспорт, автомобиль, знак, дорожное движение, шоссе, американские дороги, USA, США

Статьи по тегу + поиск + связанные теги + заголовок

Когда на сайте «Вилэджа» статьи выводятся по тегу, формулировка тега появляется крупно и пафосно на самом видном месте, как будто это заголовок страницы. Заголовок этот редактируемый, с автоподстановкой. Снизу аккуратно стоят связанные теги.

Почти идеально. Сбивает только «Искать статьи по теме».

http://www.the-village.ru/…tags/офис недели

3 комментария твитнуть  сайт, навигация, работоспособные системы, тег

ЖК приборная панель нового Вольво В-40

В новом Волько В-40 традиционную приборную панель заменили на ЖК-экран. Как следствие — набор данных на панели легко кастомизируется водителем или автомобилем. Ну и, конечно, темки :-)

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

Логотип Британской железной дороги: истоки

Сайт testpressing.org рассказывает, как один из лучших логотипов в истории — знак Британских железных дорог — случайно, благодаря утечке информации в прессу, стал победителем в конкурсе логотипов, и приводит сканы из книги British Rail Design, изданной в 1986-м году Датским советом по дизайну.






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

Источник:

http://testpressing.org/…-research-unit-gerry-barney

10 комментариев твитнуть  навигация, логотип, иконки, транспорт, история, истоки, фирменный стиль, National Rail

Навигация на сайте мюнхенского музея

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

http://www.kunstverein-muenchen.de

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

Графические стандарты нью-йоркского метро

Первая версия стандартов для информационного пространства метро Нью-Йорка (Массимо Виньелли, «Юнимарк Интернешнл», 1970).

http://thestandardsmanual.com/grid.html

нет комментариев твитнуть  навигация, метро, нью-йорк

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

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

http://manualcreative.com/…/icon_rethink

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

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

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

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

Эффекты ожидания

http://www.nytimes.com/…-in-line-is-torture.html?_r=1

Занятое время кажется кажется меньше времени ожидания.
Примеры: удлинение пути к ленте с багажом в аэропорте;
зеркала у лифтов в небоскрёбах.

Неизвестность психологически удлиняет ожидание.
Пример: Диснейленд преувеличивает время в очередях к аттракционам.

Воспоминания о времени ожидания в очереди зависят от эмоций в её конце.

Длинная быстрая очередь кажется короче короткой медленной.
Пример: Диснейленд пускает очереди змейкой и кругами.

В очереди обостряется чувство индивидуальной и коллективной справедливости.
Примеры: в почтовом отделении в Мэриленде клиента зарезали ножом по ошибке: решили, что он прошёл без очереди;
пролезающие без очереди сзади расстраивают не меньше, чем спереди.

«Полиочередь» к нескольким окошкам кажется менее справедливой, чем одна общая — чужая всегда идёт быстрее. Люди готовы ждать дольше в общей очереди.

Замечается только «обгон» чужой очереди, не своей (об аналогичном эффекте в автомобильном движении см. книгу «Трафик» Тома Вандербильта: http://www.amazon.com/…-What-Says-About/dp/0307277194

Ценность продукта оправдывает очередь.

нет комментариев твитнуть  навигация, интерфейс, мотивация, приём, психология, системы массового обслуживания

Каллиграфическая навигация

Отличный каллиграфический проект по стилизации старых советских рукописных табличек:
http://rustam-gabbasov.livejournal.com/….html

Рассказ Рустама Габбасова о совместном проекте группы компаний «Афиша-Рамблер» и курса «Шрифт и типографика» в Британской школе дизайна.

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

Информационное пространство нового берлинского аэропорта

3 июня в Берлине откроется новый аэропорт «Берлин-Бранденбург». За информационный дизайн внутри и снаружи терминала отвечает немецкое агенство Moniteurs.

http://www.moniteurs.de/…232a58f5f64ebb892ecd1309059151

Рассказ авторов:

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



© 2017

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

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