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