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