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

Илья Бир­ман

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

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

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

Оглавление

    Задача 

    Принцип 

    Конструкция 

    Детали 

    Система 

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

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

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

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

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

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

Замусорено

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

Чисто

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

Замусорено

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

Чисто

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

О конкурсе:

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

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

  • Свобода 

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

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

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

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

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

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

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

О конкурсе:

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

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

  • Свобода 

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

Лондон

Барселона

Москва

На фрагментах линии приведены к одинаковой толщине

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

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

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

Лондон

Барселона

Москва

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

На фрагментах линии приведены к одинаковой толщине

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

Заключение

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

  • bureau.ru

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

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

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

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

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

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

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

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

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

  • bureau.ru

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