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

Илья Бир­ман

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

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

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

Оглавление

    Задача 

    Принцип 

    Конструкция 

    Детали 

    Система 

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

Арбатско‑Покровскую линию на этой схеме пере­се­кает чужая под­пись «Чка­лов­ская» — можно пред­по­ло­жить, что она будет мешать при чте­нии линии.

Сразу хочется решить про­блему: как‑ни­будь изо­гнуть линию вокруг подписи.

К сожа­ле­нию, это не спа­сает: под­пись «Чка­лов­ская» оста­ётся на пути взгляда после подпи­сей «Бау­ман­ская» и «Кур­ская» — и мешает чтению.

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

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

Арбатско‑Покровскую линию на этой схеме пересекает чужая подпись «Чкаловская» — можно предположить, что она будет мешать при чтении линии.

Сразу хочется решить проблему: как‑нибудь изогнуть линию вокруг подписи.

К сожалению, это не спасает: подпись «Чкаловская» остаётся на пути взгляда после подписей «Бауманская» и «Курская» — и мешает чтению.

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

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

Когда про­блема со «спис­ками» най­дена, её не все­гда про­сто исправить.

На Сокольнической линии больше всего про­блем было с Охот­ным Рядом в самом центре.

Участ­ники тести­ро­ва­ния про­пус­кали его очень часто, а вме­сто него назы­вали чужую Теат­раль­ную. Ино­гда назы­вали Теат­раль­ную, и только потом Охот­ный Ряд.

Про­блема сохра­ни­лась даже после того, как под­пись «Охот­ный Ряд» пре­дельно надви­нули на линию, а под­пись «Теат­раль­ная» отта­щили насколько воз­можно правее.

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

Помогло только ради­каль­ное надви­га­ние подпи­си «Охот­ный Ряд» с пере­се­че­нием линии, чтобы её стало невоз­можно не заметить.

Ошибаются

Ошибаются

Ошибаются

Ошибаются

Не ошибаются

Ошибаются

Ошибаются

Ошибаются

Ошибаются

Не ошибаются

Когда проблема со «списками» найдена, её не всегда просто исправить.

На Сокольнической линии больше всего проблем было с Охотным Рядом в самом центре.

Участники тестирования пропускали его очень часто, а вместо него называли чужую Театральную. Иногда называли Театральную, и только потом Охотный Ряд.

Проблема сохранилась даже после того, как подпись «Охотный Ряд» предельно надвинули на линию, а подпись «Театральная» оттащили насколько возможно правее.

Даже в этом втором варианте некоторые вообще не смотрят на подпись «Охотный Ряд», читая линию, а некоторые подолгу мечутся между ней и «Театральной», пытаясь понять, какая из подписей верна. На следующем развороте показаны треки взгляда отдельных участников, где можно это увидеть.

Помогло только радикальное надвигание подписи «Охотный Ряд» с пересечением линии, чтобы её стало невозможно не заметить.

1

2

3

4

5

Охотный Ряд пропущен!

6

7

И снова Охотный Ряд пропущен!

8

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

Как видим, два участ­ника из восьми вообще не заме­тили под­пись «Охот­ный Ряд».

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

Как видим, два участника из восьми вообще не заметили подпись «Охотный Ряд».

1

2

3

4

5

Охотный Ряд пропущен!

6

7

И снова Охотный Ряд пропущен!

8

Символы

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

Эта глава могла бы назы­ваться «пик­то­граммы», но всё‑таки я решил, что номер марш­рута в кружке — это ещё не пик­то­грамма, а лого­тип транс­порт­ной ком­па­нии — уже не пиктограмма.

Сим­вол ино­гда ком­пакт­нее и зача­стую узна­ва­е­мее слова.

Символы

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

Эта глава могла бы называться «пиктограммы», но всё‑таки я решил, что номер маршрута в кружке — это ещё не пиктограмма, а логотип транспортной компании — уже не пиктограмма.

Символ иногда компактнее и зачастую узнаваемее слова.

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

Чтобы умень­шить шум, группу сим­во­лов можно склеить:

Если склеить символы ещё и с линией:

  • Конечные 

Ранее о шуме:

  • Пучки 

Денвер, дизайнер Кэмерон Бут

Мельбурн. Общественный транспорт Виктории

Копенгаген, дизайнер Марко Берендс

Скоростной транспорт Берлина

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

Чтобы уменьшить шум, группу символов можно склеить:

Денвер, дизайнер Кэмерон Бут

Мельбурн. Общественный транспорт Виктории

Копенгаген, дизайнер Марко Берендс

Скоростной транспорт Берлина

Если склеить символы ещё и с линией:

  • Конечные 

Ранее о шуме:

  • Пучки 

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

Заключение

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

  • bureau.ru

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

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

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

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

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

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

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

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

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

  • bureau.ru

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