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

Илья Бир­ман

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

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

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

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

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

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

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

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

Оглавление

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

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

Оглавление

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

Линию спасло ото­дви­га­ние подпи­си «Крас­но­прес­нен­ская» вниз на то же рас­сто­я­ние, что было у «Меж­ду­на­род­ной» шагом ранее.

Отступа стало хва­тать, чтобы люди уви­дели, что линия уже повер­нула и сле­ду­ю­щая стан­ция — Баррикадная.

Было

Подпись Краснопресненской некоторым казалась следующей после Улицы 1905 года при чтении слева направо

Стало

После опускания подписи на более безопасное расстояние от линии люди перестали ошибаться

Линию спасло отодвигание подписи «Краснопресненская» вниз на то же расстояние, что было у «Международной» шагом ранее.

Отступа стало хватать, чтобы люди увидели, что линия уже повернула и следующая станция — Баррикадная.

Было

Подпись Краснопресненской некоторым казалась следующей после Улицы 1905 года при чтении слева направо

Стало

После опускания подписи на более безопасное расстояние от линии люди перестали ошибаться

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

Ai

Полупрозрачную обводку можно добавить в панели Appearance

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

Ai

Полупрозрачную обводку можно добавить в панели Appearance

Ошибки с Пло­ща­дью Ильича справа и Крас­но­прес­нен­ской слева мы обсу­дили выше. Под­светка пока­зы­вает, что откро­венно зале­зают в чужие зоны без­опас­но­сти Бар­ри­кад­ная, Пуш­кин­ская, Куз­нец­кий Мост.

Заметно зале­зают также Труб­ная, Суха­рев­ская, Крас­ные Ворота, Смоленская.

Всё это — места потен­ци­аль­ных ошибок.

Ошибки с Площадью Ильича справа и Краснопресненской слева мы обсудили выше. Подсветка показывает, что откровенно залезают в чужие зоны безопасности Баррикадная, Пушкинская, Кузнецкий Мост.

Заметно залезают также Трубная, Сухаревская, Красные Ворота, Смоленская.

Всё это — места потенциальных ошибок.

Теперь посмот­рим на вли­я­ние подпи­сей, пере­се­ка­ю­щих линии.

Напомню, что мы раз­де­ляем слу­чаи, когда под­пись стан­ции пере­се­кает линию, на кото­рой эта стан­ция нахо­дится, и слу­чаи, когда она пере­се­кает «чужую» линию.

Тести­ро­ва­ние пред­ска­зу­емо пока­зало, что пере­се­че­ние «своей» линии не вызы­вает про­блем: такие подпи­си люди читают, когда надо, и не читают, когда не надо. А вот с пере­се­че­нием «чужой» линии ино­гда воз­ни­кают про­блемы — раз­бе­рём их ниже.

Теперь посмотрим на влияние подписей, пересекающих линии.

Напомню, что мы разделяем случаи, когда подпись станции пересекает линию, на которой эта станция находится, и случаи, когда она пересекает «чужую» линию.

Тестирование предсказуемо показало, что пересечение «своей» линии не вызывает проблем: такие подписи люди читают, когда надо, и не читают, когда не надо. А вот с пересечением «чужой» линии иногда возникают проблемы — разберём их ниже.

Ошибаются

При сканировании Арбатско‑Покровской линии люди читают подпись «Чкаловская», хотя это станция Люблинской линии

Ошибаются

Люблинской линии мешают «Чистые пруды» — станция Сокольнической линии

Не ошибаются

Серпуховско‑Тимирязевскую линию пересекают чужие подписи «Кропоткинская» и «Арбатская», но вот мешает чтению только «Арбатская», причём при сканировании снизу вверх «Кропоткинскую» вообще не замечают — она не светится на фокус‑карте

Ошибаются

Таганско‑Краснопресненской линии мешает «Марксистская», станция Калининской линии

Не ошибаются

Но та же самая «Марксистская» не мешает сканированию Люблинской линии. Заметим, что эту линию пересекает конец подписи, а не её начало, как в предыдущем примере

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

При сканировании Арбатско‑Покровской линии люди читают подпись «Чкаловская», хотя это станция Люблинской линии

Люблинской линии мешают «Чистые пруды» — станция Сокольнической линии

Серпуховско‑Тимирязевскую линию пересекают чужие подписи «Кропоткинская» и «Арбатская», но вот мешает чтению только «Арбатская», причём при сканировании снизу вверх «Кропоткинскую» вообще не замечают — она не светится на фокус‑карте

Таганско‑Краснопресненской линии мешает «Марксистская», станция Калининской линии

Но та же самая «Марксистская» не мешает сканированию Люблинской линии. Заметим, что эту линию пересекает конец подписи, а не её начало, как в предыдущем примере

Вот несколько примеров подписей, пересекающих «чужие» линии.

Ошибаются

При сканировании Арбатско‑Покровской линии люди читают подпись «Чкаловская», хотя это станция Люблинской линии

Ошибаются

Люблинской линии мешают «Чистые пруды» — станция Сокольнической линии

Не ошибаются

Серпуховско‑Тимирязевскую линию пересекают чужие подписи «Кропоткинская» и «Арбатская», но вот мешает чтению только «Арбатская», причём при сканировании снизу вверх «Кропоткинскую» вообще не замечают — она не светится на фокус‑карте

Ошибаются

Таганско‑Краснопресненской линии мешает «Марксистская», станция Калининской линии

Не ошибаются

Но та же самая «Марксистская» не мешает сканированию Люблинской линии. Заметим, что эту линию пересекает конец подписи, а не её начало, как в предыдущем примере

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

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

Заключение

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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