Дизайн транспортных схем

Илья Бир­ман

🔍 Начните печатать, чтобы искать по книге или перейти к нужной странице по номеру

Удобно листать не только прокруткой, но и клавишами‑стрелками:

 
между важными местами
Shift
между
разворотами
Илья Бир­ман

Дизайн
транспорт­ных
схем

Изда­тель­ство Бюро Гор­бу­нова
2018⁠—2022
Илья Бирман

Дизайн
транспорт­ных
схем

Издательство Бюро Горбунова
2018⁠—2022
удк 655.262
ббк 85.15
Б64
Бир­ман И. Б.
Б64
Дизайн транс­порт­ных схем. —
М.: Изд‑во Бюро Гор­бу­нова, 2018⁠—2022

Пред­став­ляем пер­вое в мире прак­ти­че­ское руко­вод­ство по дизайну транс­порт­ных схем. В книге гово­рится об исто­рии появ­ле­ния схем, о прин­ци­пах их устрой­ства, о пла­ни­ро­ва­нии раз­ви­тия схемы вме­сте с транс­порт­ной систе­мой. Автор рас­ска­зы­вает о тех­ни­че­ских при­ё­мах — про­кла­ды­ва­нии линий, спо­со­бах обо­зна­че­ния оста­но­вок, под­боре цве­тов и шриф­тов, вёрстке.

ISBN 978‑5‑9907024‑5‑5
© Бюро Гор­бу­нова

Оглавление

    Задача 

    Принцип 

    Конструкция 

    Детали 

    Система 

удк 655.262
ббк 85.15
Б64
Б64
Бирман И. Б.
Дизайн транспортных схем. —
М.: Изд‑во Бюро Горбунова, 2018⁠—2022

Представляем первое в мире практическое руководство по дизайну транспортных схем. В книге говорится об истории появления схем, о принципах их устройства, о планировании развития схемы вместе с транспортной системой. Автор рассказывает о технических приёмах — прокладывании линий, способах обозначения остановок, подборе цветов и шрифтов, вёрстке.

ISBN 978‑5‑9907024‑5‑5
© Бюро Горбунова

Оглавление

    Задача 

    Принцип 

    Конструкция 

    Детали 

    Система 

Скрыто 520 разворотов

Лондон, дизайнер Генри Бек, 1933

Транспорт Лондона, 2018

Москва, Студия Лебедева, 2016

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

Совре­мен­ная лон­дон­ская фишка — набор всего тек­сто­вого слоя на схе­мах синим цве­том, как у Пика­дилли‑лайн. Под­кра­шен­ный текст добав­ляет схеме колорита!

Мос­ков­ский приём с под­крас­кой Смо­лен­ских и Арбат­ских — дру­гой слу­чай. Здесь дизайн сразу и обра­щает вни­ма­ние на необыч­ную ситу­а­цию, и объ­яс­няет её: стан­ции на раз­ных линиях не соеди­нены пере­сад­кой, но назы­ва­ются одинаково.

Чёр­ный же текст выгля­дит ней­трально и не вызы­вает вопросов.

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

Современная лондонская фишка — набор всего текстового слоя на схемах синим цветом, как у Пикадилли‑лайн. Подкрашенный текст добавляет схеме колорита!

Лондон, дизайнер Генри Бек, 1933

Транспорт Лондона, 2018

Москва, Студия Лебедева, 2016

Московский приём с подкраской Смоленских и Арбатских — другой случай. Здесь дизайн сразу и обращает внимание на необычную ситуацию, и объясняет её: станции на разных линиях не соединены пересадкой, но называются одинаково.

Чёрный же текст выглядит нейтрально и не вызывает вопросов.

Подписи и айтрекинг

Оста­ток главы напи­сан в соав­тор­стве с Мар­ком Роди­о­но­вым. Марк тести­ро­вал раз­ные вер­сии схемы мос­ков­ского метро на айтре­кере и любезно поде­лился результатами.

Айтре­кинг — это когда мы фик­си­руем, как взгляд чело­века пере­ме­ща­ется по схеме при её чте­нии. Напри­мер, пас­са­жир хочет понять, как дое­хать от стан­ции Стро­гино до стан­ции Ново­ги­ре­ево. Пока пас­са­жир изу­чает схему, мы смот­рим, как он ищет Стро­гино, как ищет Ново­ги­ре­ево, как ищет место пере­садки. Это любо­пытно, но сде­лать кон­крет­ные выводы из наблю­де­ний сложно.

В более фор­маль­ном тесте испы­ту­е­мому даётся зада­ние: про­чи­тать вслух стан­ции опре­де­лён­ной линии по порядку. Он читает, а мы слы­шим его ошибки или про­сто сомне­ния; видим, в каких местах его взгляд «сби­ва­ется» и как.

 

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

Раз­бе­рём при­меры, исполь­зуя иллю­стра­ции из мате­ри­а­лов иссле­до­ва­ния Марка.

Подписи и айтрекинг

Остаток главы написан в соавторстве с Марком Родионовым. Марк тестировал разные версии схемы московского метро на айтрекере и любезно поделился результатами.

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

В более формальном тесте испытуемому даётся задание: прочитать вслух станции определённой линии по порядку. Он читает, а мы слышим его ошибки или просто сомнения; видим, в каких местах его взгляд «сбивается» и как.

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

Разберём примеры, используя иллюстрации из материалов исследования Марка.

Такая визуализация называется фокус‑картой. Чем дольше человек смотрит в определённое место, тем «виднее» оно становится.

Стрелка здесь и далее показывает направление чтения линии по заданию.

Люблинская линия пока­зана на двух раз­ных чер­но­ви­ках схемы. В более позд­нем чер­но­вике взгляд чита­те­лей стал задер­жи­ваться на подпи­си «Пло­щадь Ильича», хотя это стан­ция дру­гой линии. В пер­вом чер­но­вике под­пись сто­яла дальше и не мешала.

На вто­ром чер­но­вике испы­ту­е­мые читали линию снизу вверх так: «Кожу­хов­ская, Дуб­ровка, Кре­стьян­ская Застава, Пло­щадь Ильи.. ой! Рим­ская!..» Неко­то­рые не про­из­но­сили «Пло­щадь Ильича» вслух, но всё же делали паузу в этом месте.

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

На втором черновике испытуемые читали линию снизу вверх так: «Кожуховская, Дубровка, Крестьянская Застава, Площадь Ильи.. ой! Римская!..» Некоторые не произносили «Площадь Ильича» вслух, но всё же делали паузу в этом месте.

Такая визуализация называется фокус‑картой. Чем дольше человек смотрит в определённое место, тем «виднее» оно становится.

Стрелка здесь и далее показывает направление чтения линии по заданию.

Линию стали читать снизу вверх пра­вильно после того, как назва­ние «Пло­щадь Ильича» отле­пили от неё, напи­сав в одну строку и сдви­нув чуть выше и правее.

Было

Чужая подпись «Площадь Ильича» мешает: её читают, хотя не должны

Стало

После перемещения подписи «Площадь Ильича» правее и выше её перестали «цеплять» при чтении

Линию стали читать снизу вверх правильно после того, как название «Площадь Ильича» отлепили от неё, написав в одну строку и сдвинув чуть выше и правее.

Было

Чужая подпись «Площадь Ильича» мешает: её читают, хотя не должны

Стало

После перемещения подписи «Площадь Ильича» правее и выше её перестали «цеплять» при чтении

Станция Красно­прес­ненская находится не на Таганско‑Красно­прес­ненской, а на Кольцевой линии

Таганско‑Краснопресненская линия имела схо­жую про­блему из‑за подпи­си стан­ции «Крас­но­прес­нен­ская» Коль­це­вой линии.

Испы­ту­е­мые читали схему слева направо. В пер­вом чер­но­вике всё было хорошо: под­пись «Крас­но­прес­нен­ская» была внутри кольца и об неё не запи­на­лись — после «Улица 1905 года» пра­вильно читали «Баррикадная».

Потом «Крас­но­прес­нен­ская» пере­ехала наружу, и после «Улица 1905 года» стали ино­гда про­из­но­сить «Красно­прес­ненская».

Любо­пытно, что в пер­вом чер­но­вике почти на месте «Крас­но­прес­нен­ской» была под­пись «Меж­ду­на­род­ная», но она не мешала. Видимо, спа­сало, что она всё же сто­яла чуть дальше от линии.

Таганско‑Краснопресненская линия имела схожую проблему из‑за подписи станции «Краснопресненская» Кольцевой линии.

Испытуемые читали схему слева направо. В первом черновике всё было хорошо: подпись «Краснопресненская» была внутри кольца и об неё не запинались — после «Улица 1905 года» правильно читали «Баррикадная».

Потом «Краснопресненская» переехала наружу, и после «Улица 1905 года» стали иногда произносить «Красно­прес­ненская».

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

Станция Красно­прес­ненская находится не на Таганско‑Красно­прес­ненской, а на Кольцевой линии

Скрыто 169 разворотов

Заключение

С одной сто­роны, транс­порт­ная схема — ути­ли­тар­ная вещь. Её про­ек­ти­ро­ва­ние — дол­гая, кро­пот­ли­вая работа, тре­бу­ю­щая боль­шого вни­ма­ния и тер­пе­ния. Для мно­гих в ней нет ничего вдохновляющего.

С дру­гой, транс­порт­ная схема — вер­шина дизайна. Здесь соеди­ня­ются инфор­ма­ци­он­ный и гра­фи­че­ский дизайн, нави­га­ци­он­ное про­ек­ти­ро­ва­ние, типо­гра­фика и вёрстка, работа с цве­том и тек­сту­рой, редак­тура. «Про­вал» даже в одном из аспек­тов — ска­жем, пло­хие пик­то­граммы — пор­тит резуль­тат целиком.

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

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

Раз вы дочи­тали книгу до конца, думаю, вы пони­ма­ете, о чём я.

Транспортная схема Вестероса из «Игры престолов»,
дизайнер Майкл Тызник

Схема маршрутов Средиземья из «Властелина колец»,
дизайнер Кристиан Тейт

Московское метро,
художник Дмитрий Раков

Заключение

С одной сто­роны, транс­порт­ная схема — ути­ли­тар­ная вещь. Её про­ек­ти­ро­ва­ние — дол­гая, кро­пот­ли­вая работа, тре­бу­ю­щая боль­шого вни­ма­ния и тер­пе­ния. Для мно­гих в ней нет ничего вдохновляющего.

С дру­гой, транс­порт­ная схема — вер­шина дизайна. Здесь соеди­ня­ются инфор­ма­ци­он­ный и гра­фи­че­ский дизайн, нави­га­ци­он­ное про­ек­ти­ро­ва­ние, типо­гра­фика и вёрстка, работа с цве­том и тек­сту­рой, редак­тура. «Про­вал» даже в одном из аспек­тов — ска­жем, пло­хие пик­то­граммы — пор­тит резуль­тат целиком.

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

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

Раз вы дочи­тали книгу до конца, думаю, вы пони­ма­ете, о чём я.

Транспортная схема Вестероса из «Игры престолов»,
дизайнер Майкл Тызник

Схема маршрутов Средиземья из «Властелина колец»,
дизайнер Кристиан Тейт

Московское метро,
художник Дмитрий Раков

Бир­ман Илья Бори­со­вич
Дизайн транс­порт­ных схем


  • Изда­тель Артём Горбунов

  • Редак­тор Сёма Сёмочкин

  • Фото­граф Вла­ди­мир Колпаков

  • Раз­ра­бот­чики Рустам Кул­ма­тов,
    Васи­лий Полов­нёв, Мария Попова,
    Юрий Мазур­ский и Андрей Ерес

  • Тести­ров­щик Сер­гей Фролов

  • Помощ­ники Алан Кад­жаев,
    Намор Воти­лав, Никита Щер­ба­ков,
    Вита­лий Тезяев

  • Книга набрана шрифтом «Бюросанс»

  • Дизайн‑бюро Артёма Горбунова
    Большая Новодмитровская улица,
    дом 36, строение 2
    Москва, Россия, 127015

  • bureau.ru

Бирман Илья Борисович
Дизайн транспортных схем

  • Издатель Артём Горбунов

  • Редактор Сёма Сёмочкин

  • Фотограф Владимир Колпаков

  • Разработчики Рустам Кулматов,
    Василий Половнёв, Мария Попова,
    Юрий Мазурский и Андрей Ерес

  • Тестировщик Сергей Фролов

  • Помощники Алан Каджаев,
    Намор Вотилав, Никита Щербаков,
    Виталий Тезяев

  • Книга набрана шрифтом «Бюросанс»

  • Дизайн‑бюро Артёма Горбунова
    Большая Новодмитровская улица,
    дом 36, строение 2
    Москва, Россия, 127015

  • bureau.ru

Закладки
Добавьте закладки
Ничего не нашлось