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

Илья Бир­ман

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

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

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

Оглавление

    Задача 

    Принцип 

    Конструкция 

    Детали 

    Система 

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

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

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

Устра­нить про­светы можно, согла­со­вав скруг­ле­ния в пучке:

  • по внеш­нему скруг­ле­нию, умень­шив внутренние;

  • по сред­нему, умень­шив внут­рен­нее и уве­ли­чив внешнее;

  • по внут­рен­нему, уве­ли­чив внешние.

Больше линий в пучке — больше вариантов.

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

Делайте одинаково.

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

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

Устранить просветы можно, согласовав скругления в пучке:

  • по внешнему скруглению, уменьшив внутренние;

  • по среднему, уменьшив внутреннее и увеличив внешнее;

  • по внутреннему, увеличив внешние.

Больше линий в пучке — больше вариантов.

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

Делайте одинаково.

Стандарт диаграмм линий. Радиусы и углы
Транспорт Лондона

Стан­дарты «Транс­порта Лон­дона» пред­пи­сы­вают исполь­зо­вать пово­роты на 45° или 90° с ради­аль­ным скруг­ле­нием ради­у­сом в три тол­щины линии.

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

Стандарт диаграмм линий. Радиусы и углы
Транспорт Лондона

Стандарты «Транспорта Лондона» предписывают использовать повороты на 45° или 90° с радиальным скруглением радиусом в три толщины линии.

В пучках полагается согласовывать скругления по внутреннему, делая внешние больше.

Есть ещё один повод сде­лать исклю­че­ние из пра­вила «один радиус на всю схему».

При оди­на­ко­вом ради­усе длина дуги про­пор­ци­о­нальна углу пово­рота. Пово­рот на 45° — коро­тень­кий, на 90° — длин­нее, на 135° — слиш­ком продолжительный.

Для каж­дого угла хорошо подо­брать радиус скруг­ле­ния вруч­ную. На рисунке радиус для 45° в пол­тора раза уве­ли­чен по срав­не­нию с 90°, а для 135° — в пол­тора же раза умень­шен. Так приятнее.

Ai

Эффект Иллю­стра­тора Round corners кор­ректно рисует скруг­ле­ния с ука­зан­ным ради­у­сом только для углов в 90°. На рисунке у всех линий ука­зан один радиус скруг­ле­ния, но только у жёл­той пово­рот дей­стви­тельно построен из дуги окруж­но­сти этого ради­уса. Как видно, у пово­рота на 45° радиус намного больше, а у 135° — намного меньше, чем указано.

«Честно» ради­усы рисует инстру­мент Live corners, появив­шийся в вер­сии 17.1.

Об инструменте Live Corners

Есть ещё один повод сделать исключение из правила «один радиус на всю схему».

При одинаковом радиусе длина дуги пропорциональна углу поворота. Поворот на 45° — коротенький, на 90° — длиннее, на 135° — слишком продолжительный.

Для каждого угла хорошо подобрать радиус скругления вручную. На рисунке радиус для 45° в полтора раза увеличен по сравнению с 90°, а для 135° — в полтора же раза уменьшен. Так приятнее.

Ai

Эффект Иллюстратора Round corners корректно рисует скругления с указанным радиусом только для углов в 90°. На рисунке у всех линий указан один радиус скругления, но только у жёлтой поворот действительно построен из дуги окружности этого радиуса. Как видно, у поворота на 45° радиус намного больше, а у 135° — намного меньше, чем указано.

«Честно» радиусы рисует инструмент Live corners, появившийся в версии 17.1.

Об инструменте Live Corners

При ради­аль­ном скруг­ле­нии линия состав­ля­ется из трёх при­став­лен­ных друг к другу фраг­мен­тов: отрезка пря­мой, дуги окруж­но­сти, снова отрезка пря­мой. Это про­ти­во­есте­ственно, реаль­ные объ­екты так не гнутся.

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

При радиальном скруглении линия составляется из трёх приставленных друг к другу фрагментов: отрезка прямой, дуги окружности, снова отрезка прямой. Это противоестественно, реальные объекты так не гнутся.

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

В начале главы я гово­рил о том, что «сло­ман­ные» линии выгля­дят плохо. Линии, скруг­лён­ные ради­у­сом, тоже в каком‑то смысле сло­маны — доста­точно один раз уви­деть места, где дуга окруж­но­сти «при­де­лы­ва­ется» к пря­мым отрез­кам, и раз­ви­деть их уже не получится.

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

В начале главы я говорил о том, что «сломанные» линии выглядят плохо. Линии, скруглённые радиусом, тоже в каком‑то смысле сломаны — достаточно один раз увидеть места, где дуга окружности «приделывается» к прямым отрезкам, и развидеть их уже не получится.

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

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

Заключение

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

  • bureau.ru

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

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

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

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

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

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

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

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

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

  • bureau.ru

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