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