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

Илья Бир­ман

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

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

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

Оглавление

    Задача 

    Принцип 

    Конструкция 

    Детали 

    Система 

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

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

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

Дру­гой путь — попро­бо­вать гра­ди­ент в цве­то­вой модели, отлич­ной от 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. Метро.ру

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

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

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

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

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

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

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

  • Остановки 

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

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

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

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

1980, Метро.ру

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

1980, Метро.ру

Ленинград, 1973

Амстердам, 2018. ГВБ

Электрички Минска, 2020, дизайнер Кристофер Смеричник

Барселона «в духе немецкого авангарда». Залакейн‑вейфайндинг

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

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

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

На бар­се­лон­ской схеме — длин­ные изло­ман­ные пере­мычки, из‑за кото­рых пере­садка пере­стаёт читаться как один объект.

Украшать можно:

  • Схема как символ 

Ленинград, 1973

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

Амстердам, 2018. ГВБ

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

Электрички Минска, 2020, дизайнер Кристофер Смеричник

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

Барселона «в духе немецкого авангарда». Залакейн‑вейфайндинг

На барселонской схеме — длинные изломанные перемычки, из‑за которых пересадка перестаёт читаться как один объект.

Украшать можно:

  • Схема как символ 

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

Заключение

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

  • bureau.ru

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

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

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

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

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

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

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

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

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

  • bureau.ru

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