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

Илья Бир­ман

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

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

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

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

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

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

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

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

Оглавление

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

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

Оглавление

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

И линии, и сами пеньки можно показать без отступов

Ноттингем, 1975. Транзитмэп

Если поко­паться в исто­рии, выяс­нится, что пеньки сосед­них линий могут не только встав­ляться друг в друга, но и сто­ять рядом.

Нью‑Йорк, 1970‑е. Интервью Херца

В чер­но­вике Майкла Херца на стан­ции Юнион‑стрит сосед­ствуют аж три пенька. Кажется, три — пре­дел для такого дизайна.

Ноттингем, 1975. Транзитмэп

Если покопаться в истории, выяснится, что пеньки соседних линий могут не только вставляться друг в друга, но и стоять рядом.

Нью‑Йорк, 1970‑е. Интервью Херца

В черновике Майкла Херца на станции Юнион‑стрит соседствуют аж три пенька. Кажется, три — предел для такого дизайна.

И линии, и сами пеньки можно показать без отступов

Когда закра­шен­ные пеньки встав­лены друг в друга, нужно сле­дить, чтобы они не пре­ры­вали линии.

Если пенёк выпи­рает на целую тол­щину линии, он «пере­кроет кис­ло­род» сосед­ним маршрутам.

Если не хочется умень­шать пеньки на всей схеме, можно под­ре­зать только внут­рен­ние пеньки в пучках.

Чтобы сни­зить тре­ние при сколь­же­нии взгляда, можно немного скруг­лить пеньки и дора­бо­тать форму.

Поиски формы пенька для схемы челябинских трамваев. Александр Караваев о процессе создания

Когда закрашенные пеньки вставлены друг в друга, нужно следить, чтобы они не прерывали линии.

Если пенёк выпирает на целую толщину линии, он «перекроет кислород» соседним маршрутам.

Если не хочется уменьшать пеньки на всей схеме, можно подрезать только внутренние пеньки в пучках.

Чтобы снизить трение при скольжении взгляда, можно немного скруглить пеньки и доработать форму.

Поиски формы пенька для схемы челябинских трамваев. Александр Караваев о процессе создания

Волжские автобусы, дизайнер Руслан Поклонский

Волжские автобусы, дизайнер Руслан Поклонский

Волжские автобусы, дизайнер Руслан Поклонский

Волжские автобусы, дизайнер Руслан Поклонский

Волжские автобусы, дизайнер Руслан Поклонский

Волжские автобусы, дизайнер Руслан Поклонский

Мы обсу­дили, что оста­новка в пучке чита­ется как место пере­садки и это не тре­бует спе­ци­аль­ного обо­зна­че­ния. Но бывает, что пере­сесть как раз нельзя, и тогда это важно явно показать.

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

На оста­новке Пово­рот нет зелё­ного пенька. Но мно­гие ли пас­са­жиры заме­тят это?

А сколько людей обра­тят вни­ма­ние на отсут­ствие голу­бого пенька на оста­новке Гру­зо­вой двор?

Что делать тем, кто заме­тит эти осо­бен­но­сти, — счи­тать их ошиб­кой дизай­нера или заклю­чить, что где какого пенька нет, там тот авто­бус и не оста­нав­ли­ва­ется? Это при­мер едва замет­ного, а не зна­чи­мого отли­чия. Выше обсуж­дали, что такое обо­зна­че­ние двусмысленно.

Кстати, на пока­зан­ном фраг­менте есть ещё две непол­ных оста­новки. Заметили?

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

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

Ещё о сортировке маршрутов в пучке:

Мы обсудили, что остановка в пучке читается как место пересадки и это не требует специального обозначения. Но бывает, что пересесть как раз нельзя, и тогда это важно явно показать.

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

На остановке Поворот нет зелёного пенька. Но многие ли пассажиры заметят это?

А сколько людей обратят внимание на отсутствие голубого пенька на остановке Грузовой двор?

Что делать тем, кто заметит эти особенности, — считать их ошибкой дизайнера или заключить, что где какого пенька нет, там тот автобус и не останавливается? Это пример едва заметного, а не значимого отличия. Выше обсуждали, что такое обозначение двусмысленно.

Кстати, на показанном фрагменте есть ещё две неполных остановки. Заметили?

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

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

Ещё о сортировке маршрутов в пучке:

Волжские автобусы, дизайнер Руслан Поклонский

Нью‑Йорк Виньелли, 1972

Нью‑Йорк Херца, 1979

В метро Нью‑Йорка есть обыч­ные поезда и экс­прессы, кото­рые про­пус­кают оста­новки. Напри­мер, на 14‑й Стрит оста­нав­ли­ва­ются поезда 1, 2, 3; а на сле­ду­ю­щих 18, 23 и 28‑й Стрит — только поезда 1.

Мас­симо Виньелли на своей схеме пока­зы­вал оста­новки круж­ками: нет оста­новки — нет и кружка. Майкл Херц исполь­зо­вал дру­гой прин­цип: род­ствен­ные марш­руты стал обо­зна­чать одной линией, а на оста­нов­ках стал пере­чис­лять номера тех, что на ней оста­нав­ли­ва­ются: 1·2·3.

А ещё ведь бывает, что оста­новку делают все попут­ные марш­руты, но пере­садки между ними нет. Вспом­ним Лон­дон, где линии спе­ци­ально раз­де­лены, чтобы было оче­видно, где нет пере­садки между Пикадилли‑лайн и сосед­ними. Или две стан­ции Смо­лен­ские в Москве, рас­по­ло­жен­ные по раз­ные сто­роны Садо­вого кольца и не соеди­нён­ные переходом.

История нью‑йоркских схем:

Подробнее о Лондоне и о Смоленской:

Нью‑Йорк Виньелли, 1972

Нью‑Йорк Херца, 1979

В метро Нью‑Йорка есть обычные поезда и экспрессы, которые пропускают остановки. Например, на 14‑й Стрит останавливаются поезда 1, 2, 3; а на следующих 18, 23 и 28‑й Стрит — только поезда 1.

Массимо Виньелли на своей схеме показывал остановки кружками: нет остановки — нет и кружка. Майкл Херц использовал другой принцип: родственные маршруты стал обозначать одной линией, а на остановках стал перечислять номера тех, что на ней останавливаются: 1·2·3.

А ещё ведь бывает, что остановку делают все попутные маршруты, но пересадки между ними нет. Вспомним Лондон, где линии специально разделены, чтобы было очевидно, где нет пересадки между Пикадилли‑лайн и соседними. Или две станции Смоленские в Москве, расположенные по разные стороны Садового кольца и не соединённые переходом.

История нью‑йоркских схем:

Подробнее о Лондоне и о Смоленской:

Ужасно шумно

Шумновато

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

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

Сле­ду­ю­щий вари­ант, с раз­ры­вами в пере­кла­ди­нах, почище по срав­не­нию с пер­вым, но всё равно шумноват.

Нормально

Хорошо

Дальше оста­новки стали оди­нар­ными чёр­ными линей­ками и научи­лись ука­зы­вать на свои подпи­си, как пеньки. Тут мне пока­за­лось, что оста­новки немного сме­ша­лись с самими линиями.

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

Конечно, такой дизайн надо про­ве­рить на печати. Если что, один из спо­со­бов доба­вить замет­но­сти — пре­вра­тить линейки в булавки.

Хорошо и заметнее

Успокоение челябинской схемы:

Ужасно шумно

Шумновато

Если все маршруты в пучке делают остановку, то вместо того, чтобы рисовать её на каждой линии, можно придумать одно общее обозначение.

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

Следующий вариант, с разрывами в перекладинах, почище по сравнению с первым, но всё равно шумноват.

Нормально

Хорошо

Дальше остановки стали одинарными чёрными линейками и научились указывать на свои подписи, как пеньки. Тут мне показалось, что остановки немного смешались с самими линиями.

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

Конечно, такой дизайн надо проверить на печати. Если что, один из способов добавить заметности — превратить линейки в булавки.

Хорошо и заметнее

Успокоение челябинской схемы:

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

Заключение

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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