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

Илья Бир­ман

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

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

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

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

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

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

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

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

Оглавление

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

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

Оглавление

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

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

Про­сто сде­лать облака блед­нее нельзя: зоны должны читаться неза­ви­симо от осве­ще­ния на стан­ции или каче­ства ком­пью­тер­ного экрана.

При рисо­ва­нии зон дизай­не­рам при­хо­дится учи­ты­вать рас­по­ло­же­ние не только круж­ков или пень­ков стан­ций, но их подпи­сей. Ино­гда облаку‑зоне при­хо­дится обте­кать под­пись, чтобы у чита­теля не оста­ва­лось сомне­ний, к какой зоне отно­сится стан­ция. Форма обла­ков полу­ча­ется намного слож­нее, чем могла бы.

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

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

Около 2016 года в Лон­доне доба­ви­лась зага­доч­ная зона «2/3» с ещё более тём­ным фоном и ещё более слож­ной фор­мой. К сча­стью, хотя бы нет стан­ций на её гра­ни­цах с соседями!

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

Просто сделать облака бледнее нельзя: зоны должны читаться независимо от освещения на станции или качества компьютерного экрана.

При рисовании зон дизайнерам приходится учитывать расположение не только кружков или пеньков станций, но их подписей. Иногда облаку‑зоне приходится обтекать подпись, чтобы у читателя не оставалось сомнений, к какой зоне относится станция. Форма облаков получается намного сложнее, чем могла бы.

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

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

Около 2016 года в Лондоне добавилась загадочная зона «2/3» с ещё более тёмным фоном и ещё более сложной формой. К счастью, хотя бы нет станций на её границах с соседями!

Раньше цена поездки в Москве не зависела от расстояния.

В 2019 году в Москве запу­сти­лись город­ские элек­трички D1 и D2, вхо­дя­щие в общую транс­порт­ную систему с метро, а вме­сте с ними впер­вые появи­лись две зоны оплаты.

На обнов­лён­ной схеме Сту­дии Лебе­дева при­го­род­ную зону обо­зна­чили голу­бым фоном. Пока зон всего две, и это выгля­дит приятно.

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

В 2019 году в Москве запустились городские электрички D1 и D2, входящие в общую транспортную систему с метро, а вместе с ними впервые появились две зоны оплаты.

Раньше цена поездки в Москве не зависела от расстояния.

На обновлённой схеме Студии Лебедева пригородную зону обозначили голубым фоном. Пока зон всего две, и это выглядит приятно.

На официальной схеме обошлись без фонов — показали только границы зон. Без фонов могло бы получиться чище, но огромные подписи на двух языках с повторяющимся словосочетанием «Тарифная зона» и избыточным обозначением «Центральной», в которой ничего не изменилось, всё портят.

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

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

На схеме Кон­стан­тина Коно­ва­лова сохра­нено тра­ди­ци­он­ное раз­де­ле­ние на «город­ской» и «при­го­род­ный» фоны, но обо­зна­чены гра­ницы всех зон. Вме­сто навяз­чи­вого зиг­зага с обвод­кой — тон­кая чёр­точка с номерами

Напомню необычный приём из Мельбурна, где зоны оплаты обозначают цветом линии:

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

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

На схеме Константина Коновалова сохранено традиционное разделение на «городской» и «пригородный» фоны, но обозначены границы всех зон. Вместо навязчивого зигзага с обводкой — тонкая чёрточка с номерами

Напомню необычный приём из Мельбурна, где зоны оплаты обозначают цветом линии:

Подписи

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

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

Слож­ность тут в том, что на схеме очень высока плот­ность объ­ек­тов. Мел­кую под­пись легко раз­ме­стить, но когда начи­на­ешь её уве­ли­чи­вать, она неиз­бежно ока­зы­ва­ется рядом с чем‑то не тем, если вообще вле­зает. Тре­бу­ется юве­лир­ная работа.

Подписи

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

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

Сложность тут в том, что на схеме очень высока плотность объектов. Мелкую подпись легко разместить, но когда начинаешь её увеличивать, она неизбежно оказывается рядом с чем‑то не тем, если вообще влезает. Требуется ювелирная работа.

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

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

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

Решение проблемы:

В Лон­доне почти везде каж­дому пере­са­доч­ному узлу соот­вет­ствует ровно одно назва­ние, так что раз­би­раться, какая под­пись к какому из круж­ков пере­садки отно­сится, не при­хо­дится. Но есть исклю­че­ние: сна­чала Банк и Мону­мент были раз­дель­ными стан­ци­ями, но посте­пенно там обра­зо­вался слож­ный пере­са­доч­ный узел, изоб­ра­жа­е­мый четырьмя круж­ками. Сред­ние кружки стоят чуть ближе к Мону­менту, но пола­гаться на это нельзя: на самом деле там Банк.

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

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

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

Решение проблемы:

В Лондоне почти везде каждому пересадочному узлу соответствует ровно одно название, так что разбираться, какая подпись к какому из кружков пересадки относится, не приходится. Но есть исключение: сначала Банк и Монумент были раздельными станциями, но постепенно там образовался сложный пересадочный узел, изображаемый четырьмя кружками. Средние кружки стоят чуть ближе к Монументу, но полагаться на это нельзя: на самом деле там Банк.

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

Заключение

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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