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