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

Илья Бир­ман

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

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

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

Оглавление

    Задача 

    Принцип 

    Конструкция 

    Детали 

    Система 

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

Для ритма мы стре­мимся сде­лать рас­сто­я­ние между стан­ци­ями одинаковыми.

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

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

Но если тянуть при­хо­дится слиш­ком сильно, хаки не помо­гут: постра­дает тек­стура и место ста­нет рыхлым.

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

О выравнивании расстояний между станциями:

  • Ритм 

Общее важнее частного:

  • Свобода 

Для ритма мы стремимся сделать расстояние между станциями одинаковыми.

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

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

Но если тянуть приходится слишком сильно, хаки не помогут: пострадает текстура и место станет рыхлым.

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

О выравнивании расстояний между станциями:

  • Ритм 

Общее важнее частного:

  • Свобода 

Пого­во­рим об исполь­зо­ва­нии углов формата.

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

Если рас­пла­стать схему, будет проще взять её в пря­мо­уголь­ник. Но чикаг­ская схема гео­гра­фична, поэтому так сде­лать нельзя.

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

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

О дырах и комках:

  • Текстура 

О важности углов:
Артём Горбунов. Типографика и вёрстка. Правило якорных объектов

Си‑ти‑эй

Си‑ти‑эй

Си‑ти‑эй

Си‑ти‑эй

Поговорим об использовании углов формата.

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

Если распластать схему, будет проще взять её в прямоугольник. Но чикагская схема географична, поэтому так сделать нельзя.

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

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

Си‑ти‑эй

О дырах и комках:

  • Текстура 

О важности углов:
Артём Горбунов. Типографика и вёрстка. Правило якорных объектов

Похо­жая на чикаг­скую ситу­а­ция — в Вол­го­граде. Но тут дизай­не­рам уда­лось сде­лать схемы опрятнее.

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

Похожая на чикагскую ситуация — в Волгограде. Но тут дизайнерам удалось сделать схемы опрятнее.

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

Метро

Вот мате­риал, кото­рый обычно исполь­зу­ется для «заты­ка­ния углов»:

  • заголовок,

  • легенда,

  • спи­сок маршрутов,

  • часы работы,

  • расписание,

  • герб города,

  • знак транс­порт­ного ведомства,

  • объ­яс­не­ния особенностей,

  • пра­вила проезда,

  • теле­фон для справок,

  • куар­код сайта или приложения,

  • дата печати,

  • под­пись дизайнера.

В примерах использованы иконки Сергея Чикина

Metro

Вот материал, который обычно используется для «затыкания углов»:

  • заголовок,

  • легенда,

  • список маршрутов,

  • часы работы,

  • расписание,

  • герб города,

  • знак транспортного ведомства,

  • объяснения особенностей,

  • правила проезда,

  • телефон для справок,

  • куаркод сайта или приложения,

  • дата печати,

  • подпись дизайнера.

В примерах использованы иконки Сергея Чикина

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Стало

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

Заключение

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

  • bureau.ru

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

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

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

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

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

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

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

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

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

  • bureau.ru

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