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