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

Илья Бирман

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

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

http://d.pr/i/16l92http://d.pr/i/16l92http://d.pr/i/16l92
 
http://d.pr/i/16l92http://d.pr/i/16l92http://d.pr/i/16l92
между важными местами
http://d.pr/i/16l92http://d.pr/i/16l92http://d.pr/i/16l92
Shift
http://d.pr/i/16l92http://d.pr/i/16l92http://d.pr/i/16l92
между
разворотами
Илья Бир­ман

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

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

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

Оглавление

4
Детали

Изгибы

После того, как Генри Бек пре­кра­тил работу над схе­мой лон­дон­ского метро, за неё взялся дизай­нер Гарольд Хат­чин­сон. Он отка­зался от плав­ных пово­ро­тов линий и стал их про­сто «ломать».

Это очень пло­хая схема. Пере­ломы — хоть и не един­ствен­ная её про­блема, но одна из самых заметных.

О Генри Беке:

Генри Бек, 1933

Пово­роты должны быть плавными.

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

Это неоче­видно: кружки кажутся удоб­ными «опор­ными точ­ками», их хочется соеди­нить пря­мыми отрез­ками. Но как одна линия дол­жен вос­при­ни­маться весь марш­рут, а не отдель­ные соеди­не­ния между станциями.

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

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

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

В таком слу­чае линии чита­ются цели­ком даже без цвета.

О сетке углов:

На гео­мет­рич­ной схеме воз­ни­кает вопрос, может ли быть пово­рот сразу на два, три шага сетки углов. Ска­жем, при сетке в 45°, можно ли погнуть линию сразу на 90° или 135°?

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

Пово­рот на 135° очень сомни­те­лен: кажется, что дизай­нер плохо про­ло­жил линии, если ему вдруг при­хо­дится прак­ти­че­ски раз­во­ра­чи­вать одну из них назад.

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

Ино­гда уда­ётся «скрыть» про­блему, пере­неся какую‑нибудь стан­цию на про­ме­жу­точ­ное звено пово­рота, как в при­мере на сле­ду­ю­щем развороте.

45°
90°. Нормально, если такой поворот не один
135°. Сомнительно
2 × 45°. Нормально
3 × 45°. Слишком громоздко

На моей мос­ков­ской схеме раз­ре­ша­ются углы в 90°, но я пред­по­чи­таю 2 × 45°.

«Оре­хово» стоит на про­ме­жу­точ­ном сег­менте, чтобы он не так выделялся.

На лон­дон­ской схеме 2004 года фраг­мент линии Хаммерсмит — Сити после стан­ции Ливер­пуль‑стрит изги­ба­ется на 90°, но потом пово­рот на 135° к «Олдгейт‑ист» вдруг делает тремя шагами по 45°.

На схеме 2018 года этот кусок выгля­дит чище: с одним пово­ро­том на 45° и одним на 90°. Это стало воз­можно после серьёз­ного изме­не­ния кон­фи­гу­ра­ции линий вокруг.

Резкие скругления
Два явных поворота

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

Плавные скругления
Чёрт знает что

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

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

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

В более позд­ней вер­сии недо­чёт испра­вили. Ещё появи­лось при­ят­ное сосед­ство двух пово­ро­тов по 90°.

Теперь о том, как именно рисо­вать скругления.

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

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

Про­стой спо­соб сгла­жи­ва­ния на ком­пью­тере — радиальное скругление. Вме­сто угла рису­ется дуга окруж­но­сти. Точ­кой • обо­зна­чен её центр.

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

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

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

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

Устра­нить про­светы можно, согла­со­вав скруг­ле­ния в пучке:

  • по внеш­нему скруг­ле­нию, умень­шив внутренние;

  • по сред­нему, умень­шив внут­рен­нее и уве­ли­чив внешнее;

  • по внут­рен­нему, уве­ли­чив внешние.

Больше линий в пучке — больше вариантов.

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

Делайте одинаково.

Стандарт диаграмм линий. Радиусы и углы
Транспорт Лондона

Стан­дарты «Транс­порта Лон­дона» пред­пи­сы­вают исполь­зо­вать пово­роты на 45° или 90° с ради­аль­ным скруг­ле­нием ради­у­сом в три тол­щины линии.

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

Есть ещё один повод сде­лать исклю­че­ние из пра­вила «один радиус на всю схему».

При оди­на­ко­вом ради­усе длина дуги про­пор­ци­о­нальна углу пово­рота. Пово­рот на 45° — коро­тень­кий, на 90° — длин­нее, на 135° — слиш­ком продолжительный.

Для каж­дого угла хорошо подо­брать радиус скруг­ле­ния вруч­ную. На рисунке радиус для 45° в пол­тора раза уве­ли­чен по срав­не­нию с 90°, а для 135° — в пол­тора же раза умень­шен. Так приятнее.


Ai

Эффект Иллю­стра­тора Round corners кор­ректно рисует скруг­ле­ния с ука­зан­ным ради­у­сом только для углов в 90°. На рисунке у всех линий ука­зан один радиус скруг­ле­ния, но только у жёл­той пово­рот дей­стви­тельно построен из дуги окруж­но­сти этого ради­уса. Как видно, у пово­рота на 45° радиус намного больше, а у 135° — намного меньше, чем указано.

«Честно» ради­усы рисует инстру­мент Live corners, появив­шийся в вер­сии 17.1.

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

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

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

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

При пово­роте на 90° у ради­аль­ного скруг­ле­ния «усы» тор­чат где‑то на 56% радиуса.

При­ят­ное глазу скруг­ле­ние обычно полу­ча­ется, если уве­ли­чить тор­ча­ние усов до 75%.

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

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

То же для радиальных скруглений:

Радиально

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

  • 30°

  • 60°

  • 120°

  • 150°

Естественно

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Рига

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

На ощу­ще­ние от схемы вли­яет раз­мер скруг­ле­ния, поэтому под­би­рать его стоит, глядя на схему издалека.

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

При уве­ли­че­нии скруг­ле­ний схема ста­но­вится «дружелюбнее».

Но и посте­пенно теря­ется геометричность.

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

Поэтому нужно иметь воз­мож­ность настра­и­вать скруг­ле­ния централизованно.


Ai

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

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

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

Трамваи Одессы, 2016
Студия Лебедева