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

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

между важными местами

Shift

между
разворотами

Илья Бирман

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

Издательство Бюро Горбунова

2018⁠—2022

Илья Бирман

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

Издательство Бюро Горбунова

2018⁠—2022

удк 655.262

ббк 85.15

Б64

Бирман И. Б.

Б64

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

М.: Изд‑во Бюро Горбунова, 2018⁠—2022

Представляем первое в мире практическое руководство по дизайну транспортных схем. В книге говорится об истории появления схем, о принципах их устройства, о планировании развития схемы вместе с транспортной системой. Автор рассказывает о технических приёмах — прокладывании линий, способах обозначения остановок, подборе цветов и шрифтов, вёрстке.

Вот у меня два одинаковых куска картона. Ставлю один вертикально и второй тоже вертикально. Видим одну полоску плюс ещё одну полоску, получается две. Мы замечаем, что они одинаковой ширины. Итак, если полосы касаются краями, получается, что 1 ширина + 1 ширина = 2 ширины, то есть 1 + 1 = 2.

Но если их разделить, оставив вертикальными, на 1 ширину, мы уже насчитаем 3 ширины (одна из которых негативная), то есть 1 + 1 = 3.

Теперь полоски пересекаются под прямым углом в центрах. Результат: 2 линии образуют перекрестие с 4 рукавами, то есть 4 расширениями, которые можно читать и внутрь, и наружу. Мы также видим 4 прямоугольника, а при подключении воображения и 4 треугольника, и 4 квадрата.

Если сместить центры полосок, фигуры между ними становятся неравными.

Художник и дизайнер Йозеф Альберс показывает ещё один, обычно нежелательный, графический эффект: «Один плюс один равно три или больше».

Если в дизайне возникают случайные элементы, которые не выполняют никакой функции — ни смысловой, ни эстетической, — то это мусор и его надо убирать.

Вот у меня два одинаковых куска картона. Ставлю один вертикально и второй тоже вертикально. Видим одну полоску плюс ещё одну полоску, получается две. Мы замечаем, что они одинаковой ширины. Итак, если полосы касаются краями, получается, что 1 ширина + 1 ширина = 2 ширины, то есть 1 + 1 = 2.

Но если их разделить, оставив вертикальными, на 1 ширину, мы уже насчитаем 3 ширины (одна из которых негативная), то есть 1 + 1 = 3.

Теперь полоски пересекаются под прямым углом в центрах. Результат: 2 линии образуют перекрестие с 4 рукавами, то есть 4 расширениями, которые можно читать и внутрь, и наружу. Мы также видим 4 прямоугольника, а при подключении воображения и 4 треугольника, и 4 квадрата.

Если сместить центры полосок, фигуры между ними становятся неравными.

Йозеф Альберс. Поиск против исследования

Теперь применим знания о графическом мусоре к рисованию пучков. Когда линии в пучке отделены отступами, отступы сами выглядят как белые линии — возникает и вибрация, и эффект «1 + 1 = 3».

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

Больше об эффектах «1 + 1 = 3»:
Эдвард Тафти. Представление информации, с. 61

Плохо

Лучше

Теперь применим знания о графическом мусоре к рисованию пучков. Когда линии в пучке отделены отступами, отступы сами выглядят как белые линии — возникает и вибрация, и эффект «1 + 1 = 3».

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

Плохо

Лучше

Больше об эффектах «1 + 1 = 3»:
Эдвард Тафти. Представление информации, с. 61

Прожилки помогают глазу отделять линии друг от друга, но «шумят».

Читаемо, но шумно

Чисто, но нечитаемо

Хорошо

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

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

Высший пилотаж — подобрать такие цвета, чтобы даже для дальтоников контраст в пучках сохранялся
Цветовое кодирование

Прожилки помогают глазу отделять линии друг от друга, но «шумят».

Читаемо, но шумно

Чисто, но нечитаемо

Хорошо

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

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

Высший пилотаж — подобрать такие цвета, чтобы даже для дальтоников контраст в пучках сохранялся
Цветовое кодирование

Менять цвета маршрутов — не всегда в нашей власти.

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

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

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

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

В этом решении белых линий не осталось, но возникло неудачное соседство близких по цвету маршрутов — голубого и зелёного. Кажется: а, сейчас зелёный перенесём на правую сторону, и всё станет хорошо! Он как раз удачно туда и поворачивает.

Но нет: вылезает белая линия снизу под оранжевым маршрутом. Может, надо тогда оранжевый налево утащить?

К сожалению, и это не помогает — белая линия просто переезжает на новое место.

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