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

Илья Бир­ман

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

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

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

Оглавление

    Задача 

    Принцип 

    Конструкция 

    Детали 

    Система 

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

Версия 3.727

Версия 3.727

Версия 3.728

Версия 3.732

На схеме мос­ков­ского метро 2013 года я пытался рас­ста­вить подпи­си стан­ций монорельса.

В этом чер­но­вике была стран­ность: «Ул. Ака­де­мика Коро­лёва» была выров­нена цен­тром по сво­ему пеньку, но лати­ница была выров­нена по левому краю этой подпи­си. Это не кри­ми­нал, но такое вырав­ни­ва­ние выгля­дит неустой­чи­вым. Также я заме­тил, что можно изба­виться от сокра­ще­ния «Ул.», и всё равно всё влезет.

После согла­со­ва­ния вырав­ни­ва­ния и избав­ле­ния от сокра­ще­ний пенёк от «Теле­цен­тра» попал под «Улицу Ака­де­мика Коро­лёва», а её пенёк залез на тер­ри­то­рию «Выста­воч­ного цен­тра». Стало трудно пони­мать, что к чему.

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

О проекте

Версия 3.727

Версия 3.727

Версия 3.728

Версия 3.732

На схеме московского метро 2013 года я пытался расставить подписи станций монорельса.

В этом черновике была странность: «Ул. Академика Королёва» была выровнена центром по своему пеньку, но латиница была выровнена по левому краю этой подписи. Это не криминал, но такое выравнивание выглядит неустойчивым. Также я заметил, что можно избавиться от сокращения «Ул.», и всё равно всё влезет.

После согласования выравнивания и избавления от сокращений пенёк от «Телецентра» попал под «Улицу Академика Королёва», а её пенёк залез на территорию «Выставочного центра». Стало трудно понимать, что к чему.

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

О проекте

Плохо

Так себе

Хорошо

Троллейбусы Иркутска, дизайнер Андрей Смирнов

Ночные маршруты Брюсселя, СТИБ

Поезда Копенгагена, дизайнеры Кристофер Торбьёрн Бек и Паша Омелёхин

На гори­зон­таль­ных участ­ках подпи­си рас­став­ляют пооче­рёдно то над, то под линией для эко­но­мии места. Но на диа­го­наль­ных и вер­ти­каль­ных участ­ках ска­чу­щие туда‑сюда подпи­си затруд­няют чте­ние — лучше их ста­вить в одну сторону.

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

Под­писи справа выгля­дят при­выч­нее и ком­форт­нее для чте­ния бла­го­даря более есте­ствен­ному выравниваю.

Конечно, в язы­ках с пись­мом справа налево — нао­бо­рот. При этом, если при­хо­дится сов­ме­щать раз­но­на­прав­лен­ные языки, не стоит рас­по­ла­гать подпи­си по раз­ные сто­роны линии, это выгля­дит глу­по­вато. Лучше под­чи­нить всё основ­ному языку.

Плохо

Троллейбусы Иркутска, дизайнер Андрей Смирнов

На горизонтальных участках подписи расставляют поочерёдно то над, то под линией для экономии места. Но на диагональных и вертикальных участках скачущие туда‑сюда подписи затрудняют чтение — лучше их ставить в одну сторону.

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

Так себе

Ночные маршруты Брюсселя, СТИБ

Хорошо

Поезда Копенгагена, дизайнеры Кристофер Торбьёрн Бек и Паша Омелёхин

Подписи справа выглядят привычнее и комфортнее для чтения благодаря более естественному выравниваю.

Конечно, в языках с письмом справа налево — наоборот. При этом, если приходится совмещать разнонаправленные языки, не стоит располагать подписи по разные стороны линии, это выглядит глуповато. Лучше подчинить всё основному языку.

На этом вымыш­лен­ном при­мере под­пись «Сидо­ров­ский буль­вар» отно­сится к двум пень­кам. Так делать не стоит: под­пись должна опре­де­литься, какой сто­ро­ной она при­вя­зана к своей остановке.

Сей­час кажется, что между «Сидо­ров­скими буль­ва­рами» на сосед­них линиях рас­сто­я­ние в пять раз больше, чем до сосед­него «Пет­рова». Может, так и есть, но уве­рен­но­сти в этом нет.

Ещё здесь назва­ние оста­новки рабо­тает как рас­порка между лини­ями. Гео­мет­рия схемы зави­сит от длины подпи­си: если схему пере­ве­сти на дру­гой язык или пере­име­но­вать оста­новку, сдви­нутся линии. Даже сосед­ние оста­новки будет сложно пере­име­но­вать: вдруг назва­ние пере­ста­нет вле­зать в отве­дён­ное место?

А здесь под­пись «Ста­дион Моно­лит» вроде бы, как и её соседи, при­вя­зана к линии пра­вым краем. Но при этом к её левому краю под­хо­дит пунк­тир­ная линия с под­пи­сью «1 минута». Пред­по­ло­жи­тельно, дизай­неры имели в виду, что от оста­новки Моно­лит марш­рута 13 до оста­новки Ста­дион Моно­лит марш­рута 2 — минута пеш­ком. Но выгля­дит всё так, будто это 1 минута только до левого края подпи­си «Ста­дион Моно­лит», а потом до самой оста­новки ещё топать и топать.

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

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

На этом вымышленном примере подпись «Сидоровский бульвар» относится к двум пенькам. Так делать не стоит: подпись должна определиться, какой стороной она привязана к своей остановке.

Сейчас кажется, что между «Сидоровскими бульварами» на соседних линиях расстояние в пять раз больше, чем до соседнего «Петрова». Может, так и есть, но уверенности в этом нет.

Ещё здесь название остановки работает как распорка между линиями. Геометрия схемы зависит от длины подписи: если схему перевести на другой язык или переименовать остановку, сдвинутся линии. Даже соседние остановки будет сложно переименовать: вдруг название перестанет влезать в отведённое место?

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

А здесь подпись «Стадион Монолит» вроде бы, как и её соседи, привязана к линии правым краем. Но при этом к её левому краю подходит пунктирная линия с подписью «1 минута». Предположительно, дизайнеры имели в виду, что от остановки Монолит маршрута 13 до остановки Стадион Монолит маршрута 2 — минута пешком. Но выглядит всё так, будто это 1 минута только до левого края подписи «Стадион Монолит», а потом до самой остановки ещё топать и топать.

Нужно перерисовать так, чтобы 1 минута была именно до остановки, а не до края подписи. Длина подписи должна перестать играть роль в оценке этой близости.

Так себе

Городской транспорт Киева, дизайнер Костя Череповский

Хорошо

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

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

Лучше сна­чала рас­ста­вить основ­ные подпи­си, а потом уже вто­ро­сте­пен­ные. В дан­ном слу­чае — поме­нять местами подпи­си Улицы Щусева.

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

Так себе

Городской транспорт Киева, дизайнер Костя Череповский

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

Лучше сначала расставить основные подписи, а потом уже второстепенные. В данном случае — поменять местами подписи Улицы Щусева.

Хорошо

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

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

Слишком далеко

Нормально

Слишком близко

Нормально

Плохо

Хорошо

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

На вол­го­град­ской схеме, кото­рую мы видели выше, ещё одна про­блема с подпи­ся­ми: они слиш­ком далеко от оста­но­вок, что затруд­няет чтение.

Для одно­знач­ной связи под­пись сле­дует раз­ме­щать близко к объекту.

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

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

Артём Горбунов. Типографика и вёрстка. Глава «Правило внутреннего и внешнего»

Слишком далеко

Нормально

Слишком близко

Нормально

Плохо

Хорошо

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

На волгоградской схеме, которую мы видели выше, ещё одна проблема с подписями: они слишком далеко от остановок, что затрудняет чтение.

Для однозначной связи подпись следует размещать близко к объекту.

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

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

Артём Горбунов. Типографика и вёрстка. Глава «Правило внутреннего и внешнего»

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

Заключение

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

  • bureau.ru

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

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

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

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

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

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

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

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

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

  • bureau.ru

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