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