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

Илья Бир­ман

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

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

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

Оглавление

    Задача 

    Принцип 

    Конструкция 

    Детали 

    Система 

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

Джонстон

Гельветика

Бюросанс

Бюросайн

ПТ Санс

ПТ Санс Метро

При умень­ше­нии интер­ли­ньяжа воз­ни­кает риск столк­но­ве­ния букв сосед­них строк. Так что ещё один пара­метр при выборе шрифта — чтоб не слиш­ком «торчал».

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

Для моей схемы мос­ков­ского метро Анна Данилова сде­лала спе­ци­аль­ную вер­сию шрифта ПТ Санс с умень­шен­ным ростом заглав­ных букв — мы её назвали ПТ Санс Метро.

Джонстон

Гельветика

Бюросанс

Бюросайн

ПТ Санс

ПТ Санс Метро

При уменьшении интерлиньяжа возникает риск столкновения букв соседних строк. Так что ещё один параметр при выборе шрифта — чтоб не слишком «торчал».

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

Для моей схемы московского метро Анна Данилова сделала специальную версию шрифта ПТ Санс с уменьшенным ростом заглавных букв — мы её назвали ПТ Санс Метро.

Метро Вены. Виен.инфо

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

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

Метро Берлина, дизайнер Паша Омелёхин

Срав­ните с соот­но­ше­нием тол­щины линий и жир­но­сти шрифта на бер­лин­ской схеме. Конеч­ные и важ­ные пере­садки выде­лены ещё более жир­ным начертанием.

Жир­ность шрифта подпи­сей должна соот­вет­ство­вать их зна­чи­мо­сти и хорошо соче­таться с осталь­ной гра­фи­кой схемы.

  • Графема 

Метро Вены. Виен.инфо

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

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

Метро Берлина, дизайнер Паша Омелёхин

Сравните с соотношением толщины линий и жирности шрифта на берлинской схеме. Конечные и важные пересадки выделены ещё более жирным начертанием.

Жирность шрифта подписей должна соответствовать их значимости и хорошо сочетаться с остальной графикой схемы.

  • Графема 

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

А вот цвет­ные плашки могут быть спо­со­бом выде­ле­ния важ­ных стан­ций или конечных.

  • Как оформлять пересечения 

Лиссабон, дизайнер Юг Церович

Скоростной транспорт района Сан‑Хосе

Выше мы обсуждали полупрозрачные плашки как способ оформить пересечения подписи с линией.

А вот цветные плашки могут быть способом выделения важных станций или конечных.

  • Как оформлять пересечения 

Лиссабон, дизайнер Юг Церович

Скоростной транспорт района Сан‑Хосе

2015

Важно не пере­усерд­ство­вать с выде­ле­нием подпи­сей конеч­ных оста­но­вок осо­бым набором.

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

2018

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

Дизайнеры Полина Лесникова и Александр Караваев, артдир я

2015

Важно не переусердствовать с выделением подписей конечных остановок особым набором.

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

2018

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

Дизайнеры Полина Лесникова и Александр Караваев, артдир я

Лондон, дизайнер Генри Бек, 1933

Транспорт Лондона, 2018

Москва, Студия Лебедева, 2016

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

Совре­мен­ная лон­дон­ская фишка — набор всего тек­сто­вого слоя на схе­мах синим цве­том, как у Пика­дилли‑лайн. Под­кра­шен­ный текст добав­ляет схеме колорита!

Мос­ков­ский приём с под­крас­кой Смо­лен­ских и Арбат­ских — дру­гой слу­чай. Здесь дизайн сразу и обра­щает вни­ма­ние на необыч­ную ситу­а­цию, и объ­яс­няет её: стан­ции на раз­ных линиях не соеди­нены пере­сад­кой, но назы­ва­ются одинаково.

Чёр­ный же текст выгля­дит ней­трально и не вызы­вает вопросов.

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

Современная лондонская фишка — набор всего текстового слоя на схемах синим цветом, как у Пикадилли‑лайн. Подкрашенный текст добавляет схеме колорита!

Лондон, дизайнер Генри Бек, 1933

Транспорт Лондона, 2018

Москва, Студия Лебедева, 2016

Московский приём с подкраской Смоленских и Арбатских — другой случай. Здесь дизайн сразу и обращает внимание на необычную ситуацию, и объясняет её: станции на разных линиях не соединены пересадкой, но называются одинаково.

Чёрный же текст выглядит нейтрально и не вызывает вопросов.

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

Заключение

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

  • bureau.ru

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

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

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

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

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

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

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

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

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

  • bureau.ru

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