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

Илья Бир­ман

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

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

 
между важными местами
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
© Бюро Горбунова

Оглавление

    Задача 

    Принцип 

    Конструкция 

    Детали 

    Система 

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

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

Рас­смот­рим этот лон­дон­ский фрагмент.

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

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

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

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

А сверху уже зна­ко­мая нам ситу­а­ция: на Вест‑Хемп­стеде обыч­ный кру­жок на пере­се­че­нии линий, а на Финчли‑роуд — ган­теля, из‑за парал­лель­но­сти линий.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Рассмотрим этот лондонский фрагмент.

Снизу каждая из трёх пересадок экономно показана одним кружком. А вот Эджвер‑роуд показан двумя касающимися кружками, причём каждый из них соответствует сразу паре линий. Если бы здесь оставили один кружок и воткнули в него жёлто‑зелёную пару, то стало бы неясно, как себя ведёт жёлтая линия. А так видно, что если ты едешь с Бейкер‑стрит и хочешь уехать к Ноттинг‑Хилл‑гейту, то надо пересесть.

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

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

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

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

Итак, изобразить каждую пересадку одним кружком не получается. Но очевидно, что если использовать отдельный кружок для каждой линии, то этот фрагмент визуально усложнится в разы. Нелогично, что пересадка из трёх линий на Оксфорд‑серкусе выглядит проще, чем пересадка из двух на Финчли‑роуд. Но если сделать логично, схема станет хуже.

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

Официальная схема линий Московского метро. Студия Лебедева, 2018

Несколько названий трудно подружить с одним кружком:

  • Поиск решения 

Когда каждая платформа изображена своим кружком, можно попробовать учесть топологию пересадочного узла:

  • Поиск решения 

Замусорено

В Москве часто плат­форма каж­дой линии имеет своё назва­ние, поэтому на пере­сад­ках воз­ни­кает много круж­ков. Чёр­ный цвет бы слиш­ком заму­со­ри­вал схему.

Чисто

С цвет­ными круж­ками чище и чита­е­мее: сразу оче­видно, между какими лини­ями пере­садка. Стены кори­дор­чи­ков покра­шены гра­ди­ен­том — красиво!

Замусорено

В Москве часто платформа каждой линии имеет своё название, поэтому на пересадках возникает много кружков. Чёрный цвет бы слишком замусоривал схему.

Чисто

С цветными кружками чище и читаемее: сразу очевидно, между какими линиями пересадка. Стены коридорчиков покрашены градиентом — красиво!

Официальная схема линий Московского метро. Студия Лебедева, 2018

Несколько названий трудно подружить с одним кружком:

  • Поиск решения 

Когда каждая платформа изображена своим кружком, можно попробовать учесть топологию пересадочного узла:

  • Поиск решения 

Одна платформа — один кружок. Официальная схема

Одно название — один кружок. Дизайн мой

Одна платформа — один кружок. Официальная схема

Одно название — один кружок. Дизайн мой

Одна платформа — один кружок. Официальная схема

Одно название — один кружок. Дизайн мой

Одна платформа — один кружок. Официальная схема

Одно название — один кружок. Дизайн мой

Одна платформа — один кружок. Официальная схема

Одно название — один кружок. Дизайн мой

На офи­ци­аль­ной мос­ков­ской схеме кружки не эко­но­мят: даже одно­имён­ные плат­формы изоб­ра­жают раз­дельно, каж­дую своим цве­том, и соеди­няют пере­хо­дом‑гра­ди­ен­том. Напри­мер, на Коль­це­вой линии две плат­формы Октябрь­ской выгля­дят так же, как пара Доб­ры­нин­ская — Сер­пу­хов­ская. Идео­ло­ги­че­ски это объ­яс­ня­ется тем, что в при­ня­той в Москве тер­ми­но­ло­гии каж­дая плат­форма счи­та­ется отдель­ной станцией.

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

  • Детализация 

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

На официальной московской схеме кружки не экономят: даже одноимённые платформы изображают раздельно, каждую своим цветом, и соединяют переходом‑градиентом. Например, на Кольцевой линии две платформы Октябрьской выглядят так же, как пара Добрынинская — Серпуховская. Идеологически это объясняется тем, что в принятой в Москве терминологии каждая платформа считается отдельной станцией.

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

  • Детализация 

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

Сверху: одна платформа — один кружок, официальная схема. Снизу: одно название — один кружок, дизайн мой

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

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

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

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

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

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

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

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

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

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

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

В про­екте «Пере­за­грузка» зали­вал кру­жок гра­ди­ен­том из цве­тов линий.

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

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

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

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

Уже позже при­шёл к вари­анту, кото­рый мы видели на пред­уды­щем раз­во­роте — когда окраска кружка под­дер­жи­вает окраску про­хо­дя­щих по нему линий.

Майкл Тызник не побоялся даже четырёхцветных мишеней

О конкурсе:

  • Поиск решения 

О капсуле на Киевской:

  • Свобода 

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

В проекте «Перезагрузка» заливал кружок градиентом из цветов линий.

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

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

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

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

Уже позже пришёл к варианту, который мы видели на предудыщем развороте — когда окраска кружка поддерживает окраску проходящих по нему линий.

О конкурсе:

  • Поиск решения 

О капсуле на Киевской:

  • Свобода 

Майкл Тызник не побоялся даже четырёхцветных мишеней

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

Заключение

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

  • bureau.ru

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

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

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

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

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

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

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

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

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

  • bureau.ru

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