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

Илья Бир­ман

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

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

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

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

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

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

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

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

Оглавление

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

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

Оглавление

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

Теперь посмот­рим на рас­по­ло­же­ние подпи­сей более пристально.

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

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

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

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

Цен­тровка по строч­ным — рабо­чий вари­ант. Но подпи­си всё равно не «дер­жатся» за пенёк. Хочется надёж­ного крепления!

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

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

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

Вер­нёмся к вырав­ни­ва­нию базо­вой линией шрифта по низу пенька.

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

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

Лучше ставить подписи по одну сторону от линии:

Общее важнее частного:

Теперь посмотрим на расположение подписей более пристально.

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

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

Ещё заметнее провал, когда подпись оказывается слева.

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

Центровка по строчным — рабочий вариант. Но подписи всё равно не «держатся» за пенёк. Хочется надёжного крепления!

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

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

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

Вернёмся к выравниванию базовой линией шрифта по низу пенька.

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

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

Лучше ставить подписи по одну сторону от линии:

Общее важнее частного:

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

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

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

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

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

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

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

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

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

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

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

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

Версия 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 минута была именно до остановки, а не до края подписи. Длина подписи должна перестать играть роль в оценке этой близости.

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

Заключение

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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