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

Илья Бир­ман

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

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

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

Оглавление

    Задача 

    Принцип 

    Конструкция 

    Детали 

    Система 

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

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

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

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

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

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

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

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

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

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

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

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

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

Так себе

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

Хорошо

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

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

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

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

Так себе

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

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

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

Хорошо

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

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

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

Нормально

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

Нормально

Плохо

Хорошо

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

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

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

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

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

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

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

Нормально

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

Нормально

Плохо

Хорошо

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

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

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

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

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

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

С засечками

Таймс

Без засечек

Гельветика

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

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

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

Закрытый

Гельветика

Открытый

Калибри

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

Обра­щайте также вни­ма­ние на раз­ли­чи­мость еди­ницы 1, заглав­ной I (i) и строч­ной l (L); букв Бб и цифры 6; на пары tf, В8, O0, 3З.

Ральф Херрманн. Проектирование шрифта для навигации

Изменение шрита может привести к перевёрстке:

  • Поиск решения 

С засечками

Таймс

Без засечек

Гельветика

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

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

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

Закрытый

Гельветика

Открытый

Калибри

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

Обращайте также внимание на различимость единицы 1, заглавной I (i) и строчной l (L); букв Бб и цифры 6; на пары tf, В8, O0, 3З.

Ральф Херрманн. Проектирование шрифта для навигации

Изменение шрита может привести к перевёрстке:

  • Поиск решения 

В Бюро Гор­бу­нова спе­ци­ально для нави­га­ции спро­ек­ти­ро­вали шрифт Бюросайн.

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

Бюросайн

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

Мы исполь­зо­вали Бюро­сайн на схеме метро Санкт‑Петер­бурга. Обыч­ные стан­ции набраны несколько заужен­ным начер­та­нием, конеч­ные — более широким.

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

В Бюро Горбунова специально для навигации спроектировали шрифт Бюросайн.

Он учитывает повышенные требования к различимости знаков — очень открытый, с явными отличиями в похожих символах и щедрыми расстояниями между буквами:

Бюросайн

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

Мы использовали Бюросайн на схеме метро Санкт‑Петербурга. Обычные станции набраны несколько зауженным начертанием, конечные — более широким.

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

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

Заключение

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

  • bureau.ru

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

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

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

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

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

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

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

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

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

  • bureau.ru

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