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

Илья Бир­ман

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

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

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

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

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

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

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

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

Оглавление

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

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

Оглавление

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

Версия 3.508

Версия 3.510

Версия 3.516

Версия 3.517

Версия 3.530

Версия 3.577

Версия 3.691

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

В пер­вом вари­анте пере­садки на Лубянке назва­ние Куз­нец­кого Моста пере­се­кает фио­ле­то­вую линию.

Если раз­бить назва­ние на две строки, ему ста­но­вится тесно между крас­ной и фио­ле­то­вой линиями.

Пере­во­ра­чи­ваю узел, чтобы дыша­лось свободнее.

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

Если накло­нить пере­садку, полу­ча­ется выров­нять «Куз­нец­кий Мост» по левому краю. Так удоб­нее читать.

Делаю пере­садку короче. Когда стан­ций две, так выгля­дит акку­рат­нее, чем с длин­ной ган­те­лью, но «Куз­нец­кий Мост» снова отваливается.

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

Версия 3.508

Версия 3.510

Версия 3.516

Версия 3.517

Версия 3.530

Версия 3.577

Версия 3.691

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

В первом варианте пересадки на Лубянке название Кузнецкого Моста пересекает фиолетовую линию.

Если разбить название на две строки, ему становится тесно между красной и фиолетовой линиями.

Переворачиваю узел, чтобы дышалось свободнее.

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

Если наклонить пересадку, получается выровнять «Кузнецкий Мост» по левому краю. Так удобнее читать.

Делаю пересадку короче. Когда станций две, так выглядит аккуратнее, чем с длинной гантелью, но «Кузнецкий Мост» снова отваливается.

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

Версия 3.529

Версия 3.529

Версия 3.531

Версия 3.579

Версия 3.579

Версия 3.587

Версия 3.617

Версия 3.770

Теперь посмот­рим на Баррикадную.

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

Про­бую погнуть фио­ле­то­вую линию в дру­гом месте, чтобы Бар­ри­кад­ная уехала выше. Заметьте, что это изме­не­ние вли­яет на весь оста­ток фио­ле­то­вой линии; стан­ции Сход­нен­ской даже при­хо­дится пере­ехать налево. Так мне не нра­вится, что под­пись Крас­но­прес­нен­ской уехала из кольца наружу. Плот­ность внутри упала.

Воз­вра­щаю как было — поду­маю ещё раз попозже.

Уко­ра­чи­ваю пере­садку на Бар­ри­кад­ной, как сде­лал ранее на Лубянке. Из‑за этого она съез­жает левее‑выше, и кру­жок Крас­но­прес­нен­ской ока­зы­ва­ется слиш­ком далеко от сво­его названия.

Опус­каю пере­садку ниже — ради этого при­хо­дится снова сдви­нуть оста­ток фио­ле­то­вой линии. Чтобы латин­ская под­пись Улицы 1905 года не при­кос­ну­лась к реке слева, при­хо­дится её раз­бить на две строки.

Неожи­данно нахожу про­стой спо­соб запол­нить дыру над Бар­ри­кад­ной: пере­ношу под­пись Мая­ков­ской налево.

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

Версия 3.529

Версия 3.529

Версия 3.531

Версия 3.579

Версия 3.579

Версия 3.587

Версия 3.617

Версия 3.770

Теперь посмотрим на Баррикадную.

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

Пробую погнуть фиолетовую линию в другом месте, чтобы Баррикадная уехала выше. Заметьте, что это изменение влияет на весь остаток фиолетовой линии; станции Сходненской даже приходится переехать налево. Так мне не нравится, что подпись Краснопресненской уехала из кольца наружу. Плотность внутри упала.

Возвращаю как было — подумаю ещё раз попозже.

Укорачиваю пересадку на Баррикадной, как сделал ранее на Лубянке. Из‑за этого она съезжает левее‑выше, и кружок Краснопресненской оказывается слишком далеко от своего названия.

Опускаю пересадку ниже — ради этого приходится снова сдвинуть остаток фиолетовой линии. Чтобы латинская подпись Улицы 1905 года не прикоснулась к реке слева, приходится её разбить на две строки.

Неожиданно нахожу простой способ заполнить дыру над Баррикадной: переношу подпись Маяковской налево.

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

Версия 3.523

Версия 3.523

Версия 3.538

Версия 3.538

Версия 3.557

Версия 3.590

Справа от Кур­ской жёл­тая линия про­хо­дит слиш­ком близко к синей.

Если её так и про­дол­жить, она заде­нет под­пись Элек­тро­за­вод­ской. При этом ниже полно места.

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

Спрям­ляю сала­то­вую, накло­нив пере­садку Кур­ская — Чка­лов­ская по‑другому.

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

Пере­ри­со­вы­ваю весь кусок, заодно сокра­щая длину пере­садки на Кур­ской. Синей линии при­хо­дится цели­ком подви­нуться выше.

Версия 3.523

Версия 3.523

Версия 3.538

Версия 3.538

Версия 3.557

Версия 3.590

Справа от Курской жёлтая линия проходит слишком близко к синей.

Если её так и продолжить, она заденет подпись Электрозаводской. При этом ниже полно места.

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

Спрямляю салатовую, наклонив пересадку Курская — Чкаловская по‑другому.

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

Перерисовываю весь кусок, заодно сокращая длину пересадки на Курской. Синей линии приходится целиком подвинуться выше.

Версия 3.590

Версия 3.590

Версия 3.733

Версия 3.734

Версия 3.734

Версия 3.734

Версия 3.770

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

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

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

Если под­нять гори­зон­таль­ный отре­зок повыше, «Куз­нец­кий Мост» вле­зает. Но тре­уголь­ник пере­хода съе­хал с сала­то­вой линии.

Сдви­гаем этот тре­уголь­ник пра­вее‑выше по крас­ной линии. Теперь он съе­хал с оранжевой.

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

Подчищаю.

Версия 3.590

Версия 3.590

Версия 3.733

Версия 3.734

Версия 3.734

Версия 3.734

Версия 3.770

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

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

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

Если поднять горизонтальный отрезок повыше, «Кузнецкий Мост» влезает. Но треугольник перехода съехал с салатовой линии.

Сдвигаем этот треугольник правее‑выше по красной линии. Теперь он съехал с оранжевой.

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

Подчищаю.

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

Про­цесс пере­хода от тре­тьей к чет­вёр­той вер­сии пока­зан на видео. Обра­тите внимание:

  • на дол­гие поиски кон­фи­гу­ра­ции голу­бой и синей линий слева, сна­чала внутри кольца, потом снаружи;

  • уплот­не­ние сетки и экс­пе­ри­мент с рас­син­хро­ни­за­цией сетки сверху и снизу;

  • осво­бож­де­ние севера для добав­ле­ния монорельса;

  • попытки добиться рав­но­мер­но­сти внутри кольца;

  • зна­чи­тель­ное уве­ли­че­ние кегля;

  • улуч­ше­ние обо­зна­че­ний пересадок;

  • вёрстку, поиск кра­си­вой формы и балан­си­ровку отсту­пов между стан­ци­ями по всей схеме.

Восемь месяцев неспешной работы за одну минуту

Восемь месяцев неспешной работы за одну минуту

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

Процесс перехода от третьей к четвёртой версии показан на видео. Обратите внимание:

  • на долгие поиски конфигурации голубой и синей линий слева, сначала внутри кольца, потом снаружи;

  • уплотнение сетки и эксперимент с рассинхронизацией сетки сверху и снизу;

  • освобождение севера для добавления монорельса;

  • попытки добиться равномерности внутри кольца;

  • значительное увеличение кегля;

  • улучшение обозначений пересадок;

  • вёрстку, поиск красивой формы и балансировку отступов между станциями по всей схеме.

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

Заключение

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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