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

Илья Бир­ман

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

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

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

Оглавление

    Задача 

    Принцип 

    Конструкция 

    Детали 

    Система 

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

В руб­рику «Советы» на сайте Бюро Гор­бу­нова при­слали схему авто­бу­сов Добрянки.

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

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

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

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

Совет о транспорте Добрянки. Было

Совет о транспорте Добрянки. Стало

Совет о троллейбусах Видного. Было

Совет о троллейбусах Видного. Стало

В рубрику «Советы» на сайте Бюро Горбунова прислали схему автобусов Добрянки.

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

Совет о транспорте Добрянки. Было и стало

Даже если не менять форму линий, а просто уменьшить поля и заткнуть углы, станет лучше.

Ещё один пример из «Советов» — схема троллейбусов Видного. Здесь та же ошибка: вокруг схемы много пустот, но для служебной информации выделен целый этаж снизу.

Совет о троллейбусах Видного. Было

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

Стало

Общественный транспорт Виктории

Эта схема ноч­ных авто­бу­сов Мель­бурна свёр­стана избы­точно сложно: полу­чи­лись пла­каты в пла­кате в плакате.

Лист бумаги, на кото­ром напе­ча­тана схема, — это уже рамка. Рисо­вать допол­ни­тель­ные рамки почти все­гда избыточно.

Общественный транспорт Виктории

Эта схема ночных автобусов Мельбурна свёрстана избыточно сложно: получились плакаты в плакате в плакате.

Лист бумаги, на котором напечатана схема, — это уже рамка. Рисовать дополнительные рамки почти всегда избыточно.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Нью‑Йорк, 2019

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

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

Нью‑Йорк, 2019

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

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

  • bureau.ru

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

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

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

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

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

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

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

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

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

  • bureau.ru

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