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

Илья Бир­ман

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

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

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

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

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

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

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

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

Оглавление

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

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

Оглавление

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

Радиально

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

  • 30°

  • 60°

  • 120°

  • 150°

Естественно

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

30°   60°   120°   150° 

Радиально

Естественно

При исполь­зо­ва­нии есте­ствен­ных скруг­ле­ний про­блема пуч­ков про­яв­ля­ется с осо­бой силой.

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

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

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

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

Правда, если между лини­ями остав­лены про­жилки, спря­тать неточ­ность не получится.

По форме про­жи­лок видно, что линии не подо­гнаны друг к другу иде­ально. При­дётся дви­гать тщательнее.

Но вер­нёмся к вари­анту без про­жи­лок. У нас оста­лась ещё одна про­блема — сло­ма­лась зелё­ная линия.

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

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

При использовании естественных скруглений проблема пучков проявляется с особой силой.

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

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

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

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

Правда, если между линиями оставлены прожилки, спрятать неточность не получится.

По форме прожилок видно, что линии не подогнаны друг к другу идеально. Придётся двигать тщательнее.

Но вернёмся к варианту без прожилок. У нас осталась ещё одна проблема — сломалась зелёная линия.

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

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

Мы обсу­дили ситу­а­ции, когда пучок пово­ра­чи­вает целиком.

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

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

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

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

Иде­ально — если уда­ётся обойти про­блему пере­сор­ти­ров­кой линий.

Мы обсудили ситуации, когда пучок поворачивает целиком.

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

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

Нелогичный, но ещё более приятный вариант — скруглить её так же, как красную.

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

Идеально — если удаётся обойти проблему пересортировкой линий.

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

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

Автобусы Риги, дизайнер Виктор Барышев

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

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

Автобусы Риги, дизайнер Виктор Барышев

Акку­ратно пучки скруг­лены на этой схеме Челя­бин­ских трамваев.

Аккуратно пучки скруглены на этой схеме Челябинских трамваев.

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

Заключение

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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