🔍 Начните печатать, чтобы искать по книге или перейти к нужной странице по номеру
Удобно листать не только прокруткой, но и клавишами‑стрелками:
Представляем первое в мире практическое руководство по дизайну транспортных схем. В книге говорится об истории появления схем, о принципах их устройства, о планировании развития схемы вместе с транспортной системой. Автор рассказывает о технических приёмах — прокладывании линий, способах обозначения остановок, подборе цветов и шрифтов, вёрстке.
Задача
Принцип
Конструкция
Детали
Система
Представляем первое в мире практическое руководство по дизайну транспортных схем. В книге говорится об истории появления схем, о принципах их устройства, о планировании развития схемы вместе с транспортной системой. Автор рассказывает о технических приёмах — прокладывании линий, способах обозначения остановок, подборе цветов и шрифтов, вёрстке.
Задача
Принцип
Конструкция
Детали
Система
Парижские трамваи, 1921. Транзитмэп
Роттердам, ~1974, «Тел‑дизайн». Транзитмэп
При низкой детализации на схеме могут быть обозначены только конечные. В Париже это скромные квадратики, а в Лондоне, наоборот, подчёркнуто длинные тупики. Экстремальный вариант — вообще не обозначать конечные и ограничиться лишь подписями, как в Роттердаме.
Ещё пример — Челябинск, ~1977:
Геометрия
Лондонские троллейбусы и трамваи,
дизайнер Фредерик Элстон, 1948.
Майк Эшворт
При низкой детализации на схеме могут быть обозначены только конечные. В Париже это скромные квадратики, а в Лондоне, наоборот, подчёркнуто длинные тупики. Экстремальный вариант — вообще не обозначать конечные и ограничиться лишь подписями, как в Роттердаме.
Парижские трамваи, 1921. Транзитмэп
Роттердам, ~1974, «Тел‑дизайн». Транзитмэп
Лондонские троллейбусы и трамваи,
дизайнер Фредерик Элстон, 1948.
Майк Эшворт
Ещё пример — Челябинск, ~1977:
Геометрия
Транспорт Лондона, 2016
Пересадки в полтора раза важнее обычных остановок: можно не только зайти и выйти, но и пересесть. Хорошее обозначение — выколотый кружок. Под одним кружком нейтрального чёрного цвета могут пройти несколько линий, даже если одна из них сама чёрная.
Транспорт Лондона, 2016
Пересадки в полтора раза важнее обычных остановок: можно не только зайти и выйти, но и пересесть. Хорошее обозначение — выколотый кружок. Под одним кружком нейтрального чёрного цвета могут пройти несколько линий, даже если одна из них сама чёрная.
Лондон, 1950, дизайнер Генри Бек. Рамси
Платформы одного пересадочного узла иногда обозначают отдельными кружками — обычно цве́та их линий. Если все кружки касаются друг друга, то для изображения их связи достаточно прорезать белые «коридорчики».
Санкт‑Петербург. Студия Лебедева, 2015
Раздельное изображение платформ помогает показать пересадку между параллельными линиями или подписать платформы, если они называются по‑разному. Ещё так можно намекнуть на их географическое расположение.
Как я изображал одним кружком разноимённые платформы:
Поиск решения
Лондон, 1950, дизайнер Генри Бек. Рамси
Платформы одного пересадочного узла иногда обозначают отдельными кружками — обычно цве́та их линий. Если все кружки касаются друг друга, то для изображения их связи достаточно прорезать белые «коридорчики».
Санкт‑Петербург. Студия Лебедева, 2015
Раздельное изображение платформ помогает показать пересадку между параллельными линиями или подписать платформы, если они называются по‑разному. Ещё так можно намекнуть на их географическое расположение.
Как я изображал одним кружком разноимённые платформы:
Поиск решения
Сначала кажется, что надо решить на уровне принципа: изображать ли весь узел одним кружком или каждую платформу отдельным. Но на практике выясняется, что такие решения намного лучше принимать локально, по возможности экономя кружки.
Рассмотрим этот лондонский фрагмент.
Снизу каждая из трёх пересадок экономно показана одним кружком. А вот Эджвер‑роуд показан двумя касающимися кружками, причём каждый из них соответствует сразу паре линий. Если бы здесь оставили один кружок и воткнули в него жёлто‑зелёную пару, то стало бы неясно, как себя ведёт жёлтая линия. А так видно, что если ты едешь с Бейкер‑стрит и хочешь уехать к Ноттинг‑Хилл‑гейту, то надо пересесть.
Когда кружки друг друга не касаются, коридорчики приходится удлинять. Кажется, на Бейкер‑стрит можно было бы исхитриться и обойтись одним кружком, введя дополнительный изгиб на серой линии.
Но на Паддингтоне снова параллельные линии, и без гантелей никак. Кстати, соседняя пересадка между направлениями жёлтой линии на Эджвер‑роуд выглядит короче, чем на Паддингтоне. Это соответствует действительности: в первом случае оба направления идут по одним рельсам, и надо будет просто пересесть на следующий поезд, а во втором придётся пройти через весь вокзал на другую его сторону. Так что длиной коридорчика можно намекнуть, где лучше пересесть.
Марлебон — особый случай, это пересадка на железную дорогу, которая сама здесь не изображена.
А сверху уже знакомая нам ситуация: на Вест‑Хемпстеде обычный кружок на пересечении линий, а на Финчли‑роуд — гантеля, из‑за параллельности линий.
Итак, изобразить каждую пересадку одним кружком не получается. Но очевидно, что если использовать отдельный кружок для каждой линии, то этот фрагмент визуально усложнится в разы. Нелогично, что пересадка из трёх линий на Оксфорд‑серкусе выглядит проще, чем пересадка из двух на Финчли‑роуд. Но если сделать логично, схема станет хуже.
Транспорт Лондона, 2012
Транспорт Лондона, 2012
Транспорт Лондона, 2012
Транспорт Лондона, 2012
Транспорт Лондона, 2012
Транспорт Лондона, 2012
Транспорт Лондона, 2012
Транспорт Лондона, 2012
Транспорт Лондона, 2012
Транспорт Лондона, 2012
Транспорт Лондона, 2012
Транспорт Лондона, 2012
Сначала кажется, что надо решить на уровне принципа: изображать ли весь узел одним кружком или каждую платформу отдельным. Но на практике выясняется, что такие решения намного лучше принимать локально, по возможности экономя кружки.
Рассмотрим этот лондонский фрагмент.
Снизу каждая из трёх пересадок экономно показана одним кружком. А вот Эджвер‑роуд показан двумя касающимися кружками, причём каждый из них соответствует сразу паре линий. Если бы здесь оставили один кружок и воткнули в него жёлто‑зелёную пару, то стало бы неясно, как себя ведёт жёлтая линия. А так видно, что если ты едешь с Бейкер‑стрит и хочешь уехать к Ноттинг‑Хилл‑гейту, то надо пересесть.
Когда кружки друг друга не касаются, коридорчики приходится удлинять. Кажется, на Бейкер‑стрит можно было бы исхитриться и обойтись одним кружком, введя дополнительный изгиб на серой линии.
Но на Паддингтоне снова параллельные линии, и без гантелей никак. Кстати, соседняя пересадка между направлениями жёлтой линии на Эджвер‑роуд выглядит короче, чем на Паддингтоне. Это соответствует действительности: в первом случае оба направления идут по одним рельсам, и надо будет просто пересесть на следующий поезд, а во втором придётся пройти через весь вокзал на другую его сторону. Так что длиной коридорчика можно намекнуть, где лучше пересесть.
Марлебон — особый случай, это пересадка на железную дорогу, которая сама здесь не изображена.
А сверху уже знакомая нам ситуация: на Вест‑Хемпстеде обычный кружок на пересечении линий, а на Финчли‑роуд — гантеля, из‑за параллельности линий.
Итак, изобразить каждую пересадку одним кружком не получается. Но очевидно, что если использовать отдельный кружок для каждой линии, то этот фрагмент визуально усложнится в разы. Нелогично, что пересадка из трёх линий на Оксфорд‑серкусе выглядит проще, чем пересадка из двух на Финчли‑роуд. Но если сделать логично, схема станет хуже.
Транспорт Лондона, 2012
Официальная схема линий Московского метро. Студия Лебедева, 2018
Несколько названий трудно подружить с одним кружком:
Поиск решения
Когда каждая платформа изображена своим кружком, можно попробовать учесть топологию пересадочного узла:
Поиск решения
Замусорено
В Москве часто платформа каждой линии имеет своё название, поэтому на пересадках возникает много кружков. Чёрный цвет бы слишком замусоривал схему.
Чисто
С цветными кружками чище и читаемее: сразу очевидно, между какими линиями пересадка. Стены коридорчиков покрашены градиентом — красиво!
Замусорено
В Москве часто платформа каждой линии имеет своё название, поэтому на пересадках возникает много кружков. Чёрный цвет бы слишком замусоривал схему.
Чисто
С цветными кружками чище и читаемее: сразу очевидно, между какими линиями пересадка. Стены коридорчиков покрашены градиентом — красиво!
Официальная схема линий Московского метро. Студия Лебедева, 2018
Несколько названий трудно подружить с одним кружком:
Поиск решения
Когда каждая платформа изображена своим кружком, можно попробовать учесть топологию пересадочного узла:
Поиск решения
С одной стороны, транспортная схема — утилитарная вещь. Её проектирование — долгая, кропотливая работа, требующая большого внимания и терпения. Для многих в ней нет ничего вдохновляющего.
С другой, транспортная схема — вершина дизайна. Здесь соединяются информационный и графический дизайн, навигационное проектирование, типографика и вёрстка, работа с цветом и текстурой, редактура. «Провал» даже в одном из аспектов — скажем, плохие пиктограммы — портит результат целиком.
Дизайнеру нужно представить очень сложную, многослойную информацию, но в отличие от профессиональных форматов вроде архитектурного чертежа или финансового отчёта, схема должна быть понятной даже неподготовленному читателю.
Так что для многих, как для меня, проектирование схемы — захватывающее занятие. Оно приносит удовлетворение, похожее на то, что чувствуют люди, способные неделями собирать картины из доминошек или вязать сложную одежду. Недаром есть много фантазийных схем, которые ни для чего не нужны, кроме того, чтобы дарить авторам кайф их рисовать, а читателям — кайф их рассматривать.
Раз вы дочитали книгу до конца, думаю, вы понимаете, о чём я.
Транспортная схема Вестероса из «Игры престолов»,
дизайнер Майкл Тызник
Схема маршрутов Средиземья из «Властелина колец»,
дизайнер Кристиан Тейт
Московское метро,
художник Дмитрий Раков
С одной стороны, транспортная схема — утилитарная вещь. Её проектирование — долгая, кропотливая работа, требующая большого внимания и терпения. Для многих в ней нет ничего вдохновляющего.
С другой, транспортная схема — вершина дизайна. Здесь соединяются информационный и графический дизайн, навигационное проектирование, типографика и вёрстка, работа с цветом и текстурой, редактура. «Провал» даже в одном из аспектов — скажем, плохие пиктограммы — портит результат целиком.
Дизайнеру нужно представить очень сложную, многослойную информацию, но в отличие от профессиональных форматов вроде архитектурного чертежа или финансового отчёта, схема должна быть понятной даже неподготовленному читателю.
Так что для многих, как для меня, проектирование схемы — захватывающее занятие. Оно приносит удовлетворение, похожее на то, что чувствуют люди, способные неделями собирать картины из доминошек или вязать сложную одежду. Недаром есть много фантазийных схем, которые ни для чего не нужны, кроме того, чтобы дарить авторам кайф их рисовать, а читателям — кайф их рассматривать.
Раз вы дочитали книгу до конца, думаю, вы понимаете, о чём я.
Транспортная схема Вестероса из «Игры престолов»,
дизайнер Майкл Тызник
Схема маршрутов Средиземья из «Властелина колец»,
дизайнер Кристиан Тейт
Московское метро,
художник Дмитрий Раков
Бирман Илья Борисович
Дизайн транспортных схем
Издатель Артём Горбунов
Редактор Сёма Сёмочкин
Фотограф Владимир Колпаков
Разработчики Рустам Кулматов,
Василий Половнёв, Мария Попова,
Юрий Мазурский и Андрей Ерес
Тестировщик Сергей Фролов
Помощники Алан Каджаев,
Намор Вотилав, Никита Щербаков,
Виталий Тезяев
Книга набрана шрифтом «Бюросанс»
Дизайн‑бюро
дом 36, строение 2
Москва, Россия, 127015
Бирман Илья Борисович
Дизайн транспортных схем
Издатель Артём Горбунов
Редактор Сёма Сёмочкин
Фотограф Владимир Колпаков
Разработчики Рустам Кулматов,
Василий Половнёв, Мария Попова,
Юрий Мазурский и Андрей Ерес
Тестировщик Сергей Фролов
Помощники Алан Каджаев,
Намор Вотилав, Никита Щербаков,
Виталий Тезяев
Книга набрана шрифтом «Бюросанс»
Дизайн‑бюро
дом 36, строение 2
Москва, Россия, 127015