🔍 Начните печатать, чтобы искать по книге или перейти к нужной странице по номеру
Удобно листать не только прокруткой, но и клавишами‑стрелками:
Представляем первое в мире практическое руководство по дизайну транспортных схем. В книге говорится об истории появления схем, о принципах их устройства, о планировании развития схемы вместе с транспортной системой. Автор рассказывает о технических приёмах — прокладывании линий, способах обозначения остановок, подборе цветов и шрифтов, вёрстке.
Задача
Принцип
Конструкция
Детали
Система
Представляем первое в мире практическое руководство по дизайну транспортных схем. В книге говорится об истории появления схем, о принципах их устройства, о планировании развития схемы вместе с транспортной системой. Автор рассказывает о технических приёмах — прокладывании линий, способах обозначения остановок, подборе цветов и шрифтов, вёрстке.
Задача
Принцип
Конструкция
Детали
Система
Предположим, что у нас есть несколько линий разной толщины и стиля, и они изображают маршруты, идущие по одной улице. Из таких линий будет трудно сделать пучок.
Если склеить линии, становится непонятно, что считать отдельным маршрутом.
Но и с прожилками смотрится неоднозначно: пару тонких
Может помочь группировка похожих линий в отдельные пучки, отделённые расстоянием.
Также хорошо бы убрать полностью прозрачные части линий, заменив их светлыми цветами.
О стиле линий:
Линии
Предположим, что у нас есть несколько линий разной толщины и стиля, и они изображают маршруты, идущие по одной улице. Из таких линий будет трудно сделать пучок.
Если склеить линии, становится непонятно, что считать отдельным маршрутом.
Но и с прожилками смотрится неоднозначно: пару тонких
Может помочь группировка похожих линий в отдельные пучки, отделённые расстоянием.
Также хорошо бы убрать полностью прозрачные части линий, заменив их светлыми цветами.
О стиле линий:
Линии
Если линии с пунктиром или другим узором, то в пучках надо следить, чтобы элементы узора не рассинхронизировались.
Узоры часто «съезжают» из‑за разницы в траекториях и длинах линий.
Следует подружить узоры, сдвинув тот, что съехал, вдоль линии. Это легко сделать, если линия должна подружиться с одним‑единственным пучком.
Но обычно линии выходят из одних пучков и вливаются в другие. Настроишь в одном пучке — съедет в другом.
Приходится мухлевать, немного меняя шаг узора на самом повороте.
Если линии с пунктиром или другим узором, то в пучках надо следить, чтобы элементы узора не рассинхронизировались.
Узоры часто «съезжают» из‑за разницы в траекториях и длинах линий.
Следует подружить узоры, сдвинув тот, что съехал, вдоль линии. Это легко сделать, если линия должна подружиться с одним‑единственным пучком.
Но обычно линии выходят из одних пучков и вливаются в другие. Настроишь в одном пучке — съедет в другом.
Приходится мухлевать, немного меняя шаг узора на самом повороте.
Черновик
В 2006 году я начал рисовать схему челябинских троллейбусов и трамваев. Со всеми маршрутами и уже упорядоченными пучками схема выглядела так.
Троллейбусы были обозначены сплошными, а трамваи — двойными линиями («рельсами»). Между линиями в пучках были прожилки.
Черновик
В 2006 году я начал рисовать схему челябинских троллейбусов и трамваев. Со всеми маршрутами и уже упорядоченными пучками схема выглядела так.
Троллейбусы были обозначены сплошными, а трамваи — двойными линиями («рельсами»). Между линиями в пучках были прожилки.
Работа над челябинской схемой — иллюстрация последовательного применения принципов, изложенных выше.
Увидев мой черновик, Артём Горбунов предложил, среди прочего, избавиться от белых прожилок между линиями. Особенно из‑за них вибрировали большие перекрёстки в центре: Алое поле и Площадь Революции.
Об оптической вибрации
Чтобы ничего не двигать, я сначала попробовал просто «надуть» линии до исчезновения прожилок.
По моим ощущениями, линии стали слишком толстыми. Синий и коричневый маршруты троллейбуса слились. Обозначение трамвая двойной линией стало проблематичным: прожилки есть, но не между линиями, а внутри них. Захотелось вернуть прожилки между линиями.
Но первое движение в устаканившемся дизайне часто его «ломает». Важно доводить эксперименты до конца, а не сдаваться сразу.
О слишком толстых линиях
Следуя совету Артёма, я стал подбирать другие цвета, добиваясь хорошей различимости линий во всех пучках в городе. Кроме этого, я постепенно уменьшал толщину всех линий.
О подборе цветов в пучке
Потом успокаивал остановки, менял обозначение трамваев на беспрожилочное. Трамваи с точечками стало проще воспринимать цельными линиями, но выглядеть они стали шумнее — надо было искать что‑то ещё.
Об успокоении стиля линий
В опубликованном в 2008 году варианте схема стала несравненно чище и опрятнее, при этом проблемы с различимостью линий удалось устранить — глазу легко следить за любой из них. Теперь и в голову не придёт возвращать прожилки! Трамваи в результате тоже стали почище, хотя и небезупречными.
Работа над челябинской схемой — иллюстрация последовательного применения принципов, изложенных выше.
Увидев мой черновик, Артём Горбунов предложил, среди прочего, избавиться от белых прожилок между линиями. Особенно из‑за них вибрировали большие перекрёстки в центре: Алое поле и Площадь Революции.
Об оптической вибрации
Чтобы ничего не двигать, я сначала попробовал просто «надуть» линии до исчезновения прожилок.
По моим ощущениями, линии стали слишком толстыми. Синий и коричневый маршруты троллейбуса слились. Обозначение трамвая двойной линией стало проблематичным: прожилки есть, но не между линиями, а внутри них. Захотелось вернуть прожилки между линиями.
Но первое движение в устаканившемся дизайне часто его «ломает». Важно доводить эксперименты до конца, а не сдаваться сразу.
О слишком толстых линиях
Следуя совету Артёма, я стал подбирать другие цвета, добиваясь хорошей различимости линий во всех пучках в городе. Кроме этого, я постепенно уменьшал толщину всех линий.
О подборе цветов в пучке
Потом успокаивал остановки, менял обозначение трамваев на беспрожилочное. Трамваи с точечками стало проще воспринимать цельными линиями, но выглядеть они стали шумнее — надо было искать что‑то ещё.
Об успокоении стиля линий
В опубликованном в 2008 году варианте схема стала несравненно чище и опрятнее, при этом проблемы с различимостью линий удалось устранить — глазу легко следить за любой из них. Теперь и в голову не придёт возвращать прожилки! Трамваи в результате тоже стали почище, хотя и небезупречными.
Трамваи Екатеринбурга, Таня Черкиз, 2009
Обратите внимание на проблемы с подбором цветов в пучках: многие соседние линии сливаются в одну
Троллейбусы Рязани, Александр Дейков, 2011
Трамваи Нижнего Тагила,
Анатолий Пивоваров, 2017
Трамваи Уфы, Денис Домрачев, 2016
Транспорт Севастополя,
Данил Сидельников, 2011
Транспорт Кирова, Александр Глушаков, 2017
Трамваи Краснодара, Александр Сорокин, 2010
Получившаяся схема челябинских троллейбусов и трамваев на несколько лет стала образцом для подражания — многие дизайнеры начали изображать транспорт своих городов.
Получившаяся схема челябинских троллейбусов и трамваев на несколько лет стала образцом для подражания — многие дизайнеры начали изображать транспорт своих городов.
Трамваи Екатеринбурга, Таня Черкиз, 2009
Обратите внимание на проблемы с подбором цветов в пучках: многие соседние линии сливаются в одну
Троллейбусы Рязани, Александр Дейков, 2011
Трамваи Нижнего Тагила,
Анатолий Пивоваров, 2017
Трамваи Уфы, Денис Домрачев, 2016
Транспорт Севастополя,
Данил Сидельников, 2011
Транспорт Кирова, Александр Глушаков, 2017
Трамваи Краснодара, Александр Сорокин, 2010
С одной стороны, транспортная схема — утилитарная вещь. Её проектирование — долгая, кропотливая работа, требующая большого внимания и терпения. Для многих в ней нет ничего вдохновляющего.
С другой, транспортная схема — вершина дизайна. Здесь соединяются информационный и графический дизайн, навигационное проектирование, типографика и вёрстка, работа с цветом и текстурой, редактура. «Провал» даже в одном из аспектов — скажем, плохие пиктограммы — портит результат целиком.
Дизайнеру нужно представить очень сложную, многослойную информацию, но в отличие от профессиональных форматов вроде архитектурного чертежа или финансового отчёта, схема должна быть понятной даже неподготовленному читателю.
Так что для многих, как для меня, проектирование схемы — захватывающее занятие. Оно приносит удовлетворение, похожее на то, что чувствуют люди, способные неделями собирать картины из доминошек или вязать сложную одежду. Недаром есть много фантазийных схем, которые ни для чего не нужны, кроме того, чтобы дарить авторам кайф их рисовать, а читателям — кайф их рассматривать.
Раз вы дочитали книгу до конца, думаю, вы понимаете, о чём я.
Транспортная схема Вестероса из «Игры престолов»,
дизайнер Майкл Тызник
Схема маршрутов Средиземья из «Властелина колец»,
дизайнер Кристиан Тейт
Московское метро,
художник Дмитрий Раков
С одной стороны, транспортная схема — утилитарная вещь. Её проектирование — долгая, кропотливая работа, требующая большого внимания и терпения. Для многих в ней нет ничего вдохновляющего.
С другой, транспортная схема — вершина дизайна. Здесь соединяются информационный и графический дизайн, навигационное проектирование, типографика и вёрстка, работа с цветом и текстурой, редактура. «Провал» даже в одном из аспектов — скажем, плохие пиктограммы — портит результат целиком.
Дизайнеру нужно представить очень сложную, многослойную информацию, но в отличие от профессиональных форматов вроде архитектурного чертежа или финансового отчёта, схема должна быть понятной даже неподготовленному читателю.
Так что для многих, как для меня, проектирование схемы — захватывающее занятие. Оно приносит удовлетворение, похожее на то, что чувствуют люди, способные неделями собирать картины из доминошек или вязать сложную одежду. Недаром есть много фантазийных схем, которые ни для чего не нужны, кроме того, чтобы дарить авторам кайф их рисовать, а читателям — кайф их рассматривать.
Раз вы дочитали книгу до конца, думаю, вы понимаете, о чём я.
Транспортная схема Вестероса из «Игры престолов»,
дизайнер Майкл Тызник
Схема маршрутов Средиземья из «Властелина колец»,
дизайнер Кристиан Тейт
Московское метро,
художник Дмитрий Раков
Бирман Илья Борисович
Дизайн транспортных схем
Издатель Артём Горбунов
Редактор Сёма Сёмочкин
Фотограф Владимир Колпаков
Разработчики Рустам Кулматов,
Василий Половнёв, Мария Попова,
Юрий Мазурский и Андрей Ерес
Тестировщик Сергей Фролов
Помощники Алан Каджаев,
Намор Вотилав, Никита Щербаков,
Виталий Тезяев
Книга набрана шрифтом «Бюросанс»
Дизайн‑бюро
дом 36, строение 2
Москва, Россия, 127015
Бирман Илья Борисович
Дизайн транспортных схем
Издатель Артём Горбунов
Редактор Сёма Сёмочкин
Фотограф Владимир Колпаков
Разработчики Рустам Кулматов,
Василий Половнёв, Мария Попова,
Юрий Мазурский и Андрей Ерес
Тестировщик Сергей Фролов
Помощники Алан Каджаев,
Намор Вотилав, Никита Щербаков,
Виталий Тезяев
Книга набрана шрифтом «Бюросанс»
Дизайн‑бюро
дом 36, строение 2
Москва, Россия, 127015