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

Илья Бир­ман

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

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

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

Оглавление

    Задача 

    Принцип 

    Конструкция 

    Детали 

    Система 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Геометрия 

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

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

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

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

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

45°

90°. Нормально, если такой поворот не один

135°. Сомнительно

2 × 45°. Нормально

3 × 45°. Слишком громоздко

45°

90°. Нормально, если такой поворот не один

135°. Сомнительно

2 × 45°. Нормально

3 × 45°. Слишком громоздко

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

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

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

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

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

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

  • Геометрия 

О проекте

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

О проекте

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

2004 и 2018
Транспорт Лондона

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

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

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

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

2004 и 2018
Транспорт Лондона

Резкое скругление

Два явных поворота

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

Плавное скругление

Чёрт знает что

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

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

Резкое скругление

Два явных поворота

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

Плавное скругление

Чёрт знает что

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

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

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

Заключение

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

  • bureau.ru

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

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

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

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

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

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

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

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

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

  • bureau.ru

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