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

Илья Бир­ман

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

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

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

Оглавление

    Задача 

    Принцип 

    Конструкция 

    Детали 

    Система 

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

Одна линия просто перекрывает другую

С односторонней обводкой, или «белой тенью»

С двусторонней обводкой

С графичной тенью

С размытой тенью

Само место пере­се­че­ния тоже можно офор­мить по‑раз­ному: доба­вить обводку, тень или све­че­ние. Можно даже пред­ста­вить, что сами линии — это куски про­зрач­ной плёнки, кото­рые про­све­чи­вают друг сквозь друга. Если рисо­вать тень, то важно, чтобы она падала только на дру­гие линии, но не на фон схемы.

Спе­ц­эф­фекты не только укра­шают, но и услож­няют. «Гром­кие» пере­се­че­ния стоит остав­лять только на про­стых схе­мах, где это не поме­шает вос­при­я­тию смысла.

Со свечением

Со смешением цветов

Само место пересечения тоже можно оформить по‑разному: добавить обводку, тень или свечение. Можно даже представить, что сами линии — это куски прозрачной плёнки, которые просвечивают друг сквозь друга. Если рисовать тень, то важно, чтобы она падала только на другие линии, но не на фон схемы.

Спецэффекты не только украшают, но и усложняют. «Громкие» пересечения стоит оставлять только на простых схемах, где это не помешает восприятию смысла.

Одна линия просто перекрывает другую

С односторонней обводкой, или «белой тенью»

С двусторонней обводкой

С графичной тенью

С размытой тенью

Со свечением

Со смешением цветов

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

Это логично, но при таком постро­е­нии ино­гда воз­ни­кают белые щели. Чтобы они не отвле­кали чита­теля, их стоит зама­зать каким‑ни­будь из цве­тов сосед­них эле­мен­тов, например.

Ино­гда щели полу­ча­ются едва замет­ными — в том, что их нужно зама­зать, нет сомнений.

Ино­гда — довольно боль­шими, и уже начи­на­ешь сомне­ваться, зама­зы­вать ли. Кажется, так почище. Но вот если зама­зать эту дыру, сама замазка будет обра­щать на себя больше вни­ма­ния, чем дырка. Так что здесь — оставляем.

Некоторые графические дефекты быстрее замечаешь, если напечатать схему

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

Это логично, но при таком построении иногда возникают белые щели. Чтобы они не отвлекали читателя, их стоит замазать каким‑нибудь из цветов соседних элементов, например.

Иногда щели получаются едва заметными — в том, что их нужно замазать, нет сомнений.

Иногда — довольно большими, и уже начинаешь сомневаться, замазывать ли. Кажется, так почище. Но вот если замазать эту дыру, сама замазка будет обращать на себя больше внимания, чем дырка. Так что здесь — оставляем.

Некоторые графические дефекты быстрее замечаешь, если напечатать схему

Градиентные стены коридорчиков:

  • Пересадки 

Было

А вот при­мер улуч­ше­ния моей ста­рой схемы мос­ков­ского метро.

Как и все пере­ходы, пере­ход между Арбат­ской и Биб­лио­те­кой имени Ленина был нари­со­ван в кори­дор­чике с гра­ди­ент­ными стенами.

Стало

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

Было

А вот пример улучшения моей старой схемы московского метро.

Как и все переходы, переход между Арбатской и Библиотекой имени Ленина был нарисован в коридорчике с градиентными стенами.

Стало

Артём Горбунов заметил, что здесь стены можно убрать и прорезать коридор прямо в «линиях».

Градиентные стены коридорчиков:

  • Пересадки 

Было

Стало

На более позд­ней вер­сии схемы в подпи­си «Сре­тен­ский буль­вар» кратка от й непри­ятно кос­ну­лась Коль­це­вой линии метро. При­ш­лось её ото­рвать и немного перерисовать.

На более поздней версии схемы в подписи «Сретенский бульвар» кратка от й неприятно коснулась Кольцевой линии метро. Пришлось её оторвать и немного перерисовать.

Было

Стало

Паша Омелёхин о процессе создания схемы метро Екатеринбурга

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

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

Паша Омелёхин о процессе создания схемы метро Екатеринбурга

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

Заключение

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

  • bureau.ru

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

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

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

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

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

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

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

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

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

  • bureau.ru

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