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

Илья Бир­ман

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

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

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

Оглавление

    Задача 

    Принцип 

    Конструкция 

    Детали 

    Система 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вот как обре­тала фор­мат наша питер­ская схема.

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

Линии 1 и 2 сразу дотя­нули до краёв, а вот 3 и 5 тянуть не хоте­лось — слиш­ком уж далеко. В пра­вый верх­ний угол и тянуть было нечего. Будем заты­кать углы.

В левый верх­ний угол ста­вим герб Санкт‑Петер­бурга. Если сде­лать его доста­точно боль­шим для этого угла, кажется, что он заби­рает на себя всё вни­ма­ние. Если умень­шить до ком­форт­ных раз­ме­ров, его ста­но­вится недо­ста­точно. Раз­ме­щаем рядом режим работы.

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

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

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

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

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

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

Вот как обретала формат наша питерская схема.

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

Линии 1 и 2 сразу дотянули до краёв, а вот 3 и 5 тянуть не хотелось — слишком уж далеко. В правый верхний угол и тянуть было нечего. Будем затыкать углы.

В левый верхний угол ставим герб Санкт‑Петербурга. Если сделать его достаточно большим для этого угла, кажется, что он забирает на себя всё внимание. Если уменьшить до комфортных размеров, его становится недостаточно. Размещаем рядом режим работы.

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

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

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

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

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

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

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

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

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

Нью‑Йорк, 2019

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

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

Нью‑Йорк, 2019

Офи­ци­аль­ная, да и мно­гие неофи­ци­аль­ные схемы метро Син­га­пура стре­мятся к гори­зон­таль­ному формату.

Юля Кирил­лова стре­ми­лась сде­лать схему удоб­ной для теле­фона, поэтому схема вытя­ну­лась по вер­ти­кали. Глав­ная жертва такого фор­мата — зелё­ная линия: слева она загну­лась на юг, а не на север, справа ушла на север, а не на восток.

Официальная схема метро Сингапура, Транзитмэп

Дизайнер Юля Кириллова, артдир Артём Горбунов. Дипломный проект в Школе бюро

Официальная схема метро Сингапура, Транзитмэп

Официальная, да и многие неофициальные схемы метро Сингапура стремятся к горизонтальному формату.

Юля Кириллова стремилась сделать схему удобной для телефона, поэтому схема вытянулась по вертикали. Главная жертва такого формата — зелёная линия: слева она загнулась на юг, а не на север, справа ушла на север, а не на восток.

Дизайнер Юля Кириллова, артдир Артём Горбунов. Дипломный проект в Школе бюро

Охват 

Дизайнер Генри Бек, 1933

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

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

Железная дорога Лондона, Мидленда и Шотландии, около 1935. Дизайнер — Джордж Доу. Тюбмэпцентрал

Дизайнер Генри Бек, 1933

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

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

Железная дорога Лондона, Мидленда и Шотландии, около 1935. Дизайнер — Джордж Доу. Тюбмэпцентрал

Охват 

Тест по третьей части

Что автор называет графемой схемы?

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

Почему автор рекомендует уделить внимание графеме схемы?

Это стандартное требование, которое предъявляют все транспортные ведомства к дизайну схем
Чтобы дать читателю ориентиры и опору для глаза
Потому что важно, чтобы любой человек мог нарисовать схему от руки за минуту и она была полностью понятна
Это помогает запоминать расположение нужных станций: «на середине куска, ответвившегося снизу»
Так мы избегаем повторения приевшейся 45‑градусной сетки углов

Схема метро Токио по версии Миши Нозика

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

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

Узор. Дизайнер Алиса Макарова, 2017

Какие приёмы обнаружения дыр и комков показаны автором?

Посмотреть на схему расфокусированным взглядом
Убрать из схемы слой с текстом
Отразить схему
Поменять все цвета на случайные другие

Укажите графические элементы, согласованные на схеме Московского метро.

Углы наклонов линий
Отступы между станциями
Толщины линий
Расстояния между вертикальными фрагментами линий
Радиусы окружностей
Радиусы дуг

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

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

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

Сделать контрастную плашку сверху или снизу и заверстать все эти данные туда
Найти один самый свободный угол и упаковать все данные в него
Использовать свободные углы и стороны формата вокруг схемы
Этим данным вообще не место на схеме

Марсель, дизайнер Кристофер Смеричник

Прага (для мобильных экранов), неизвестный дизайнер

Портленд. Железнодорожная система «Тримет»

Будапештский транспортный центр

Штутгарт. Источник утерян

Выберите схему с наиболее равномерной текстурой и с наиболее освоенным форматом.

Что может повлиять на формат схемы?

То, какой формы получается сама схема
Формат имеющихся на станциях стендов для размещения информации
Расстояния между окнами и дверьми в поездах

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

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

Метро Токио

Ответьте на все вопросы теста,
чтобы узнать результат.
Результат
↺ Пересдать

Тест по третьей части

Что автор называет графемой схемы?

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

Почему автор рекомендует уделить внимание графеме схемы?

Это стандартное требование, которое предъявляют все транспортные ведомства к дизайну схем
Чтобы дать читателю ориентиры и опору для глаза
Потому что важно, чтобы любой человек мог нарисовать схему от руки за минуту и она была полностью понятна
Это помогает запоминать расположение нужных станций: «на середине куска, ответвившегося снизу»
Так мы избегаем повторения приевшейся 45‑градусной сетки углов

Схема метро Токио по версии Миши Нозика

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

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

Узор. Дизайнер Алиса Макарова, 2017

Какие приёмы обнаружения дыр и комков показаны автором?

Посмотреть на схему расфокусированным взглядом
Убрать из схемы слой с текстом
Отразить схему
Поменять все цвета на случайные другие

Укажите графические элементы, согласованные на схеме Московского метро.

Углы наклонов линий
Отступы между станциями
Толщины линий
Расстояния между вертикальными фрагментами линий
Радиусы окружностей
Радиусы дуг

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

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

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

Сделать контрастную плашку сверху или снизу и заверстать все эти данные туда
Найти один самый свободный угол и упаковать все данные в него
Использовать свободные углы и стороны формата вокруг схемы
Этим данным вообще не место на схеме

Выберите схему с наиболее равномерной текстурой и с наиболее освоенным форматом.

Марсель, дизайнер Кристофер Смеричник

Прага (для мобильных экранов), неизвестный дизайнер

Портленд. Железнодорожная система «Тримет»

Будапештский транспортный центр

Штутгарт. Источник утерян

Что может повлиять на формат схемы?

То, какой формы получается сама схема
Формат имеющихся на станциях стендов для размещения информации
Расстояния между окнами и дверьми в поездах

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

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

Метро Токио

Ответьте на все вопросы теста, чтобы узнать результат.
Результат
↺ Пересдать
Скрыто 386 разворотов

Заключение

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

  • bureau.ru

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

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

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

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

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

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

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

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

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

  • bureau.ru

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