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

Илья Бир­ман

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

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

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

Оглавление

    Задача 

    Принцип 

    Конструкция 

    Детали 

    Система 

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

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

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

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

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

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

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

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

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

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

На этом фраг­менте моей схемы «Твер­ская» и «Лубянка» пере­се­кают свои линии, а «Чехов­ская» — чужую.

Здесь под­пись «Рихард‑Ваг­нер‑плац» раз­ры­вает «чужую» линию авто­буса X9, но ни то, ни дру­гое не теряет в читаемости.

Так что если меша­ю­щая линия про­хо­дит явно во вто­ро­сте­пен­ном инфор­ма­ци­он­ном слое, то можно и не бороться с пересечением.

Скоростной транспорт Берлина

Линии метро уступают место железнодорожным подписям на схеме московских электричек:

  • Линии 

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

На этом фрагменте моей схемы «Тверская» и «Лубянка» пересекают свои линии, а «Чеховская» — чужую.

Скоростной транспорт Берлина

Здесь подпись «Рихард‑Вагнер‑плац» разрывает «чужую» линию автобуса X9, но ни то, ни другое не теряет в читаемости.

Так что если мешающая линия проходит явно во второстепенном информационном слое, то можно и не бороться с пересечением.

Линии метро уступают место железнодорожным подписям на схеме московских электричек:

  • Линии 

Московское метро, дизайн мой

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

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

Электрички Москвы, дизайн мой

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

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

Московское метро, дизайн мой

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

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

Электрички Москвы, дизайн мой

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

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

Чикаго. Си‑ти‑эй

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

Сто­я­щие под раз­ными углами подпи­си добав­ляют неряш­ли­во­сти и обычно встре­ча­ются на пло­хих схемах.

Стокгольм. СЛ

Сток­гольм­ская схема, несмотря на накло­нён­ные подпи­си, смот­рится опрятно — спа­сает рифма с лини­ями по 45‑гра­дус­ной сетке.

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

У индюка Гобблса голова волочится по полу, и он всё видит повёрнутым. Фандом

Чикаго. Си‑ти‑эй

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

Стоящие под разными углами подписи добавляют неряшливости и обычно встречаются на плохих схемах.

Стокгольм. СЛ

Стокгольмская схема, несмотря на наклонённые подписи, смотрится опрятно — спасает рифма с линиями по 45‑градусной сетке.

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

У индюка Гобблса голова волочится по полу, и он всё видит повёрнутым. Фандом

Сетка углов:

  • Геометрия 

Автобусы Люксембурга, ВДЛ

Говоря о своей люк­сем­бург­ской схеме, дизай­нер Юг Церо­вич как‑то упо­ми­нал, что на накло­нён­ных линиях проще рас­став­лять подпи­си, потому что они не спо­рят с углом самих линий.

Медельин, дизайнер Кэмерон Бут. Транзитмэп

Это под­ска­зы­вает лов­кий приём: вме­сто наклона подпи­сей, накло­нить осталь­ную схему, то есть линии. Так все подпи­си оста­нутся гори­зон­таль­ными и читаемыми.

Автобусы Люксембурга, ВДЛ

Говоря о своей люксембургской схеме, дизайнер Юг Церович как‑то упоминал, что на наклонённых линиях проще расставлять подписи, потому что они не спорят с углом самих линий.

Медельин, дизайнер Кэмерон Бут. Транзитмэп

Это подсказывает ловкий приём: вместо наклона подписей, наклонить остальную схему, то есть линии. Так все подписи останутся горизонтальными и читаемыми.

Сетка углов:

  • Геометрия 

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

Заключение

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

  • bureau.ru

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

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

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

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

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

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

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

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

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

  • bureau.ru

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