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

Илья Бир­ман

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

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

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

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

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

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

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

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

Оглавление

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

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

Оглавление

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

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

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

Есть

Я при­зы­вал сле­дить за тем, чтобы узоры линий не «съез­жали» в пуч­ках. Но раз­но­бой заме­тен и про­сто на парал­лель­ных линиях.

Могло бы быть

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

Метро и поезда Брюсселя. СТИБ

Ранее о синхронизации узоров:

Есть

Я призывал следить за тем, чтобы узоры линий не «съезжали» в пучках. Но разнобой заметен и просто на параллельных линиях.

Могло бы быть

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

Метро и поезда Брюсселя. СТИБ

Ранее о синхронизации узоров:

Когда побо­роли все дефекты, хочется доба­вить радостей.

На официальной московской схеме на реке есть бантик. Студия Лебедева

На официальной берлинской схеме логотип Скоростного транспорта Берлина сделан сердечком, а не квадратом

На люберецкой схеме Романа Ватриковского красиво переплетаются линии

На Сингапурской схеме у автобуса в «Леголенд» подмигивает лего‑человечек. Дизайнер Юля Кириллова, артдир Артём Горбунов. Дипломный проект в Школе бюро

На здании «Ворота Минска» сидит Ида из игры «Долина монументов». Дизайнеры Иван Звягин, Константин Евстратенко, артдир я

Когда побороли все дефекты, хочется добавить радостей.

На официальной московской схеме на реке есть бантик. Студия Лебедева

На официальной берлинской схеме логотип Скоростного транспорта Берлина сделан сердечком, а не квадратом

На люберецкой схеме Романа Ватриковского красиво переплетаются линии

На Сингапурской схеме у автобуса в «Леголенд» подмигивает лего‑человечек. Дизайнер Юля Кириллова, артдир Артём Горбунов. Дипломный проект в Школе бюро

На здании «Ворота Минска» сидит Ида из игры «Долина монументов». Дизайнеры Иван Звягин, Константин Евстратенко, артдир я

Тест по четвёртой части

Что автор рассказывает о толщине линий маршрутов?

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

Электротранспорт Смоленска, дизайнер Пётр Москалёв

Какой совет из книги поможет без ущерба для информативности снизить шум на этом фрагменте?

Использовать для линий более спокойные, пастельные тона
Увеличить прожилки между линиями
Настроить прожилки между линиями так, чтобы они были равны толщине самих разделяемых линий
Убрать прожилки между линиями, при необходимости настроив цвета и порядок
Отбросить тени от линий и на фон схемы тоже, чтобы избежать «вибрации»

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

Выберите фрагменты схем, на которых нарушен принцип «поворот на виду».

Метро Дубая, дизайнер Юг Церович

Вымышленная карта транспорта Канберры, дизайнер Джон Робертс

Схема‑фантазия, дизайнер Райз Онг

Схема скоростного транспорта массачусетского залива. Фордизайн

Выберите примеры, в которых скругления линий согласованы и подогнаны в соответствии с рекомендациями книги.

Франкфурт‑на‑Майне. РМВ

Калифорния, дизайнер Роберт МакКоннел

Кемерово, дизайнер Кирилл Жаркой

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

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

Насколько близко находятся эти станции
Есть ли безбарьерный доступ
Называются ли станции одинаково или по‑разному
Является ли хотя бы одна из станций конечной
Нужно ли повторно платить
Нужно ли заново проходить через турникет
Есть ли крытый и подогреваемый переход или нужно идти через улицу
Относятся ли станции к одной транспортной системе

Какие недостатки, согласно книге, есть у этой схемы?

Слишком шумно обозначены станции
Отсутствуют тени от линии
Используются заглавные буквы для подписей
Реки нарисованы под линиями, что не соответствует реальности
На пересадках непонятно соответствие между линиями и названиями
Пересадки не имеют дополнительной обводки

Санкт‑Петербург, автор неизвестен

Какие выводы из исследования схемы московского метро на айтрекере приведены в книге?

Пассажирам стоит быть внимательнее при чтении схемы: они допускают много ошибок несмотря на хороший дизайн схемы
Подписи нужно ставить подальше от линий
Близость подписей к станциям значительно влияет на понятность схемы
Подписи могут стоять где угодно, но никогда не должны пересекать линии
Если подписи не пересекают линии, то никаких проблем при чтении схемы не возникнет
Ошибки чтения иногда возникают даже тогда, когда подписи не пересекают линии, но оказываются «на пути взгляда» при чтении линии
Имеет значение, пересекает ли подпись «чужую» или «свою» линию
Если уж подпись пересекает «чужую» линию, то лучше, чтобы пересекала её своим началом, а не концом
Если уж подпись пересекает «чужую» линию, то лучше, чтобы пересекала её своим концом, а не началом
Хорошо работает дизайн, когда подписи поочерёдно стоят то слева, то справа от линии
Такие исследования обязательно проводить для всех схем, потому что без них невозможно предугадать, что окажется проблемой дизайна

Выберите надпись, набранную открытым шрифтом без засечек.

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

В общем случае достаточно обычного обозначения пересадочной станции
Паровозик
Железная дорога
Стрелка
Текстовая подпись
Логотип компании — оператора пригородных поездов
Знак метрополитена
Герб города
На схеме метро нет смысла показывать пересадки на железную дорогу или другой транспорт, это запутает пассажира
Ответьте на все вопросы теста,
чтобы узнать результат.
Результат
↺ Пересдать

Тест по четвёртой части

Что автор рассказывает о толщине линий маршрутов?

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

Электротранспорт Смоленска, дизайнер Пётр Москалёв

Какой совет из книги поможет без ущерба для информативности снизить шум на этом фрагменте?

Использовать для линий более спокойные, пастельные тона
Увеличить прожилки между линиями
Настроить прожилки между линиями так, чтобы они были равны толщине самих разделяемых линий
Убрать прожилки между линиями, при необходимости настроив цвета и порядок
Отбросить тени от линий и на фон схемы тоже, чтобы избежать «вибрации»

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

Выберите фрагменты схем, на которых нарушен принцип «поворот на виду».

Метро Дубая, дизайнер Юг Церович

Вымышленная карта транспорта Канберры, дизайнер Джон Робертс

Схема‑фантазия, дизайнер Райз Онг

Схема скоростного транспорта массачусетского залива. Фордизайн

Выберите примеры, в которых скругления линий согласованы и подогнаны в соответствии с рекомендациями книги.

Франкфурт‑на‑Майне. РМВ

Калифорния, дизайнер Роберт МакКоннел

Кемерово, дизайнер Кирилл Жаркой

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

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

Насколько близко находятся эти станции
Есть ли безбарьерный доступ
Называются ли станции одинаково или по‑разному
Является ли хотя бы одна из станций конечной
Нужно ли повторно платить
Нужно ли заново проходить через турникет
Есть ли крытый и подогреваемый переход или нужно идти через улицу
Относятся ли станции к одной транспортной системе

Какие недостатки, согласно книге, есть у этой схемы?

Слишком шумно обозначены станции
Отсутствуют тени от линии
Используются заглавные буквы для подписей
Реки нарисованы под линиями, что не соответствует реальности
На пересадках непонятно соответствие между линиями и названиями
Пересадки не имеют дополнительной обводки

Санкт‑Петербург, автор неизвестен

Какие выводы из исследования схемы московского метро на айтрекере приведены в книге?

Пассажирам стоит быть внимательнее при чтении схемы: они допускают много ошибок несмотря на хороший дизайн схемы
Подписи нужно ставить подальше от линий
Близость подписей к станциям значительно влияет на понятность схемы
Подписи могут стоять где угодно, но никогда не должны пересекать линии
Если подписи не пересекают линии, то никаких проблем при чтении схемы не возникнет
Ошибки чтения иногда возникают даже тогда, когда подписи не пересекают линии, но оказываются «на пути взгляда» при чтении линии
Имеет значение, пересекает ли подпись «чужую» или «свою» линию
Если уж подпись пересекает «чужую» линию, то лучше, чтобы пересекала её своим началом, а не концом
Если уж подпись пересекает «чужую» линию, то лучше, чтобы пересекала её своим концом, а не началом
Хорошо работает дизайн, когда подписи поочерёдно стоят то слева, то справа от линии
Такие исследования обязательно проводить для всех схем, потому что без них невозможно предугадать, что окажется проблемой дизайна

Выберите надпись, набранную открытым шрифтом без засечек.

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

В общем случае достаточно обычного обозначения пересадочной станции
Паровозик
Железная дорога
Стрелка
Текстовая подпись
Логотип компании — оператора пригородных поездов
Знак метрополитена
Герб города
На схеме метро нет смысла показывать пересадки на железную дорогу или другой транспорт, это запутает пассажира
Ответьте на все вопросы теста, чтобы узнать результат.
Результат
↺ Пересдать

5
Система

5
Система

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

Заключение

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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