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

Илья Бир­ман

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

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

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

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

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

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

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

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

Оглавление

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

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

Оглавление

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

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

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

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

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

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

Лучше всё‑таки сде­лать так, чтобы каж­дая под­пись «покры­вала» только одну остановку.

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

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

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

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

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

Лучше всё‑таки сделать так, чтобы каждая подпись «покрывала» только одну остановку.

Версия 3.727

Версия 3.727

Версия 3.728

Версия 3.732

На схеме мос­ков­ского метро 2013 года я пытался рас­ста­вить подпи­си стан­ций монорельса.

В этом чер­но­вике была стран­ность: «Ул. Ака­де­мика Коро­лёва» была выров­нена цен­тром по сво­ему пеньку, но лати­ница была выров­нена по левому краю этой подпи­си. Это не кри­ми­нал, но такое вырав­ни­ва­ние выгля­дит неустой­чи­вым. Также я заме­тил, что можно изба­виться от сокра­ще­ния «Ул.», и всё равно всё влезет.

После согла­со­ва­ния вырав­ни­ва­ния и избав­ле­ния от сокра­ще­ний пенёк от «Теле­цен­тра» попал под «Улицу Ака­де­мика Коро­лёва», а её пенёк залез на тер­ри­то­рию «Выста­воч­ного цен­тра». Стало трудно пони­мать, что к чему.

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

Версия 3.727

Версия 3.727

Версия 3.728

Версия 3.732

На схеме московского метро 2013 года я пытался расставить подписи станций монорельса.

В этом черновике была странность: «Ул. Академика Королёва» была выровнена центром по своему пеньку, но латиница была выровнена по левому краю этой подписи. Это не криминал, но такое выравнивание выглядит неустойчивым. Также я заметил, что можно избавиться от сокращения «Ул.», и всё равно всё влезет.

После согласования выравнивания и избавления от сокращений пенёк от «Телецентра» попал под «Улицу Академика Королёва», а её пенёк залез на территорию «Выставочного центра». Стало трудно понимать, что к чему.

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

Плохо

Так себе

Хорошо

Троллейбусы Иркутска, дизайнер Андрей Смирнов

Ночные маршруты Брюсселя, СТИБ

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

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

Под­писи справа выгля­дят при­выч­нее и ком­форт­нее для чте­ния бла­го­даря более есте­ствен­ному выравниваю.

Конечно, в язы­ках с пись­мом справа налево — нао­бо­рот. При этом, если при­хо­дится сов­ме­щать раз­но­на­прав­лен­ные языки, не стоит рас­по­ла­гать подпи­си по раз­ные сто­роны линии, это выгля­дит глу­по­вато. Лучше под­чи­нить всё основ­ному языку.

Плохо

Троллейбусы Иркутска, дизайнер Андрей Смирнов

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

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

Так себе

Ночные маршруты Брюсселя, СТИБ

Подписи справа выглядят привычнее и комфортнее для чтения благодаря более естественному выравниваю.

Конечно, в языках с письмом справа налево — наоборот. При этом, если приходится совмещать разнонаправленные языки, не стоит располагать подписи по разные стороны линии, это выглядит глуповато. Лучше подчинить всё основному языку.

На этом вымыш­лен­ном при­мере под­пись «Сидо­ров­ский буль­вар» отно­сится к двум пень­кам. Так делать не стоит: под­пись должна опре­де­литься, какой сто­ро­ной она при­вя­зана к своей остановке.

Сей­час кажется, что между «Сидо­ров­скими буль­ва­рами» на сосед­них линиях рас­сто­я­ние в пять раз больше, чем до сосед­него «Пет­рова». Может, так и есть, но уве­рен­но­сти в этом нет.

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

А здесь под­пись «Ста­дион Моно­лит» вроде бы, как и её соседи, при­вя­зана к линии пра­вым краем. Но при этом к её левому краю под­хо­дит пунк­тир­ная линия с под­пи­сью «1 минута». Пред­по­ло­жи­тельно, дизай­неры имели в виду, что от оста­новки Моно­лит марш­рута 13 до оста­новки Ста­дион Моно­лит марш­рута 2 минута пеш­ком. Но выгля­дит всё так, будто это 1 минута только до левого края подпи­си «Ста­дион Моно­лит», а потом до самой оста­новки ещё топать и топать.

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

Трамваи Волгограда. Дизайнеры Роман Дроботов и Денис Кравцов

На этом вымышленном примере подпись «Сидоровский бульвар» относится к двум пенькам. Так делать не стоит: подпись должна определиться, какой стороной она привязана к своей остановке.

Сейчас кажется, что между «Сидоровскими бульварами» на соседних линиях расстояние в пять раз больше, чем до соседнего «Петрова». Может, так и есть, но уверенности в этом нет.

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

Трамваи Волгограда. Дизайнеры Роман Дроботов и Денис Кравцов

А здесь подпись «Стадион Монолит» вроде бы, как и её соседи, привязана к линии правым краем. Но при этом к её левому краю подходит пунктирная линия с подписью «1 минута». Предположительно, дизайнеры имели в виду, что от остановки Монолит маршрута 13 до остановки Стадион Монолит маршрута 2 минута пешком. Но выглядит всё так, будто это 1 минута только до левого края подписи «Стадион Монолит», а потом до самой остановки ещё топать и топать.

Нужно перерисовать так, чтобы 1 минута была именно до остановки, а не до края подписи. Длина подписи должна перестать играть роль в оценке этой близости.

Так себе

Городской транспорт Киева, дизайнер Костя Череповский

Хорошо

Метро Санкт‑Петербурга, дизайнеры Егор Попов, Сергей Чикин, артдир я. О проекте

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

Лучше сна­чала рас­ста­вить основ­ные подпи­си, а потом уже вто­ро­сте­пен­ные. В дан­ном слу­чае — поме­нять местами подпи­си Улицы Щусева.

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

Так себе

Городской транспорт Киева, дизайнер Костя Череповский

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

Лучше сначала расставить основные подписи, а потом уже второстепенные. В данном случае — поменять местами подписи Улицы Щусева.

Хорошо

Метро Санкт‑Петербурга, дизайнеры Егор Попов, Сергей Чикин, артдир я. О проекте

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

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

Заключение

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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