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

Илья Бир­ман

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

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

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

Оглавление

    Задача 

    Принцип 

    Конструкция 

    Детали 

    Система 

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

Лондон

Барселона

Москва

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

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

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

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

Лондон

Барселона

Москва

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

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

Харьковское метро, дизайнер Тарас Гордиенко

Москва, 2015, дизайн мой

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

У Тараса Гор­ди­енко на схеме Харь­кова — дру­гое реше­ние той же задачи: у него кру­жок рас­тя­нулся и, как резинка, дер­жит две стан­ции. Инте­ресно, как бы повело себя такое обо­зна­че­ние на трой­ных или чет­вер­ных станциях.

Несмотря на нюансы в дета­лях, для пас­са­жира всё это — при­выч­ные и понят­ные кружки с кори­дор­чи­ком, что хорошо.

Москва, 2015, дизайн мой

Мне хотелось сделать форму пересадки более пластичной, чем просто круги с палкой между ними. Я скруглил соединения коридорчиков и кружков, и получился арахис. Для пущей графичности я отказался от градиента.

У Тараса Гордиенко на схеме Харькова — другое решение той же задачи: у него кружок растянулся и, как резинка, держит две станции. Интересно, как бы повело себя такое обозначение на тройных или четверных станциях.

Несмотря на нюансы в деталях, для пассажира всё это — привычные и понятные кружки с коридорчиком, что хорошо.

Харьковское метро, дизайнер Тарас Гордиенко

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

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

Дру­гой путь — попро­бо­вать гра­ди­ент в цве­то­вой модели, отлич­ной от RGB или CMYK. В модели Lch обычно полу­ча­ется пёстро, потому что она про­во­дит оттенки по цве­то­вому кругу. Здесь между крас­ным и голу­бым воз­ник фиолетовый.

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


Ai

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

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

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

Другой путь — попробовать градиент в цветовой модели, отличной от RGB или CMYK. В модели Lch обычно получается пёстро, потому что она проводит оттенки по цветовому кругу. Здесь между красным и голубым возник фиолетовый.

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

Ai

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

Москва

Москва

Лондон

Барселона

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

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

Схема выиг­рает, если даже для кори­дор­чи­ков внед­рить ритм: систе­ма­ти­зи­ро­вать их длины, углы, радиусы.

У меня все кори­дор­чики оди­на­ко­вой длины, а ещё они под­чи­ня­ются общей угло­вой сетке. Эта угло­вая сетка отли­ча­ется от 45‑гра­дус­ной угло­вой сетки линий: кори­дор­чи­кам раз­ре­шены углы 0, 30 и 90° к гори­зонту. Такая сетка пере­са­док воз­никла из ромба на Биб­лио­теке имени Ленина.

О ромбе:

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

Лондон

Барселона

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

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

Схема выиграет, если даже для коридорчиков внедрить ритм: систематизировать их длины, углы, радиусы.

У меня все коридорчики одинаковой длины, а ещё они подчиняются общей угловой сетке. Эта угловая сетка отличается от 45‑градусной угловой сетки линий: коридорчикам разрешены углы 0, 30 и 90° к горизонту. Такая сетка пересадок возникла из ромба на Библиотеке имени Ленина.

Москва

О ромбе:

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

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

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

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

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

Это при­мер некон­тро­ли­ру­е­мой гра­фи­че­ской инфля­ции, кото­рая про­ис­хо­дит, когда не сле­ду­ешь прин­ципу мини­маль­ного зна­чи­мого отличия.

Кажется, для боль­ших схем кружки и пеньки — это иде­аль­ная пара для пере­са­док и непересадок.

О минимальном значимом отличии:

  • Остановки 

О других сложностях с пересадками на этой схеме:

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

На схеме изображён «взрыв на фабрике велосипедных цепей»:

Московское метро, 2005. Метро.ру

Московское метро, 2005. Метро.ру

Московское метро, 2005. Метро.ру

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

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

Рассмотрим старую московскую схему. Здесь все станции были недальновидно обозначены кружками. Пересадки пришлось ставить на дополнительную белую подложку с чёрной обводкой — получалось очень мусорно.

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

Это пример неконтролируемой графической инфляции, которая происходит, когда не следуешь принципу минимального значимого отличия.

Кажется, для больших схем кружки и пеньки — это идеальная пара для пересадок и непересадок.

О минимальном значимом отличии:

  • Остановки 

О других сложностях с пересадками на этой схеме:

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

На схеме изображён «взрыв на фабрике велосипедных цепей»:

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

Заключение

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

  • bureau.ru

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

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

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

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

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

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

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

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

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

  • bureau.ru

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