🔍 Начните печатать, чтобы искать по книге или перейти к нужной странице по номеру
Удобно листать не только прокруткой, но и клавишами‑стрелками:
разворотами
Дизайн
транспортных
схем
Дизайн
транспортных
схем
Представляем первое в мире практическое руководство по дизайну транспортных схем. В книге говорится об истории появления схем, о принципах их устройства, о планировании развития схемы вместе с транспортной системой. Автор рассказывает о технических приёмах — прокладывании линий, способах обозначения остановок, подборе цветов и шрифтов, вёрстке.
Оглавление
Задача
Принцип
Конструкция
Детали
Система
Представляем первое в мире практическое руководство по дизайну транспортных схем. В книге говорится об истории появления схем, о принципах их устройства, о планировании развития схемы вместе с транспортной системой. Автор рассказывает о технических приёмах — прокладывании линий, способах обозначения остановок, подборе цветов и шрифтов, вёрстке.
Оглавление
Задача
Принцип
Конструкция
Детали
Система
1
Задача
1
Задача
Это фрагмент глиняной таблички −13 века с планом Ниппура, духовного центра древних шумеров. Сейчас это город в Ираке.
Изображать реальность на карте научились намного раньше: известны карты местностей вплоть до −70 века, а одну из обнаруженных карт звёздного неба относят аж к −145 веку.
Карта и реальность
Это фрагмент глиняной таблички −13 века с планом Ниппура, духовного центра древних шумеров. Сейчас это город в Ираке.
Изображать реальность на карте научились намного раньше: известны карты местностей вплоть до −70 века, а одну из обнаруженных карт звёздного неба относят аж к −145 веку.
На карте дорог и городов Римской империи 5 века показаны дороги, города, реки и моря; в центре — Рим.
Современному зрителю в этом сложно разобраться: очертания местности искажены до неузнаваемости.
Карта Пейтингера, воспроизведена в пергаменте в 13 веке
Карта Пейтингера, воспроизведена в пергаменте в 13 веке
На карте дорог и городов Римской империи 5 века показаны дороги, города, реки и моря; в центре — Рим.
Современному зрителю в этом сложно разобраться: очертания местности искажены до неузнаваемости.
Можно было бы подумать, что в 5 веке картографы ещё плохо представляли реальность.
Но карта Птолемея уже во 2 веке имела привычную ориентацию, а Европа на ней — знакомые очертания.
Реконструкция Йохана Шнитцера, 15 век
Реконструкция Йохана Шнитцера, 15 век
Можно было бы подумать, что в 5 веке картографы ещё плохо представляли реальность.
Но карта Птолемея уже во 2 веке имела привычную ориентацию, а Европа на ней — знакомые очертания.
Карта Пейтингера, 5 век
Карта Птолемея, 2 век
Несмотря на чудовищные искажения, карта Пейтингера хорошо подходила для сухопутных путешествий: дороги вели, куда нарисовано; можно было оценить расстояния и узнать особенности маршрута. А вытянутый формат
Карта Птолемея хоть и намного ближе к «правде», но на ней не видно ни дорог, ни важных ориентиров. Современнику трудно было воспользоваться ей на практике. Но реконструированная в 15 веке, она повлияла на умы средневековых картографов. Идея всемирной системы координат стала одной из предпосылок эпохи Великих географических открытий.
Кстати, Колумб плыл в Индию — а приплыл в Америку — ориентируясь именно по карте Птолемея.
Карта Пейтингера, 5 век
Карта Птолемея, 2 век
Несмотря на чудовищные искажения, карта Пейтингера хорошо подходила для сухопутных путешествий: дороги вели, куда нарисовано; можно было оценить расстояния и узнать особенности маршрута. А вытянутый формат
Карта Птолемея хоть и намного ближе к «правде», но на ней не видно ни дорог, ни важных ориентиров. Современнику трудно было воспользоваться ей на практике. Но реконструированная в 15 веке, она повлияла на умы средневековых картографов. Идея всемирной системы координат стала одной из предпосылок эпохи Великих географических открытий.
Кстати, Колумб плыл в Индию — а приплыл в Америку — ориентируясь именно по карте Птолемея.
Земля со спутника Электро‑Л
После того, как человек побывал в космосе, не осталось сомнений в действительных очертаниях материков, гор и морей. Но как бы ни был красив этот снимок, он малополезен для большинства прикладных задач.
Земля со спутника Электро‑Л
После того, как человек побывал в космосе, не осталось сомнений в действительных очертаниях материков, гор и морей. Но как бы ни был красив этот снимок, он малополезен для большинства прикладных задач.
Карта нужна не чтобы изобразить реальность, а чтобы помочь человеку в его задаче. На своей карте 1569 года Герард Меркатор представил мир — насколько уж он был тогда известен — в удобном для мореплавания виде: прямые линии на карте соответствуют прямым курсам в реальности.
Карта нужна не чтобы изобразить реальность, а чтобы помочь человеку в его задаче. На своей карте 1569 года Герард Меркатор представил мир — насколько уж он был тогда известен — в удобном для мореплавания виде: прямые линии на карте соответствуют прямым курсам в реальности.
В проекции Меркатора меридианы выпрямлены и равноудалены друг от друга, а в реальности они пересекаются на полюсах. Значит, чем дальше от экватора, тем шире на карте выглядят равные в реальности фрагменты.
Чтобы скомпенсировать это искажение и сохранить углы, расстояние между
Современная карта мира в проекции Меркатора
В проекции Меркатора меридианы выпрямлены и равноудалены друг от друга, а в реальности они пересекаются на полюсах. Значит, чем дальше от экватора, тем шире на карте выглядят равные в реальности фрагменты.
Чтобы скомпенсировать это искажение и сохранить углы, расстояние между
Современная карта мира в проекции Меркатора
Эквидистантная цилиндрическая проекция
При изображении объёмной земли на плоскости искажения неизбежны. В зависимости от задачи, в жертву могут быть принесены длины, углы, площади, форма. Эта проекция искажает площади меньше, чем проекция Меркатора, но зато сильно искажает форму ближе к полюсам.
А в следующей проекции часть Северной Америки попадает на карту дважды ↓
Эквидистантная цилиндрическая проекция
При изображении объёмной земли на плоскости искажения неизбежны. В зависимости от задачи, в жертву могут быть принесены длины, углы, площади, форма. Эта проекция искажает площади меньше, чем проекция Меркатора, но зато сильно искажает форму ближе к полюсам.
А в следующей проекции часть Северной Америки попадает на карту дважды ↓
Физико‑географический атлас мира, 1964
Физико‑географический атлас мира, 1964
В Гугль‑картах до 2018 года использовалась проекция Меркатора. Сотрудник Гугля Джоел Х. объяснял:
«В первой версии „Карт“ мы не использовали эту проекцию, и улицы в дальних от экватора широтах вроде Стокгольма сходились не под теми углами, под какими они сходились в реальности. Хоть Меркатор и искажает мир в целом, но на уровне городских улиц он ближе к реальности. В основном наши пользователи ищут разные места в городах, так что пока мы оставим эту проекцию»
Почему Гугль‑карты используют неточную, древнюю и искажённую проекцию Меркатора? Обсуждение, 2009
В Гугль‑картах до 2018 года использовалась проекция Меркатора. Сотрудник Гугля Джоел Х. объяснял:
«В первой версии „Карт“ мы не использовали эту проекцию, и улицы в дальних от экватора широтах вроде Стокгольма сходились не под теми углами, под какими они сходились в реальности. Хоть Меркатор и искажает мир в целом, но на уровне городских улиц он ближе к реальности. В основном наши пользователи ищут разные места в городах, так что пока мы оставим эту проекцию»
Почему Гугль‑карты используют неточную, древнюю и искажённую проекцию Меркатора? Обсуждение, 2009
Карта может адаптироваться под задачу самыми необычными способами, например разделиться на два куска, отличающихся масштабом вдвое. Такое деление позволяет крупнее показать более заселённую европейскую часть России.
Карта может адаптироваться под задачу самыми необычными способами, например разделиться на два куска, отличающихся масштабом вдвое. Такое деление позволяет крупнее показать более заселённую европейскую часть России.
На этой карте из атласа Герберта Байера земля порезана на куски так, чтобы по возможности сохранить форму материков.
Для карты, показывающей мировое население, разрывы океанов и Антарктиды не страшны.
На этой карте из атласа Герберта Байера земля порезана на куски так, чтобы по возможности сохранить форму материков.
Для карты, показывающей мировое население, разрывы океанов и Антарктиды не страшны.
Физическая карта
Этнографическая карта
Политическая карта
Годовое количество осадков
Полезные ископаемые
Важнейшие экспедиции
Задачей определяется не только проекция, но и содержание карты. Физическая карта показывает рельеф, называет океаны, впадины, равнины, горы. На политической карте суша поделена между государствами. Карта полезных ископаемых усыпана обозначениями месторождений.
Нельзя сказать, что физическая карта в большей степени показывает «реальность», чем, скажем, атлас железных дорог.
Задачей определяется не только проекция, но и содержание карты. Физическая карта показывает рельеф, называет океаны, впадины, равнины, горы. На политической карте суша поделена между государствами. Карта полезных ископаемых усыпана обозначениями месторождений.
Нельзя сказать, что физическая карта в большей степени показывает «реальность», чем, скажем, атлас железных дорог.
Физическая карта
Этнографическая карта
Политическая карта
Годовое количество осадков
Полезные ископаемые
Важнейшие экспедиции
Для прокладывания морского курса глубины имеют особое значение — на навигационной карте они дополнительно обозначены цифрами.
На суше показаны пристани, маяки и рельеф, то есть то, что видно с моря и помогает ориентироваться.
Для прокладывания морского курса глубины имеют особое значение — на навигационной карте они дополнительно обозначены цифрами.
На суше показаны пристани, маяки и рельеф, то есть то, что видно с моря и помогает ориентироваться.
Хороший картограф примиряет на карте самую разную информацию. На этой карте есть рельеф, границы областей, автомобильные и железные дороги, названия населённых пунктов, водоёмов, горных хребтов, отметки высот, параллели и меридианы.
Чем больше деталей, тем интереснее изучать. Внимательно выбирая оттенки цветов, толщины и характер линий, начертания шрифтов, составитель карты добивается того, чтобы данные оказались в отдельных информационных слоях. На ненасыщенных цветах фона, обозначающих высоты, легко читаются надписи. Прилегающая к границам областей и республик особая штриховка помогает их увидеть издалека.
Буквы, разделённые множеством различных обозначений, собираются в надпись УРАЛ благодаря особому начертанию.
Об информационных слоях:
Эдвард Тафти. Представление информации, с. 53
Хороший картограф примиряет на карте самую разную информацию. На этой карте есть рельеф, границы областей, автомобильные и железные дороги, названия населённых пунктов, водоёмов, горных хребтов, отметки высот, параллели и меридианы.
Чем больше деталей, тем интереснее изучать. Внимательно выбирая оттенки цветов, толщины и характер линий, начертания шрифтов, составитель карты добивается того, чтобы данные оказались в отдельных информационных слоях. На ненасыщенных цветах фона, обозначающих высоты, легко читаются надписи. Прилегающая к границам областей и республик особая штриховка помогает их увидеть издалека.
Буквы, разделённые множеством различных обозначений, собираются в надпись УРАЛ благодаря особому начертанию.
Об информационных слоях:
Эдвард Тафти. Представление информации, с. 53
Нью‑Йорк на картах Эпла
Нью‑Йорк на картах Эпла в режиме «Транспорт»
Нью‑Йорк на картах Эпла в режиме «Транспорт»
В одной из версий карты Эпла получили режим «Транспорт», в котором остальное уходит на второй план.
Если проложить маршрут, то выделяется только он сам.
В одной из версий карты Эпла получили режим «Транспорт», в котором остальное уходит на второй план.
Если проложить маршрут, то выделяется только он сам.
Нью‑Йорк на картах Эпла
Нью‑Йорк на картах Эпла
в режиме «Транспорт»
Нью‑Йорк на картах Эпла
в режиме «Транспорт»
На карте истории застройки Амстердама самые старые дома обозначены красным, а самые новые — синим. Улицы и каналы — одинаково чёрные.
На карте истории застройки Амстердама самые старые дома обозначены красным, а самые новые — синим. Улицы и каналы — одинаково чёрные.
Для гавайского автопроката «Энви» в бюро была создана карта острова Оаху. Её задача — показать, что автопутешествие по острову — отличная идея. Обозначены основные дороги, достопримечательности и пляжи, подписано время в пути. Для усиления отпускного настроения карта сделана в ярком иллюстративном стиле.
Для гавайского автопроката «Энви» в бюро была создана карта острова Оаху. Её задача — показать, что автопутешествие по острову — отличная идея. Обозначены основные дороги, достопримечательности и пляжи, подписано время в пути. Для усиления отпускного настроения карта сделана в ярком иллюстративном стиле.
Карта забега показывает его маршрут. Толщина линии местами даже больше, чем вмещается в улицу — чтобы было видно издалека. Достопримечательности привлекают бегунов.
Карта забега показывает его маршрут. Толщина линии местами даже больше, чем вмещается в улицу — чтобы было видно издалека. Достопримечательности привлекают бегунов.
Выход в город и ближайший наземный транспорт на навигационной карте метро Монреаля. СТМ
Иногда ситуация, в которой предполагается использование карты, исключает возможность неспешного изучения. Карта должна ответить на узкий набор вопросов и не отвлекать на остальное.
Основные здания, тротуары и велодорожки, станции метро, туалеты и зоны вайфая на пешеходной навигации Нью‑Йорка
Иногда ситуация, в которой предполагается использование карты, исключает возможность неспешного изучения. Карта должна ответить на узкий набор вопросов и не отвлекать на остальное.
Выход в город и ближайший наземный транспорт на навигационной карте метро Монреаля. СТМ
Основные здания, тротуары и велодорожки, станции метро, туалеты и зоны вайфая на пешеходной навигации Нью‑Йорка
Рассмотрим такой план школы. Он довольно детальный: показаны особенности формы здания, видна конструкция стен и конфигурация окон. В туалетах изображена каждая кабинка и каждый писсуар. В библиотеке — расположение книжных полок.
Но навигационная карта — не строительный чертёж, ей эти детали ни к чему. Если задача — помочь найти нужный кабинет, форму здания можно упростить, главный коридор увеличить, туалеты обозначить заметнее.
Ориентироваться по переделанной карте проще. Но если нужно будет подбирать по размерам мебель для кабинетов, она введёт в заблуждение.
Рассмотрим такой план школы. Он довольно детальный: показаны особенности формы здания, видна конструкция стен и конфигурация окон. В туалетах изображена каждая кабинка и каждый писсуар. В библиотеке — расположение книжных полок.
Но навигационная карта — не строительный чертёж, ей эти детали ни к чему. Если задача — помочь найти нужный кабинет, форму здания можно упростить, главный коридор увеличить, туалеты обозначить заметнее.
Ориентироваться по переделанной карте проще. Но если нужно будет подбирать по размерам мебель для кабинетов, она введёт в заблуждение.
Схема терминала аэропорта помогает найти нужный выход на посадку.
Кроме самих выходов обозначены паспортный контроль, кафе и магазины, туалеты, а также фрагмент второго этажа с бизнес‑залами. Технические помещения, не предзначенные для пассажиров, отсутствуют.
Дюссельдорф
Дюссельдорф
Схема терминала аэропорта помогает найти нужный выход на посадку.
Кроме самих выходов обозначены паспортный контроль, кафе и магазины, туалеты, а также фрагмент второго этажа с бизнес‑залами. Технические помещения, не предзначенные для пассажиров, отсутствуют.
Избавление от всех деталей кроме жизненно важных позволяет радикально изменить сам формат и носитель карты.
Вырезанную из дерева карту островов и побережья в гренландской коммуне Сермерсоок можно использовать в темноте, наощупь. Она помещается в карман, не боится воды и не тонет.
Избавление от всех деталей кроме жизненно важных позволяет радикально изменить сам формат и носитель карты.
Вырезанную из дерева карту островов и побережья в гренландской коммуне Сермерсоок можно использовать в темноте, наощупь. Она помещается в карман, не боится воды и не тонет.
Государство Маршалловы Острова состоит из тысячи мелких островов в Тихом океане. Их самая высокая точка — 10 м над уровнем океана. Если отойти от острова на пару миль, его уже не видно, поэтому мореплавание осложнено.
Но жители обнаружили, что для разных участков океана между островами характерен разный паттерн зыби. Они составляют карты зыби из веточек и используют для навигации.
Реббелиб, 19 век
Академия Хана
Государство Маршалловы Острова состоит из тысячи мелких островов в Тихом океане. Их самая высокая точка — 10 м над уровнем океана. Если отойти от острова на пару миль, его уже не видно, поэтому мореплавание осложнено.
Но жители обнаружили, что для разных участков океана между островами характерен разный паттерн зыби. Они составляют карты зыби из веточек и используют для навигации.
Реббелиб, 19 век
Академия Хана
Появление транспортных схем
С возникновением коммерческого транспорта задача наглядно показывать пассажирам маршруты и помогать попадать из пункта А в пункт Б приобрела особое значение. Карты транспортных сетей стали одним из способов их рекламы.
Этот фрагмент — с карты маршрутов гужевых повозок Парижа, примерно 1830 года. Действуют одиннадцать линий, у каждой свой цвет. Улицы и здания города — на втором плане.
Национальная библиотека Виктории, Австралия
Появление транспортных схем
С возникновением коммерческого транспорта задача наглядно показывать пассажирам маршруты и помогать попадать из пункта А в пункт Б приобрела особое значение. Карты транспортных сетей стали одним из способов их рекламы.
Этот фрагмент — с карты маршрутов гужевых повозок Парижа, примерно 1830 года. Действуют одиннадцать линий, у каждой свой цвет. Улицы и здания города — на втором плане.
Национальная библиотека Виктории, Австралия
1893
Архив Монреаля
На этой карте Монреаля город показан во всех подробностях с улицами, парками, зданиями.
Улицы с трамваями, в основном ещё конными, выделены красным.
1893
Архив Монреаля
На этой карте Монреаля город показан во всех подробностях с улицами, парками, зданиями.
Улицы с трамваями, в основном ещё конными, выделены красным.
На дореволюционной схеме московских трамваев показаны только линии маршрутов и река. Сетки трамвайных путей достаточно для ориентации.
1916
На дореволюционной схеме московских трамваев показаны только линии маршрутов и река. Сетки трамвайных путей достаточно для ориентации.
Интересна история появления схемы лондонского метро.
Первая в мире пассажирская подземная железная дорога открылась в Лондоне в 1863 году. Компания
Как была построена первая в мире пассажирская подземная дорога. Янвизитс
Интересна история появления схемы лондонского метро.
Первая в мире пассажирская подземная железная дорога открылась в Лондоне в 1863 году. Компания
Как была построена первая в мире пассажирская подземная дорога. Янвизитс
Разные лондонские компании постепенно открывали новые железные дороги — появлялись и их карты.
Здесь линия просто наложена на план города. Слева даже изображено депо, хотя пассажиру это и ни к чему.
Центральная лондонская железная дорога, 1902
Источник утерян
Центральная лондонская железная дорога, 1902
Источник утерян
Разные лондонские компании постепенно открывали новые железные дороги — появлялись и их карты.
Здесь линия просто наложена на план города. Слева даже изображено депо, хотя пассажиру это и ни к чему.
В начале 1900‑х железнодорожные компании стали объединяться под общим брендом «Подземные электрические железные дороги», или просто «Подземка». Тогда же стали появляться карты, совмещающие разные линии.
За линиями начали закрепляться цвета, а остальной город — дороги, парки, река — стал постепенно исчезать в
В начале 1900‑х железнодорожные компании стали объединяться под общим брендом «Подземные электрические железные дороги», или просто «Подземка». Тогда же стали появляться карты, совмещающие разные линии.
За линиями начали закрепляться цвета, а остальной город — дороги, парки, река — стал постепенно исчезать в
1932. Рамси
С 1926 по 1932 годы использовалась карта, нарисованная Ф. Х. Стинджмором. В его дизайне слой с городом вообще исчез, а из средств географической привязки осталась только река Темза. Специальное обозначение получили станции пересадок.
1932. Рамси
С 1926 по 1932 годы использовалась карта, нарисованная Ф. Х. Стинджмором. В его дизайне слой с городом вообще исчез, а из средств географической привязки осталась только река Темза. Специальное обозначение получили станции пересадок.
Дизайнер Ф. Х. Стинджмор,
1932
Эта карта уже была очень схематична, например расстояния между станциями были выровнены, что выглядело проще и помогало уместить схему в меньший формат. Ради вместительности и читаемости центр был расширен.
Но несмотря на упрощения и искажения, в центральной части города остались проблемы: местами неочевидно, какая подпись относится к какой станции, и приходится подсказывать стрелочками.
Дизайнер Ф. Х. Стинджмор,
1932
Эта карта уже была очень схематична, например расстояния между станциями были выровнены, что выглядело проще и помогало уместить схему в меньший формат. Ради вместительности и читаемости центр был расширен.
Но несмотря на упрощения и искажения, в центральной части города остались проблемы: местами неочевидно, какая подпись относится к какой станции, и приходится подсказывать стрелочками.
Тем временем, уже давно существовали схематичные изображения линий вообще без привязки к географии.
На этой открытке 1902 года изображена схема Центральной лондонской железной дороги, которую мы видели на карте несколькими разворотами выше.
Тем временем, уже давно существовали схематичные изображения линий вообще без привязки к географии.
На этой открытке 1902 года изображена схема Центральной лондонской железной дороги, которую мы видели на карте несколькими разворотами выше.
Другая открытка показывает, как удобно добираться до Французско‑британской выставки 1908 года по железной дороге Бейкер‑стрит — Ватерлоо.
На самом деле чтобы доехать придётся пересесть на другую линию, но на фоне начавшегося объединения изображение конкурирующих линий перестало быть проблемой.
География схематична
География схематична
Другая открытка показывает, как удобно добираться до Французско‑британской выставки 1908 года по железной дороге Бейкер‑стрит — Ватерлоо.
На самом деле чтобы доехать придётся пересесть на другую линию, но на фоне начавшегося объединения изображение конкурирующих линий перестало быть проблемой.
С 1908 года линейные схемы использовали над окнами или дверьми поездов. На размещение полноценной карты там не было места, а по такой диаграмме даже удобнее считать остановки до пересадки или выхода.
К 1920‑м годам такие схемы распространились по большинству линий.
Дистрикт‑рейлвей, 1908, Транспорт Лондона, Лондонский транспортный музей
1922, реконструкция Алана Каджаева
Дистрикт‑рейлвей, 1908, Транспорт Лондона, Лондонский транспортный музей
С 1908 года линейные схемы использовали над окнами или дверьми поездов. На размещение полноценной карты там не было места, а по такой диаграмме даже удобнее считать остановки до пересадки или выхода.
К 1920‑м годам такие схемы распространились по большинству линий.
1922, реконструкция Алана Каджаева
1909
1911
А вот фрагмент складных карт «Подземки» 1909 и 1911 годов.
В 1909‑м линии гнутся произвольно, улиц нет, есть Темза и парки. В 1911‑м линии распрямились, а важнейшие улицы вернулись на карту.
1909
1911
А вот фрагмент складных карт «Подземки» 1909 и 1911 годов.
В 1909‑м линии гнутся произвольно, улиц нет, есть Темза и парки. В 1911‑м линии распрямились, а важнейшие улицы вернулись на карту.
К концу 1920‑х довольно сложные схемы маршрутов без географической привязки уже использовались не только в метро, но и в лондонских электричках.
1929, дизайнер Джордж Доу. Публикуется с разрешения внука, Джеймса Доу
1929, дизайнер Джордж Доу. Публикуется с разрешения внука, Джеймса Доу
К концу 1920‑х довольно сложные схемы маршрутов без географической привязки уже использовались не только в метро, но и в лондонских электричках.
Стинджмор, 1932
Генри Бек, 1965. Фото Кена Гарланда
Черновик Бека, 1931
Музей Виктории и Альберта
В начале 1930‑х Генри Бек (для друзей — Гарри), чертёжник из отдела сигнализации и связи «Подземки», начал работу над общей схемой всех действовавших тогда линий.
Он привёл все линии к углам кратным 45°, и даже Темзе пришлось подчиниться этому правилу. Кажется, впервые кто‑то отказался от географичности на общегородской схеме.
Черновик Бека, 1931
Музей Виктории и Альберта
В начале 1930‑х Генри Бек (для друзей — Гарри), чертёжник из отдела сигнализации и связи «Подземки», начал работу над общей схемой всех действовавших тогда линий.
Он привёл все линии к углам кратным 45°, и даже Темзе пришлось подчиниться этому правилу. Кажется, впервые кто‑то отказался от географичности на общегородской схеме.
Стинджмор, 1932
Генри Бек, 1965. Фото Кена Гарланда
Уже в 1933 году схема Бека заменила карту.
Подробнее об истории схемы:
Кен Гарланд. Схема подземки мистера Бека
Уже в 1933 году схема Бека заменила карту.
Подробнее об истории схемы:
Кен Гарланд. Схема подземки мистера Бека
Бек обозначил пересадочные станции ромбиками, а непересадочные — «пеньками». Они стали сильно отличаться на вид, пересадки стало проще выхватить взгляду.
Пеньки выглядят спокойнее кружков, а кроме того, указывают на название, упрощая его поиск.
Дизайнер Генри Бек,
1933
Дизайнер Генри Бек,
1933
Бек обозначил пересадочные станции ромбиками, а непересадочные — «пеньками». Они стали сильно отличаться на вид, пересадки стало проще выхватить взгляду.
Пеньки выглядят спокойнее кружков, а кроме того, указывают на название, упрощая его поиск.
Мемориальная табличка на доме, где родился Бек. Наследие зовёт
Бек занимался схемой до 1959 года, но подпись о его роли оставалась на схеме ещё несколько десятилетий. Транспорт Лондона пишет:
«Бек изобразил карту наподобие электрических цепей, которые он чертил на работе, представив разросшуюся сеть „Подземки“ в виде аккуратной схемы из цветных пересекающихся линий. Рекламный отдел сначала отверг карту Бека, сочтя её слишком радикальной, но успешный тестовый тираж показал, что это было как раз то, что нужно публике.
Результат — ясная и доходчивая схема, которая стала незаменимым путеводителем по Лондону и образцом для транспортных карт по всему миру.
Революционный дизайн Бека с некоторыми изменениями и дополнениями живёт до сих пор и будет служить лондонскому метро и миллионам пассажиров ещё много лет».
Бек занимался схемой до 1959 года, но подпись о его роли оставалась на схеме ещё несколько десятилетий. Транспорт Лондона пишет:
«Бек изобразил карту наподобие электрических цепей, которые он чертил на работе, представив разросшуюся сеть „Подземки“ в виде аккуратной схемы из цветных пересекающихся линий. Рекламный отдел сначала отверг карту Бека, сочтя её слишком радикальной, но успешный тестовый тираж показал, что это было как раз то, что нужно публике.
Результат — ясная и доходчивая схема, которая стала незаменимым путеводителем по Лондону и образцом для транспортных карт по всему миру.
Революционный дизайн Бека с некоторыми изменениями и дополнениями живёт до сих пор и будет служить лондонскому метро и миллионам пассажиров ещё много лет».
Мемориальная табличка на доме, где родился Бек. Наследие зовёт
Современная схема действительно следует бековским принципам, хотя на ней вдвое больше линий и много других обозначений. Круглые пересадки вместо ромбиков поставил сам Бек в одной из версий своей схемы.
2010
2010
Современная схема действительно следует бековским принципам, хотя на ней вдвое больше линий и много других обозначений. Круглые пересадки вместо ромбиков поставил сам Бек в одной из версий своей схемы.
Многообразие схем
Работа Бека оказала огромное влияние на навигационный дизайн. Хоть он не был первым, кто нарисовал схему «без географии», но именно он вошёл в историю как изобретатель таких схем. Вероятно, причина в том, что ему первому удалось хорошо изобразить таким способом метро большого города.
Эдвард Тафти восхищается схемой Бека и пишет, что её дизайн плохо тиражируется. Я бы так не сказал: десятки сложных транспортных систем мира успешно используют у себя принципы его схемы. И когда мы слышим «схема метро», мы представляем что‑то похожее на схему Бека.
«Кажется, для множества людей эта карта определила образ Лондона (а не Лондон определил образ карты). Несмотря на 70 лет правок из‑за расширений метро и бюрократической возни (отдел маркетинга портил карту несколько лет), карта неплохо дожила до сегодняшнего дня.
Последующие европейские и американские имитации совсем не имели успеха. Карта метро Бека и знаменитая диаграмма Шарля Минара катастрофы французской армии в России в войне 1812 года похожи в главном: дизайн обеих великолепен и плохо тиражируется. Карта метро и поход Наполеона идеально заточены именно для своих данных».
Схемы лондонского метро на форуме Тафти
Многообразие схем
Работа Бека оказала огромное влияние на навигационный дизайн. Хоть он не был первым, кто нарисовал схему «без географии», но именно он вошёл в историю как изобретатель таких схем. Вероятно, причина в том, что ему первому удалось хорошо изобразить таким способом метро большого города.
Эдвард Тафти восхищается схемой Бека и пишет, что её дизайн плохо тиражируется. Я бы так не сказал: десятки сложных транспортных систем мира успешно используют у себя принципы его схемы. И когда мы слышим «схема метро», мы представляем что‑то похожее на схему Бека.
«Кажется, для множества людей эта карта определила образ Лондона (а не Лондон определил образ карты). Несмотря на 70 лет правок из‑за расширений метро и бюрократической возни (отдел маркетинга портил карту несколько лет), карта неплохо дожила до сегодняшнего дня.
Последующие европейские и американские имитации совсем не имели успеха. Карта метро Бека и знаменитая диаграмма Шарля Минара катастрофы французской армии в России в войне 1812 года похожи в главном: дизайн обеих великолепен и плохо тиражируется. Карта метро и поход Наполеона идеально заточены именно для своих данных».
Схемы лондонского метро на форуме Тафти
Париж, 1951. Источник утерян
Но дизайн Бека действительно не получится использовать «как есть» в любой транспортной системе — у каждой из них свои особенности, которые нужно учитывать в дизайне.
Скажем, предложенная самим Беком карта метро Парижа не была принята.
Париж, 1951. Источник утерян
Но дизайн Бека действительно не получится использовать «как есть» в любой транспортной системе — у каждой из них свои особенности, которые нужно учитывать в дизайне.
Скажем, предложенная самим Беком карта метро Парижа не была принята.
Париж, 1936 и 1952
Миф: Бек сделал выдающуюся схему Парижа, а её отвергли ретрограды‑французы. Тюбмэпцентрал
Подписи на официальных парижских картах были существенно крупнее, чем у Бека. Да и парижанам была привычна совсем другая форма города, почти не менявшаяся как минимум шестнадцать лет.
Несмотря на отсутствие системы в углах, эти карты не выглядели сложными и беспорядочными, как лондонские схемы до Бека. В общем, редизайн Бека не давал выигрыша.
Подписи на официальных парижских картах были существенно крупнее, чем у Бека. Да и парижанам была привычна совсем другая форма города, почти не менявшаяся как минимум шестнадцать лет.
Несмотря на отсутствие системы в углах, эти карты не выглядели сложными и беспорядочными, как лондонские схемы до Бека. В общем, редизайн Бека не давал выигрыша.
Париж, 1936 и 1952
Миф: Бек сделал выдающуюся схему Парижа, а её отвергли ретрограды‑французы. Тюбмэпцентрал
В современной парижской схеме всё же «бековская» сетка углов. Но эта схема выглядит намного более запутанной, чем лондонская: изгибов очень много и они все примерно одинаковые — глазу не за что зацепиться.
В 2015 году дизайнер Константин Коновалов предложил свой вариант, с другой сеткой углов и кольцом из 2‑й и 6‑й линий. Можно предположить, что такая схема будет работать лучше: с выбранной здесь сеткой линии меньше гнутся, поэтому следить за ними проще, а кольцо работает как хороший ориентир.
РАТП, 2016
РАТП, 2016
В современной парижской схеме всё же «бековская» сетка углов. Но эта схема выглядит намного более запутанной, чем лондонская: изгибов очень много и они все примерно одинаковые — глазу не за что зацепиться.
В 2015 году дизайнер Константин Коновалов предложил свой вариант, с другой сеткой углов и кольцом из 2‑й и 6‑й линий. Можно предположить, что такая схема будет работать лучше: с выбранной здесь сеткой линии меньше гнутся, поэтому следить за ними проще, а кольцо работает как хороший ориентир.
На сетке углов сходства официальной парижской схемы с лондонской заканчиваются: повороты, станции, пересадки, цвета — всё другое.
Отличия не только в стиле. Конечные выделены и отмечены номерами линий , потому что они используются в указателях направлений движения поездов.
В Лондоне конечные не требуют особого выделения, потому что направления определяют по сторонам света.
Указатель на станции Одеон
На сетке углов сходства официальной парижской схемы с лондонской заканчиваются: повороты, станции, пересадки, цвета — всё другое.
Отличия не только в стиле. Конечные выделены и отмечены номерами линий , потому что они используются в указателях направлений движения поездов.
В Лондоне конечные не требуют особого выделения, потому что направления определяют по сторонам света.
Указатель на станции Одеон
В обозначениях станций Барселона очень похожа на Лондон, но схема не использует единую угловую сетку — линии идут вдоль городских улиц.
Как и в Париже, в Барселоне конечные используют как ориентир в указателях, поэтому на схеме они стоят на плашках.
2015, ТМБ
2015, ТМБ
В обозначениях станций Барселона очень похожа на Лондон, но схема не использует единую угловую сетку — линии идут вдоль городских улиц.
Как и в Париже, в Барселоне конечные используют как ориентир в указателях, поэтому на схеме они стоят на плашках.
Выразительных средств лондонской схемы не хватило бы и для изображения Осло, хотя метро здесь намного проще.
В Осло линии проходят через центр толстым пучком. Станции, через которые проходит пучок, обозначаются «сосисками», а не кружочками.
Синяя линия содержит петлю и проходит через центр дважды. Превращение 4 в 6 изображается градиентом.
Ещё особенность — на станции Гуллеросен поезд останавливается только в одном направлении
Выразительных средств лондонской схемы не хватило бы и для изображения Осло, хотя метро здесь намного проще.
В Осло линии проходят через центр толстым пучком. Станции, через которые проходит пучок, обозначаются «сосисками», а не кружочками.
Синяя линия содержит петлю и проходит через центр дважды. Превращение 4 в 6 изображается градиентом.
Ещё особенность — на станции Гуллеросен поезд останавливается только в одном направлении
У московского метро своя особенность. По историческим причинам здесь принято считать платформы разных линий на одном пересадочном узле разными станциями, и такие станции могут называться по‑разному. В Лондоне достаточно поставить и подписать один кружок на пересечении нескольких линий, а в Москве изображение переходов превращается в проблему.
Кроме того, в отличие от лондонского или парижского метро, схеме московского приходится дублировать названия латиницей.
В результате количество надписей, которые необходимо разместить, вырастает в разы. На огромной лондонской схеме нет ни одного пересечения между линиями и названиями станций. Чтобы соблюсти подобное требование в Москве, пришлось бы уменьшить кегль до микроскопического и сильно усложнить геометрию линий. Поэтому Москве приходится использовать прозрачную плашку под некоторыми названиями.
О пересечениях и плашках:
Подписи
Москва. Пересекаются 4 линии, необходимо 8 подписей
Лондон. Пересекаются 6 линий, достаточно 1 подписи
У московского метро своя особенность. По историческим причинам здесь принято считать платформы разных линий на одном пересадочном узле разными станциями, и такие станции могут называться по‑разному. В Лондоне достаточно поставить и подписать один кружок на пересечении нескольких линий, а в Москве изображение переходов превращается в проблему.
Кроме того, в отличие от лондонского или парижского метро, схеме московского приходится дублировать названия латиницей.
В результате количество надписей, которые необходимо разместить, вырастает в разы. На огромной лондонской схеме нет ни одного пересечения между линиями и названиями станций. Чтобы соблюсти подобное требование в Москве, пришлось бы уменьшить кегль до микроскопического и сильно усложнить геометрию линий. Поэтому Москве приходится использовать прозрачную плашку под некоторыми названиями.
Москва. Пересекаются 4 линии, необходимо 8 подписей
Лондон. Пересекаются 6 линий, достаточно 1 подписи
О пересечениях и плашках:
Подписи
В 1972 году Массимо Виньелли создал схему метро Нью‑Йорка с углами по 45° и отдельными линиями для каждого маршрута, как у Бека.
В 1972 году Массимо Виньелли создал схему метро Нью‑Йорка с углами по 45° и отдельными линиями для каждого маршрута, как у Бека.
Маршруты идут пучками, причём часть маршрутов проходят некоторые станции без остановки. Обозначать станции пеньками, как в Лондоне или Барселоне, не получается: нужен способ заметно показывать остановки каждого маршрута отдельно.
Виньелли использует для этого • точки. Есть точка — поезд остановится. Вроде бы точки хорошо заметны и даже слишком шумны, но всё равно требуют повышенного внимания.
Множество станций называются номерами улиц, но мелкие цифры слабо различимы.
Схема Виньелли прослужила семь лет, и это самый близкий к бековскому дизайн, который видел Нью‑Йорк.
Об остановках в пучках:
Остановки
Маршруты идут пучками, причём часть маршрутов проходят некоторые станции без остановки. Обозначать станции пеньками, как в Лондоне или Барселоне, не получается: нужен способ заметно показывать остановки каждого маршрута отдельно.
Виньелли использует для этого • точки. Есть точка — поезд остановится. Вроде бы точки хорошо заметны и даже слишком шумны, но всё равно требуют повышенного внимания.
Множество станций называются номерами улиц, но мелкие цифры слабо различимы.
Схема Виньелли прослужила семь лет, и это самый близкий к бековскому дизайн, который видел Нью‑Йорк.
Об остановках в пучках:
Остановки
Намного долговечнее оказался принципиально другой дизайн Майкла Херца — карта с парками, водоёмами, основными улицами, названиями районов и плавно изогнутыми линиями над этим всем.
Родственные маршруты здесь обозначены одной линией, а у станций просто перечислены маршруты, которые там
1979. Рамси
1979. Рамси
Намного долговечнее оказался принципиально другой дизайн Майкла Херца — карта с парками, водоёмами, основными улицами, названиями районов и плавно изогнутыми линиями над этим всем.
Родственные маршруты здесь обозначены одной линией, а у станций просто перечислены маршруты, которые там
2018, МТА
Дизайн Херца живёт уже почти сорок лет.
На этом фрагменте на 18, 23 и 28‑й Стрит красной линии останавливается только 1‑й маршрут, а на 14 — все три; они перечислены под названиями станций: 1·2·3. Неэлегантно, зато железобетонно.
2018, МТА
Дизайн Херца живёт уже почти сорок лет.
На этом фрагменте на 18, 23 и 28‑й Стрит красной линии останавливается только 1‑й маршрут, а на 14 — все три; они перечислены под названиями станций: 1·2·3. Неэлегантно, зато железобетонно.
Современная схема на основе дизайна Херца и Гугль‑карта Нью‑Йорка
Схему Виньелли упрекали в излишней абстрактности. Но Херц знал, что географичные схемы крайне неэффективно используют площадь формата.
Дизайн Херца — большой обман. Схема только выглядит географично, но на самом деле содержит всевозможные искажения, чтобы всё упихнулось.
Схему Виньелли упрекали в излишней абстрактности. Но Херц знал, что географичные схемы крайне неэффективно используют площадь формата.
Дизайн Херца — большой обман. Схема только выглядит географично, но на самом деле содержит всевозможные искажения, чтобы всё упихнулось.
Современная схема на основе дизайна Херца и Гугль‑карта Нью‑Йорка
Несмотря на неуспех в метро, схема Виньелли не была забыта, а осталась важной вехой в истории графического дизайна. Она выставляется в нью‑йоркском музее современного искусства, продаётся в виде плаката.
Виньелли с коллегами уже в 2000‑х создали новую версию этой схемы, перейдя на официальные цвета линий (родственные линии стали одинаковых цветов) и внеся несколько других изменений. Эту новую версию они обновляли несколько раз.
Дизайнеры Массимо Виньелли, Беатрис Сифуентес,
Йошики Ватерхаус. МоМА
Несмотря на неуспех в метро, схема Виньелли не была забыта, а осталась важной вехой в истории графического дизайна. Она выставляется в нью‑йоркском музее современного искусства, продаётся в виде плаката.
Виньелли с коллегами уже в 2000‑х создали новую версию этой схемы, перейдя на официальные цвета линий (родственные линии стали одинаковых цветов) и внеся несколько других изменений. Эту новую версию они обновляли несколько раз.
Дизайнеры Массимо Виньелли, Беатрис Сифуентес,
Йошики Ватерхаус. МоМА
В Токио пассажиров возят дюжина разных железнодорожных компаний, но только две из них официально называются «метро». Линии уходят в далёкие пригороды, а то и в другие города, поэтому изобразить их целиком невозможно. Станции, показанные здесь как конечные, на самом деле конечными не являются — поезда едут дальше, меняя название своей линии на ходу.
То есть на схеме видны лишь фрагменты некоторых линий — на них приходится перевозка около четверти пассажиров Токио. Более полная, но всё же не исчерпывающая версия представлена на следующем развороте. Без приложения на телефоне разобраться очень сложно.
Чтобы избавить иностранцев от необходимости различать японские названия, станции пронумерованы.
В Токио пассажиров возят дюжина разных железнодорожных компаний, но только две из них официально называются «метро». Линии уходят в далёкие пригороды, а то и в другие города, поэтому изобразить их целиком невозможно. Станции, показанные здесь как конечные, на самом деле конечными не являются — поезда едут дальше, меняя название своей линии на ходу.
То есть на схеме видны лишь фрагменты некоторых линий — на них приходится перевозка около четверти пассажиров Токио. Более полная, но всё же не исчерпывающая версия представлена на следующем развороте. Без приложения на телефоне разобраться очень сложно.
Чтобы избавить иностранцев от необходимости различать японские названия, станции пронумерованы.
Железные дороги
Большого Токио. Меик
Железные дороги
Большого Токио. Меик
В Лондоне у линий не номера, а названия, но дизайн предполагает номера. Приходится ставить непривычные
Барселона показана севером наверх, хотя на схеме метро привычней видеть её под другим углом, морем вниз
В Москве МЦК принято обозначать двойной красной ,
Дизайнер Юг Церович сделал большой проект: 46 карт разных метрополитенов мира в едином стиле. Карты доступны не только отдельными файлами, но и в качестве приложения для Айфона.
Унификация заставляет идти на компромиссы. Здесь размер шрифта мелкий, вероятно из‑за желания избежать пересечений с линиями, но везде этого добиться всё равно не удаётся. Остановки везде обозначаются точками на линии, что снижает их заметность на всех схемах. Коридоры пересадок проходят под случайными углами. Все схемы вписаны в квадраты, хотя каким‑то мог бы лучше подойти другой формат. Названия конечных набраны заглавными, хотя значительной части метрополитенов это ни к чему.
Дизайнер Юг Церович сделал большой проект: 46 карт разных метрополитенов мира в едином стиле. Карты доступны не только отдельными файлами, но и в качестве приложения для Айфона.
Унификация заставляет идти на компромиссы. Здесь размер шрифта мелкий, вероятно из‑за желания избежать пересечений с линиями, но везде этого добиться всё равно не удаётся. Остановки везде обозначаются точками на линии, что снижает их заметность на всех схемах. Коридоры пересадок проходят под случайными углами. Все схемы вписаны в квадраты, хотя каким‑то мог бы лучше подойти другой формат. Названия конечных набраны заглавными, хотя значительной части метрополитенов это ни к чему.
В Лондоне у линий не номера, а названия, но дизайн предполагает номера. Приходится ставить непривычные
Барселона показана севером наверх, хотя на схеме метро привычней видеть её под другим углом, морем вниз
В Москве МЦК принято обозначать двойной красной ,
Вообще, метро устроено сравнительно просто для пассажира: поезда ходят по тоннелям, на станциях есть только переходы и выходы в город, указатели посвящены только самому метро. Это изолированный мир, который удобно изображать в абстрактном виде.
В городе с десятью линиями метро — сотни наземных маршрутов. Цветов на всех не хватит, а ещё надо как‑то показывать разные виды транспорта. Маршруты сложнее, чем в метро: из‑за односторонних улиц автобус может идти в одну сторону иначе, чем в другую. У маршрутов разное расписание. Вокруг площади все остановки наземного транспорта могут называться именем этой площади, и человеку надо не заблудиться при пересадке. Понятно изобразить такую систему намного сложнее.
На парижской схеме автобусов и трамваев часть маршрутов имеют собственную цветную линию, а другие только обозначены номерами на серых улицах. Номера на улицах повторяются достаточно часто, чтобы не сбиться. Обозначены и подписаны только конечные и пересадочные остановки.
Вообще, метро устроено сравнительно просто для пассажира: поезда ходят по тоннелям, на станциях есть только переходы и выходы в город, указатели посвящены только самому метро. Это изолированный мир, который удобно изображать в абстрактном виде.
В городе с десятью линиями метро — сотни наземных маршрутов. Цветов на всех не хватит, а ещё надо как‑то показывать разные виды транспорта. Маршруты сложнее, чем в метро: из‑за односторонних улиц автобус может идти в одну сторону иначе, чем в другую. У маршрутов разное расписание. Вокруг площади все остановки наземного транспорта могут называться именем этой площади, и человеку надо не заблудиться при пересадке. Понятно изобразить такую систему намного сложнее.
На парижской схеме автобусов и трамваев часть маршрутов имеют собственную цветную линию, а другие только обозначены номерами на серых улицах. Номера на улицах повторяются достаточно часто, чтобы не сбиться. Обозначены и подписаны только конечные и пересадочные остановки.
В Нью‑Йорке автобусов так много, что отдельные схемы сделаны для разных районов; это Манхэттен.
Легенда в углу объясняет, как интерпретировать квадратики и стрелки.
В Нью‑Йорке автобусов так много, что отдельные схемы сделаны для разных районов; это Манхэттен.
Легенда в углу объясняет, как интерпретировать квадратики и стрелки.
А вот схема лондонского речного транспорта. Для порядка все линии идут вдоль реки, не «сворачивая» к пирсам на берегах. Сторону выхода показывает торчащая к берегу линейка. Если какой‑то маршрут не останавливается на определённом пирсе, то он не входит в пересадочную «чурчхелу».
Но любопытно, что есть два маршрута, которые лишь соединяют берега, и для них сделано исключение — они идут перпендикулярно остальным и торчат на берег не линейками, а Т‑образными тупиками.
А вот схема лондонского речного транспорта. Для порядка все линии идут вдоль реки, не «сворачивая» к пирсам на берегах. Сторону выхода показывает торчащая к берегу линейка. Если какой‑то маршрут не останавливается на определённом пирсе, то он не входит в пересадочную «чурчхелу».
Но любопытно, что есть два маршрута, которые лишь соединяют берега, и для них сделано исключение — они идут перпендикулярно остальным и торчат на берег не линейками, а Т‑образными тупиками.
Схема лифтов на станции Кингс‑кросс
На современных станциях заботятся о пассажирах на колясках и с колясками, обеспечивая безбарьерный доступ ко всем линиям. Это схема лифтов лондонской станции Кингс‑кросс — той самой, где пересекаются шесть линий.
С помощью схемы можно понять, что если тебе нужно перейти с Виктория‑лайн на Метрополитен‑лайн, то надо подняться на лифте K, затем H, потом пройти далеко по вестибюлю к лифту F и спуститься на нём к платформе.
Схема лифтов на станции Кингс‑кросс
На современных станциях заботятся о пассажирах на колясках и с колясками, обеспечивая безбарьерный доступ ко всем линиям. Это схема лифтов лондонской станции Кингс‑кросс — той самой, где пересекаются шесть линий.
С помощью схемы можно понять, что если тебе нужно перейти с Виктория‑лайн на Метрополитен‑лайн, то надо подняться на лифте K, затем H, потом пройти далеко по вестибюлю к лифту F и спуститься на нём к платформе.
Ночные поезда Мельбурна. Цвет означает тариф, а не маршрут
Общественный транспорт Виктории
Нельзя сказать, что Бек решил задачу графического представления транспортной системы раз и навсегда. У каждого города и транспортной системы полно особенностей, и попытка сделать схему под копирку без их учёта приводит к посредственному результату.
Но и делать вид, что каждая схема полностью уникальна и требует дизайнерского озарения, тоже нельзя. Было создано достаточно схем, чтобы выработать несколько принципиальных, проверенных подходов, и иметь возможность выбрать из них, глядя на конкретную систему.
О них мы поговорим во второй части, «Принцип», а пока посмотрим на ещё одну функцию схемы в городе.
Ночные поезда Мельбурна. Цвет означает тариф, а не маршрут
Общественный транспорт Виктории
Нельзя сказать, что Бек решил задачу графического представления транспортной системы раз и навсегда. У каждого города и транспортной системы полно особенностей, и попытка сделать схему под копирку без их учёта приводит к посредственному результату.
Но и делать вид, что каждая схема полностью уникальна и требует дизайнерского озарения, тоже нельзя. Было создано достаточно схем, чтобы выработать несколько принципиальных, проверенных подходов, и иметь возможность выбрать из них, глядя на конкретную систему.
О них мы поговорим во второй части, «Принцип», а пока посмотрим на ещё одну функцию схемы в городе.
Схема как символ
Говоря о функции схемы, пока мы касались только логики, но не эстетики.
Официальная схема челябинского транспорта выглядит отталкивающе. Представьте, что вам нужно куда‑то уехать по ней, и помочь вам некому. Это боль.
Остановка «ЮУрГУ», 2018
Схема как символ
Говоря о функции схемы, пока мы касались только логики, но не эстетики.
Официальная схема челябинского транспорта выглядит отталкивающе. Представьте, что вам нужно куда‑то уехать по ней, и помочь вам некому. Это боль.
Остановка «ЮУрГУ», 2018
Схема трамваев, метро и поездов Амстердама не намного лучше.
Линии смешиваются с каналами, трамваи не отличить от метро, на остановках какая‑то чёрная грязь, часть подписей стоят на мельтешащих синих плашках, всё невыносимо мелко, в случайных местах стоят несуразные иллюстрации.
Даже если очень нужно разобраться, как проехать, всё равно скорее спросишь другого человека на остановке, чем захочешь в это вникать.
Амстердам‑мэп 360,
2014
Амстердам‑мэп 360, 2014
Схема трамваев, метро и поездов Амстердама не намного лучше.
Линии смешиваются с каналами, трамваи не отличить от метро, на остановках какая‑то чёрная грязь, часть подписей стоят на мельтешащих синих плашках, всё невыносимо мелко, в случайных местах стоят несуразные иллюстрации.
Даже если очень нужно разобраться, как проехать, всё равно скорее спросишь другого человека на остановке, чем захочешь в это вникать.
Или вот автобусы Дубровника. Жуткий серый фон, дурацкий заголовок с обводкой, стрелки на чёрных кружках торчат во все стороны, а остановки и маршруты практически не видно.
Проще на такси.
Или вот автобусы Дубровника. Жуткий серый фон, дурацкий заголовок с обводкой, стрелки на чёрных кружках торчат во все стороны, а остановки и маршруты практически не видно.
Проще на такси.
Красота и функциональность — разные качества. И кажется, что первична функциональность, а красота необязательна. Схема же делается для того, чтобы люди добрались из пункта А в пункт Б, а не чтобы любовались ею на выставке.
На практике эти качества трудно разделить. Встречают по одёжке: на красивую схему интересно смотреть, она лучше запоминается и лучше помогает ориентироваться.
Некрасивая схема, наоборот, сразу отталкивает. Пассажиру не хочется в ней разбираться, она кажется сложной и бесполезной. Думаешь, раз схема уродская, то и по смыслу там поди ерунда. (Чаще всего так и есть.)
Администрация нормального города заинтересована в том, чтобы общественный транспорт пользовался спросом. Для этого он должен не только хорошо работать, но и выглядеть привлекательно. Недаром многие транспортные системы серьёзно относятся к своей айдентике.
Речь не только об оформлении автобусов и остановок. Человек должен захотеть посмотреть на схему, в расписание. Эти элементы должны успешно бороться за внимание с вывесками магазинов и рекламой.
Схема — заметный объект графического дизайна в городе. Дизайнер, который занимается схемой, фактически делает дизайн кусочка города, и должен так к этому и относиться. Схема не должна уродовать город. В идеале она должна его украшать.
О схеме как рекламе транспорта:
Появление транспортных схем
Красота и функциональность — разные качества. И кажется, что первична функциональность, а красота необязательна. Схема же делается для того, чтобы люди добрались из пункта А в пункт Б, а не чтобы любовались ею на выставке.
На практике эти качества трудно разделить. Встречают по одёжке: на красивую схему интересно смотреть, она лучше запоминается и лучше помогает ориентироваться.
Некрасивая схема, наоборот, сразу отталкивает. Пассажиру не хочется в ней разбираться, она кажется сложной и бесполезной. Думаешь, раз схема уродская, то и по смыслу там поди ерунда. (Чаще всего так и есть.)
Администрация нормального города заинтересована в том, чтобы общественный транспорт пользовался спросом. Для этого он должен не только хорошо работать, но и выглядеть привлекательно. Недаром многие транспортные системы серьёзно относятся к своей айдентике.
Речь не только об оформлении автобусов и остановок. Человек должен захотеть посмотреть на схему, в расписание. Эти элементы должны успешно бороться за внимание с вывесками магазинов и рекламой.
Схема — заметный объект графического дизайна в городе. Дизайнер, который занимается схемой, фактически делает дизайн кусочка города, и должен так к этому и относиться. Схема не должна уродовать город. В идеале она должна его украшать.
О схеме как рекламе транспорта:
Появление транспортных схем
Информационные дизайнеры знают, что их задача не просто чётко представить какие‑то факты, но заинтересовать рассказом, вовлечь читателя в свою историю. Поэтому эффектность подачи — не дополнительная опция, а обязательная часть успеха.
Даже человеку, совсем безразличному к животным или спорту будет интересно поразглядывать инфографику о местах обитания райских птиц или о том, как участники олимпиады в Рио получили свои медали.
Райские птицы. Дизайнеры Фернандо Баптиста и Мэгги Смит, фотограф Тим Ламан
Нашенал‑географик, 2012
Движения на медаль. Дизайнеры Томаш Усык, Вейн Камидои, Фред Бирман
Нью‑Йорк‑Таймс, 2016
Информационные дизайнеры знают, что их задача не просто чётко представить какие‑то факты, но заинтересовать рассказом, вовлечь читателя в свою историю. Поэтому эффектность подачи — не дополнительная опция, а обязательная часть успеха.
Даже человеку, совсем безразличному к животным или спорту будет интересно поразглядывать инфографику о местах обитания райских птиц или о том, как участники олимпиады в Рио получили свои медали.
Райские птицы. Дизайнеры Фернандо Баптиста и Мэгги Смит, фотограф Тим Ламан
Нашенал‑географик, 2012
Движения на медаль. Дизайнеры Томаш Усык, Вейн Камидои, Фред Бирман
Нью‑Йорк‑Таймс, 2016
В 1970 году появилась геометричная схема московского метро, где Кольцевая линия была изображена окружностью.
С годами эта окружность стала главной отличительной чертой московской схемы.
В 1970 году появилась геометричная схема московского метро, где Кольцевая линия была изображена окружностью.
С годами эта окружность стала главной отличительной чертой московской схемы.
С 2014 года круг также стал неотъемлемой частью схем наземного транспорта, хотя этот круг и не соответствует кольцевой линии метро.
Справочник «Московский транспорт»,
Студия Лебедева, 2014
Сеть «Магистраль»,
дизайнер Константин Коновалов, 2018
С 2014 года круг также стал неотъемлемой частью схем наземного транспорта, хотя этот круг и не соответствует кольцевой линии метро.
Справочник «Московский транспорт»,
Студия Лебедева, 2014
Сеть «Магистраль»,
дизайнер Константин Коновалов, 2018
Круглая московская кольцевая вдохновила дизайнеров на создание круглых же указателей. Около 2016 года в Москве стали появляться круглые стелы с городской навигацией.
Круглая стела на м. Кузнецкий мост. Дизайн «Биллингс Джексон» и «Сити‑айди»
Круглая стела на м. Кузнецкий мост. Дизайн «Биллингс Джексон» и «Сити‑айди»
Круглая московская кольцевая вдохновила дизайнеров на создание круглых же указателей. Около 2016 года в Москве стали появляться круглые стелы с городской навигацией.
С одной стороны, круглую форму Кольцевой линии подсказывала кольцевая структура улиц самой Москвы.
С другой, Кольцевая линия метро лишь частично совпадает с Садовым кольцом. Чтобы нарисовать её круглой, требовалась некоторая дизайнерская смелость.
Метро.ру, 1958
С одной стороны, круглую форму Кольцевой линии подсказывала кольцевая структура улиц самой Москвы.
С другой, Кольцевая линия метро лишь частично совпадает с Садовым кольцом. Чтобы нарисовать её круглой, требовалась некоторая дизайнерская смелость.
Метро.ру, 1958
В Лондоне тоже есть кольцевая линия , но она никогда не была круглой. Сейчас она вообще спиралевидная.
В Лондоне тоже есть кольцевая линия , но она никогда не была круглой. Сейчас она вообще спиралевидная.
В разные времена дизайнеры пробовали нарисовать московскую схему «по‑бековски», с углами по 45°. Такие схемы теряли в узнаваемости и выразительности.
Круглая московская Кольцевая — часть ДНК города, которую нельзя игнорировать.
Дизайн
Дмитрия Зиновьева
Метро.ру, 1997
Дизайн РИА «Новости». Конкурс схем, 2013
В разные времена дизайнеры пробовали нарисовать московскую схему «по‑бековски», с углами по 45°. Такие схемы теряли в узнаваемости и выразительности.
Круглая московская Кольцевая — часть ДНК города, которую нельзя игнорировать.
Дизайн РИА «Новости». Конкурс схем, 2013
Дизайн Дмитрия Зиновьева. Метро.ру, 1997
Есть и более мелкие детали, которые отличают московскую схему от других.
С 2013 года переходы изображаются градиентами из цветов соединяемых линий.
Официальная схема линий Московского метро. Студия Лебедева, 2013
Есть и более мелкие детали, которые отличают московскую схему от других.
С 2013 года переходы изображаются градиентами из цветов соединяемых линий.
Официальная схема линий Московского метро. Студия Лебедева, 2013
Студия Лебедева, 2016
Цветные московские пересадки заметно отличаются от чёрных лондонских. Но они отличаются и формой: окружности станций толще, коридорчики переходов тоньше. Пеньки непересадочных станций тоже разные: в Москве они торчат на целую толщину линии, в Лондоне — только на ⅔ её толщины. Отличается и шрифт, и цвет надписей. Всё это задаёт характер и формирует ощущение от схемы.
Транспорт Лондона, 2018
Цветные московские пересадки заметно отличаются от чёрных лондонских. Но они отличаются и формой: окружности станций толще, коридорчики переходов тоньше. Пеньки непересадочных станций тоже разные: в Москве они торчат на целую толщину линии, в Лондоне — только на ⅔ её толщины. Отличается и шрифт, и цвет надписей. Всё это задаёт характер и формирует ощущение от схемы.
Студия Лебедева, 2016
Транспорт Лондона, 2018
И круглое кольцо, и градиенты переходов, и форма и размер станций, и шрифт работают не только на полной схеме, но и на вагонных линейных схемах. Они сразу узнаются как московские.
Линейные схемы
Студия Лебедева, 2016
Линейные схемы
Студия Лебедева, 2016
И круглое кольцо, и градиенты переходов, и форма и размер станций, и шрифт работают не только на полной схеме, но и на вагонных линейных схемах. Они сразу узнаются как московские.
А на схеме ниже — лондонские, а не какие‑то ещё трамваи. Схема приятная на вид, но довольно бестолковая. Зачем было вообще изображать полтора маршрута в схематичном виде?
Но схема следует лондонским дизайн‑стандартам, поэтому сразу видна её причастность к системе и бренду.
А на схеме ниже — лондонские, а не какие‑то ещё трамваи. Схема приятная на вид, но довольно бестолковая. Зачем было вообще изображать полтора маршрута в схематичном виде?
Но схема следует лондонским дизайн‑стандартам, поэтому сразу видна её причастность к системе и бренду.
В Лондоне схема метро сформировала графический язык всей коммуникации транспортных служб. Графический стиль транспорта, включая речной, велосипеды и такси, вырос из дизайна бековской схемы.
Информационно‑рекламные постеры лондонского метро. Шипы из розы торчат на ⅔ толщины стебля
В Лондоне схема метро сформировала графический язык всей коммуникации транспортных служб. Графический стиль транспорта, включая речной, велосипеды и такси, вырос из дизайна бековской схемы.
Информационно‑рекламные постеры лондонского метро. Шипы из розы торчат на ⅔ толщины стебля
Даже временные знаки объезда ремонтируемой дороги для водителей автобусов набраны фирменным шрифтом Транспорта Лондона. Форма стрелки тоже стандартная.
Даже временные знаки объезда ремонтируемой дороги для водителей автобусов набраны фирменным шрифтом Транспорта Лондона. Форма стрелки тоже стандартная.
Графика лондонской схемы вышла не только за пределы метро, но и даже за пределы Лондона. На её основе делают схемы всего подряд.
Марк Овенден нарисовал шуточную схему всемирного метро для обложки своей книги «Транспортные схемы мира».
Графика лондонской схемы вышла не только за пределы метро, но и даже за пределы Лондона. На её основе делают схемы всего подряд.
Марк Овенден нарисовал шуточную схему всемирного метро для обложки своей книги «Транспортные схемы мира».
О схемах Виньелли и Герца:
Многообразие схем
В конце 60‑х в Нью‑Йорке были унифицированы обозначения маршрутов метро — они стали обозначаться цветными кружками с цифрами и буквами.
На схеме Виньелли (1972) они использовались только в легенде. А на схеме Герца (1979) они уже сопровождали изображения линий.
Эти кружки — главный опознавательный признак нью‑йоркского метро. Никто не знает, как выглядит его логотип, да и он почти нигде не используется.
В конце 60‑х в Нью‑Йорке были унифицированы обозначения маршрутов метро — они стали обозначаться цветными кружками с цифрами и буквами.
На схеме Виньелли (1972) они использовались только в легенде. А на схеме Герца (1979) они уже сопровождали изображения линий.
Эти кружки — главный опознавательный признак нью‑йоркского метро. Никто не знает, как выглядит его логотип, да и он почти нигде не используется.
О схемах Виньелли и Герца:
Многообразие схем
Входы на станции метро в Нью‑Йорке узнаются по цветным кружкам
Входы на станции метро в Нью‑Йорке узнаются по цветным кружкам
Кружками стали даже точки над i в новой пешеходной навигации.
Вообще, в шрифте Гельветика они квадратные. Но для этих указателей сделана специальная версия шрифта, называемая «Ноe Гельветика ДОТ». Dot по‑английски точка, а ещё это сокращение от department of transportation.
Кружками стали даже точки над i в новой пешеходной навигации.
Вообще, в шрифте Гельветика они квадратные. Но для этих указателей сделана специальная версия шрифта, называемая «Ноe Гельветика ДОТ». Dot по‑английски точка, а ещё это сокращение от department of transportation.
Дизайнер Кэмерон Бут нарисовал схему метро Нью‑Йорка по лондонским стандартам.
Две вещи сразу выдают «нелондонскость»: названия станций в виде номеров улиц и обозначения поездов на конечной.
Дизайнер Кэмерон Бут нарисовал схему метро Нью‑Йорка по лондонским стандартам.
Две вещи сразу выдают «нелондонскость»: названия станций в виде номеров улиц и обозначения поездов на конечной.
В 2015 году в Люксембурге использовалась запутанная схема автобусов, которую местные назвали
Дизайнер Юг Церович предложил новую, куда более чистую и читаемую.
От спагетти‑монстра к «произведению искусства». Люксембург‑таймс
В 2015 году в Люксембурге использовалась запутанная схема автобусов, которую местные назвали
Дизайнер Юг Церович предложил новую, куда более чистую и читаемую.
От спагетти‑монстра к «произведению искусства». Люксембург‑таймс
В 2016‑м схема Церовича стала официальной. Заголовок «Сеть муниципальных автобусов» встал под углом 18° к горизонту. Сетка стала «фишкой» городского транспорта — схему ночных автобусов тоже сделали по ней.
Ночные
автобусы.
ВДЛ
Фото
Паши Омелёхина
В 2016‑м схема Церовича стала официальной. Заголовок «Сеть муниципальных автобусов» встал под углом 18° к горизонту. Сетка стала «фишкой» городского транспорта — схему ночных автобусов тоже сделали по ней.
Фото Паши Омелёхина
Ночные автобусы. ВДЛ
Константин Коновалов в своей версии парижской схемы изменил вид станций и характер линий, нарисовал достопримечательности, внедрил кольца, придумал другую сетку углов.
Казалось бы, всё должно было измениться до неузнаваемости. Но Константин оставил близкую к оригинальной расцветку, поэтому и схема осталась парижской.
Ранее о парижских схемах:
Разнообразие схем
Константин Коновалов в своей версии парижской схемы изменил вид станций и характер линий, нарисовал достопримечательности, внедрил кольца, придумал другую сетку углов.
Казалось бы, всё должно было измениться до неузнаваемости. Но Константин оставил близкую к оригинальной расцветку, поэтому и схема осталась парижской.
Ранее о парижских схемах:
Разнообразие схем
Три центральных площади на схеме автобусов Симферополя легли в основу знака транспортной компании «Симсититранс».
Студия Лебедева, 2005
Три центральных площади на схеме автобусов Симферополя легли в основу знака транспортной компании «Симсититранс».
Студия Лебедева, 2005
Изюминка челябинской схемы — красивые трёхмерные конечные.
Изюминка челябинской схемы — красивые трёхмерные конечные.
Абсолютно прекрасны старые схемы троллейбусов и трамваев Калининграда, особенно выразительна троллейбусная.
Очень жаль, что они не выжили.
Из книги «Калининград — схемы города. Транспортные маршруты», 1990
Из книги «Калининград — схемы города. Транспортные маршруты», 1990
Абсолютно прекрасны старые схемы троллейбусов и трамваев Калининграда, особенно выразительна троллейбусная.
Очень жаль, что они не выжили.
Лондонскую схему собирают из конфет. Лондонист
Сильный графический дизайн работает на бренд транспорта, а через это — и на имидж города. Если схема в каком‑то городе слишком «лондонская», она продолжает работать на Лондон, а не на свой город.
Тема брендинга намного шире этой книги. Но я касаюсь её здесь, потому что схема — это средоточие графических элементов и приёмов. Шрифты, цвета, значки, линии, плашки должны быть неслучайными.
Иногда имеющаяся городская особенность проникает на схему и становится её изюминкой, как в Москве. Иногда детали схемы выходят за её пределы и становятся уже особенностями города, как в Лондоне. Иногда схема и город развиваются вместе, влияя друг на друга, как в Нью‑Йорке.
Чтобы схема впитала дух города и обогатила его, процесс её создания должен сопровождаться культурным поиском.
Команда, работавшая над концепцией новой навигации в Москве, изучала город, вывешивая на стенах своей студии характерные детали: текстуру, форму, типографику, цвет, архитектурные решения — примеры приведены на следующем развороте.
При этом использовать найденные элементы нужно очень интеллигентно и только по делу, чтобы работа не превратилась в неуместную стилизацию. Набирать станции московского метро полууставом и рисовать купола по периметру было бы ошибкой.
Сильный графический дизайн работает на бренд транспорта, а через это — и на имидж города. Если схема в каком‑то городе слишком «лондонская», она продолжает работать на Лондон, а не на свой город.
Тема брендинга намного шире этой книги. Но я касаюсь её здесь, потому что схема — это средоточие графических элементов и приёмов. Шрифты, цвета, значки, линии, плашки должны быть неслучайными.
Иногда имеющаяся городская особенность проникает на схему и становится её изюминкой, как в Москве. Иногда детали схемы выходят за её пределы и становятся уже особенностями города, как в Лондоне. Иногда схема и город развиваются вместе, влияя друг на друга, как в Нью‑Йорке.
Чтобы схема впитала дух города и обогатила его, процесс её создания должен сопровождаться культурным поиском.
Команда, работавшая над концепцией новой навигации в Москве, изучала город, вывешивая на стенах своей студии характерные детали: текстуру, форму, типографику, цвет, архитектурные решения — примеры приведены на следующем развороте.
При этом использовать найденные элементы нужно очень интеллигентно и только по делу, чтобы работа не превратилась в неуместную стилизацию. Набирать станции московского метро полууставом и рисовать купола по периметру было бы ошибкой.
Лондонскую схему собирают из конфет. Лондонист
Проектный офис транспортной навигации, Москва
Проектный офис транспортной навигации, Москва
Работа над шрифтом
Сравнение вариантов дизайна указателей
Поиск стиля пиктограмм. Сити‑Айди
Работа над шрифтом
Сравнение вариантов дизайна указателей
Поиск стиля пиктограмм. Сити‑Айди
Поиск решения
Создание схемы — совсем не типовая задача представления информации.
Во всех транспортных системах свои заморочки: неочевидные пересадки, особые расписания у некоторых маршрутов, односторонние остановки, хитрая система оплаты. Нужно показать всё это так, чтобы никто не испугался сложностей и ничего не перепутал.
К эстетике, как мы обсудили выше, тоже высокие требования: нужно сделать схему узнаваемой и самобытной, чтобы она работала на имидж транспорта и города.
Человеку, который никогда не занимался транспортными схемами, может показаться, что хотя бы логическую часть может сделать компьютер: есть ограниченное число элементов, понятные связи между ними, набор требований к углам и цветам, значит оптимальную конфигурацию сможет найти алгоритм.
Пока это не удавалось. Реальный процесс обычно связан с длительным перебором вариантов, а удачным нередко оказывается неожиданное решение — достаточно вспомнить историю нью‑йоркской схемы. И каким бы ни стало это решение, обязательно придётся делать мелкие исключения, до которых компьютер бы не догадался.
О схеме метро Нью‑Йорка:
Многообразие схем
Поиск решения
Создание схемы — совсем не типовая задача представления информации.
Во всех транспортных системах свои заморочки: неочевидные пересадки, особые расписания у некоторых маршрутов, односторонние остановки, хитрая система оплаты. Нужно показать всё это так, чтобы никто не испугался сложностей и ничего не перепутал.
К эстетике, как мы обсудили выше, тоже высокие требования: нужно сделать схему узнаваемой и самобытной, чтобы она работала на имидж транспорта и города.
Человеку, который никогда не занимался транспортными схемами, может показаться, что хотя бы логическую часть может сделать компьютер: есть ограниченное число элементов, понятные связи между ними, набор требований к углам и цветам, значит оптимальную конфигурацию сможет найти алгоритм.
Пока это не удавалось. Реальный процесс обычно связан с длительным перебором вариантов, а удачным нередко оказывается неожиданное решение — достаточно вспомнить историю нью‑йоркской схемы. И каким бы ни стало это решение, обязательно придётся делать мелкие исключения, до которых компьютер бы не догадался.
О схеме метро Нью‑Йорка:
Многообразие схем
Когда я начал делать свою первую схему московского метро в 2006 году, мне казалось, что надо найти способ соединить станции линиями с минимумом изгибов, и потом подписать.
Тогда я использовал станции как «удобные» места для поворота линий.
Как надо было:
Повороты на виду
Когда я начал делать свою первую схему московского метро в 2006 году, мне казалось, что надо найти способ соединить станции линиями с минимумом изгибов, и потом подписать.
Тогда я использовал станции как «удобные» места для поворота линий.
Как надо было:
Повороты на виду
Официальная московская схема, 2005
Официальные схемы всегда изображали каждую платформу отдельным кружком с подписью‑названием рядом.
Чтобы упростить геометрию, я решил показывать одним кружком целые пересадочные узлы.
Но станции одного пересадочного узла могут иметь разные названия, и на таких узлах пришлось вывешивать списки этих названий.
О трудностях с подписями московских станций:
Разнообразие схем
Официальная московская схема, 2005
Официальные схемы всегда изображали каждую платформу отдельным кружком с подписью‑названием рядом.
Чтобы упростить геометрию, я решил показывать одним кружком целые пересадочные узлы.
Но станции одного пересадочного узла могут иметь разные названия, и на таких узлах пришлось вывешивать списки этих названий.
О трудностях с подписями московских станций:
Разнообразие схем
Моя первая схема получилась такой.
Подписи мелкие, хотя полно свободного места. Самый заметный «пустырь» внутри кольца — вокруг Маяковской. Так получается, если сначала соединить станции, а потом искать место для подписей.
2006. Публикуется впервые
Моя первая схема получилась такой.
Подписи мелкие, хотя полно свободного места. Самый заметный «пустырь» внутри кольца — вокруг Маяковской. Так получается, если сначала соединить станции, а потом искать место для подписей.
2006. Публикуется впервые
Дизайн 2006 года много лет улучшался в мелочах, но принципиально оставался тем же до 2012 года.
Дизайн 2006 года много лет улучшался в мелочах, но принципиально оставался тем же до 2012 года.
Если бы у каждого пересадочного узла было одно название, схема бы выглядела намного проще.
На этой экспериментальной схеме я сразу оставлял место для подписей, когда проводил линии. Получилось лучше, чем на схеме со списками названий, но здесь бросается в глаза вынужденный перегиб между Третьяковской и Павелецким вокзалом.
Схема‑фантазия из проекта «Перезагрузка метро»
Если бы у каждого пересадочного узла было одно название, схема бы выглядела намного проще.
На этой экспериментальной схеме я сразу оставлял место для подписей, когда проводил линии. Получилось лучше, чем на схеме со списками названий, но здесь бросается в глаза вынужденный перегиб между Третьяковской и Павелецким вокзалом.
Схема‑фантазия из проекта «Перезагрузка метро»
В 2012 году в Москве объявили конкурс на новую официальную схему, с подписями на двух языках. Меня пригласили участвовать.
Я попытался добавить латиницу в свой старый дизайн, но списки станций стали настолько длинными, что за ними не было видно линий.
Неудачная попытка добавить латиницу
Неудачная попытка добавить латиницу
В 2012 году в Москве объявили конкурс на новую официальную схему, с подписями на двух языках. Меня пригласили участвовать.
Я попытался добавить латиницу в свой старый дизайн, но списки станций стали настолько длинными, что за ними не было видно линий.
В столбик на плашке
Я пробовал разные варианты оформления списка: в строку и в столбик, с плашкой и без. Пробовал даже располагать названия со всех сторон от узла.
По бокам на плашках
По бокам без плашек
Вдоль станции‑сосиски
В столбик на плашке
Я пробовал разные варианты оформления списка: в строку и в столбик, с плашкой и без. Пробовал даже располагать названия со всех сторон от узла.
По бокам на плашках
По бокам без плашек
Вдоль станции‑сосиски
Около обтекающих пересадку линий
Ничего хорошего не получалось.
Вокруг дуг маленького кружка
Вокруг дуг большого кружка
Ничего хорошего не получалось.
Около обтекающих пересадку линий
Вокруг дуг маленького кружка
Вокруг дуг большого кружка
Я подумал: а что, если сначала хорошо расставить все подписи, а уже потом провести линии между ними?
Так тоже плохо. Когда у станций по несколько названий на двух языках, линиям приходится обтекать большие блоки текста. Линии перестают читаться как самостоятельные элементы и превращаются в цветные декоративные рамки, как в дешёвых журналах.
Среди этих экспериментов родилась версия схемы для размещения на проездных билетах
Я подумал: а что, если сначала хорошо расставить все подписи, а уже потом провести линии между ними?
Так тоже плохо. Когда у станций по несколько названий на двух языках, линиям приходится обтекать большие блоки текста. Линии перестают читаться как самостоятельные элементы и превращаются в цветные декоративные рамки, как в дешёвых журналах.
Среди этих экспериментов родилась версия схемы для размещения на проездных билетах
В итоге я отказался от обозначения целого пересадочного узла общим кружком. Если изобразить каждую платформу отдельным кружком, будет больше возможностей выбрать место для её названия.
Я начал поиск нового обозначения пересадок с узла Библиотеки имени Ленина — самого крупного в центре схемы. Если его не решить, остальное делать бессмысленно.
Так все подписи налезают на линии.
Так на красную линию налезает подпись Арбатской, а переход между красной и серой кажется слишком длинным. Серая линия проходит через три платформы вместо одной. Из‑за этого кто‑то собьётся при подсчёте оставшихся остановок.
Если ещё подвигать станции и уменьшить кегль, удаётся найти места для всех четырёх подписей. Правда, Александровскому саду явно некомфортно «в подмышке», ну и теперь переход между синей и голубой кажется слишком длинным. Но главное — синяя и красная линии уходят направо неправильно: красная должна проходить выше синей.
Вариант без слишком длинных переходов. К сожалению, серая линия всё ещё проходит через «чужую» красную станцию.
Можно получить более красивую форму, отодвинув Александровский сад в сторону.
Но во всех этих вариантах есть более важная проблема: платформы соединены не так, как в реальности.
В итоге я отказался от обозначения целого пересадочного узла общим кружком. Если изобразить каждую платформу отдельным кружком, будет больше возможностей выбрать место для её названия.
Я начал поиск нового обозначения пересадок с узла Библиотеки имени Ленина — самого крупного в центре схемы. Если его не решить, остальное делать бессмысленно.
Так все подписи налезают на линии.
Так на красную линию налезает подпись Арбатской, а переход между красной и серой кажется слишком длинным. Серая линия проходит через три платформы вместо одной. Из‑за этого кто‑то собьётся при подсчёте оставшихся остановок.
Если ещё подвигать станции и уменьшить кегль, удаётся найти места для всех четырёх подписей. Правда, Александровскому саду явно некомфортно «в подмышке», ну и теперь переход между синей и голубой кажется слишком длинным. Но главное — синяя и красная линии уходят направо неправильно: красная должна проходить выше синей.
Вариант без слишком длинных переходов. К сожалению, серая линия всё ещё проходит через «чужую» красную станцию.
Можно получить более красивую форму, отодвинув Александровский сад в сторону.
Но во всех этих вариантах есть более важная проблема: платформы соединены не так, как в реальности.
Задолго до моей первой схемы в Москве сложилась уникальная традиция показывать в обозначениях пересадок то, как именно платформы соединены под землёй.
Если тройная станция показана треугольником, значит с любой из соединяемых линий можно перейти непосредственно на любую другую.
Узел Охотного Ряда изображён прямым отрезком, потому что переход между красной и синей линиями — через платформу зелёной.
С Александровского сада на Боровицкую можно попасть только через одну из двух других платформ этого узла. Дизайнер пытался изобразить это множеством стрелочек, напоминающих схемы сражений из учебников истории.
Привлекать к этой детали столько внимания нет смысла: в любом случае перейти между голубой и серой линиями можно только на этой пересадке, а переходить люди будут, глядя на указатели, а не на схему.
Но москвичи привыкли, что пересадки должны быть изображены «правильно», это греет людям душу. Поэтому мои варианты с предыдущего разворота не подходят.
Нужно было проявить дизайнерское милосердие и сделать новый вариант, чтобы платформы были правильно соединены, линии уходили в правильных направлениях, и оставалось место для каждой подписи.
Задолго до моей первой схемы в Москве сложилась уникальная традиция показывать в обозначениях пересадок то, как именно платформы соединены под землёй.
Если тройная станция показана треугольником, значит с любой из соединяемых линий можно перейти непосредственно на любую другую.
Узел Охотного Ряда изображён прямым отрезком, потому что переход между красной и синей линиями — через платформу зелёной.
С Александровского сада на Боровицкую можно попасть только через одну из двух других платформ этого узла. Дизайнер пытался изобразить это множеством стрелочек, напоминающих схемы сражений из учебников истории.
Привлекать к этой детали столько внимания нет смысла: в любом случае перейти между голубой и серой линиями можно только на этой пересадке, а переходить люди будут, глядя на указатели, а не на схему.
Но москвичи привыкли, что пересадки должны быть изображены «правильно», это греет людям душу. Поэтому мои варианты с предыдущего разворота не подходят.
Нужно было проявить дизайнерское милосердие и сделать новый вариант, чтобы платформы были правильно соединены, линии уходили в правильных направлениях, и оставалось место для каждой подписи.
Варианты, которые встречались на существующих схемах, меня не устраивали своей ненужной сложностью. Вместо того, чтобы помогать человеку увидеть, как всё устроено, они кричали: «Тут всё сложно! Хрен разберёшься!»
Варианты, которые встречались на существующих схемах, меня не устраивали своей ненужной сложностью. Вместо того, чтобы помогать человеку увидеть, как всё устроено, они кричали: «Тут всё сложно! Хрен разберёшься!»
После долгих поисков я расположил платформы по углам ромба.
Это элегантная конструкция: все углы одинаковые, все соединения одинаковой длины, при этом связи между станциями показаны точно и всем названиям есть место.
Линии уходят куда надо, и соседний узел тоже встаёт хорошо.
Так схема снова начала расти.
После долгих поисков я расположил платформы по углам ромба.
Это элегантная конструкция: все углы одинаковые, все соединения одинаковой длины, при этом связи между станциями показаны точно и всем названиям есть место.
Линии уходят куда надо, и соседний узел тоже встаёт хорошо.
Так схема снова начала расти.
Из элементов этого ромба легко получаются более простые пересадки.
Из элементов этого ромба легко получаются более простые пересадки.
Версия 3.508
Версия 3.510
Версия 3.516
Версия 3.517
Версия 3.530
Версия 3.577
Версия 3.691
Когда форма пересадки на Библиотеке имени Ленина была найдена, я начал искать расположение других узлов и их подписей.
В первом варианте пересадки на Лубянке название Кузнецкого Моста пересекает фиолетовую линию.
Если разбить название на две строки, ему становится тесно между красной и фиолетовой линиями.
Переворачиваю узел, чтобы дышалось свободнее.
Теперь хочется название «Кузнецкий Мост» поставить ближе к станции, а латиницу переместить наверх. Выглядит явно лучше — чуть позже сделаю так на всей схеме.
Если наклонить пересадку, получается выровнять «Кузнецкий Мост» по левому краю. Так удобнее читать.
Делаю пересадку короче. Когда станций две, так выглядит аккуратнее, чем с длинной гантелью, но «Кузнецкий Мост» снова отваливается.
Пришло время везде поставить кириллицу ближе к станциям. Если ещё и отцентровать «Кузнецкий Мост», получается хорошо.
Версия 3.508
Версия 3.510
Версия 3.516
Версия 3.517
Версия 3.530
Версия 3.577
Версия 3.691
Когда форма пересадки на Библиотеке имени Ленина была найдена, я начал искать расположение других узлов и их подписей.
В первом варианте пересадки на Лубянке название Кузнецкого Моста пересекает фиолетовую линию.
Если разбить название на две строки, ему становится тесно между красной и фиолетовой линиями.
Переворачиваю узел, чтобы дышалось свободнее.
Теперь хочется название «Кузнецкий Мост» поставить ближе к станции, а латиницу переместить наверх. Выглядит явно лучше — чуть позже сделаю так на всей схеме.
Если наклонить пересадку, получается выровнять «Кузнецкий Мост» по левому краю. Так удобнее читать.
Делаю пересадку короче. Когда станций две, так выглядит аккуратнее, чем с длинной гантелью, но «Кузнецкий Мост» снова отваливается.
Пришло время везде поставить кириллицу ближе к станциям. Если ещё и отцентровать «Кузнецкий Мост», получается хорошо.
Версия 3.529
Версия 3.529
Версия 3.531
Версия 3.579
Версия 3.579
Версия 3.587
Версия 3.617
Версия 3.770
Теперь посмотрим на Баррикадную.
Над её названием слишком много пустого места, его хочется устранить. Кроме того, сама надпись неприятно бьётся углом об угол «Пушкинской».
Пробую погнуть фиолетовую линию в другом месте, чтобы Баррикадная уехала выше. Заметьте, что это изменение влияет на весь остаток фиолетовой линии; станции Сходненской даже приходится переехать налево. Так мне не нравится, что подпись Краснопресненской уехала из кольца наружу. Плотность внутри упала.
Возвращаю как было — подумаю ещё раз попозже.
Укорачиваю пересадку на Баррикадной, как сделал ранее на Лубянке. Из‑за этого она съезжает левее‑выше, и кружок Краснопресненской оказывается слишком далеко от своего названия.
Опускаю пересадку ниже — ради этого приходится снова сдвинуть остаток фиолетовой линии. Чтобы латинская подпись Улицы 1905 года не прикоснулась к реке слева, приходится её разбить на две строки.
Неожиданно нахожу простой способ заполнить дыру над Баррикадной: переношу подпись Маяковской налево.
От столкновения названий углами удаётся избавиться лишь сильно позже, когда «Краснопресненская» всё‑таки уехала наружу.
Версия 3.529
Версия 3.529
Версия 3.531
Версия 3.579
Версия 3.579
Версия 3.587
Версия 3.617
Версия 3.770
Теперь посмотрим на Баррикадную.
Над её названием слишком много пустого места, его хочется устранить. Кроме того, сама надпись неприятно бьётся углом об угол «Пушкинской».
Пробую погнуть фиолетовую линию в другом месте, чтобы Баррикадная уехала выше. Заметьте, что это изменение влияет на весь остаток фиолетовой линии; станции Сходненской даже приходится переехать налево. Так мне не нравится, что подпись Краснопресненской уехала из кольца наружу. Плотность внутри упала.
Возвращаю как было — подумаю ещё раз попозже.
Укорачиваю пересадку на Баррикадной, как сделал ранее на Лубянке. Из‑за этого она съезжает левее‑выше, и кружок Краснопресненской оказывается слишком далеко от своего названия.
Опускаю пересадку ниже — ради этого приходится снова сдвинуть остаток фиолетовой линии. Чтобы латинская подпись Улицы 1905 года не прикоснулась к реке слева, приходится её разбить на две строки.
Неожиданно нахожу простой способ заполнить дыру над Баррикадной: переношу подпись Маяковской налево.
От столкновения названий углами удаётся избавиться лишь сильно позже, когда «Краснопресненская» всё‑таки уехала наружу.
Версия 3.523
Версия 3.523
Версия 3.538
Версия 3.538
Версия 3.557
Версия 3.590
Справа от Курской жёлтая линия проходит слишком близко к синей.
Если её так и продолжить, она заденет подпись Электрозаводской. При этом ниже полно места.
Опускаю жёлтую и направляю её вправо. Появляется дополнительный перегиб на салатовой, а их там и без того много.
Спрямляю салатовую, наклонив пересадку Курская — Чкаловская по‑другому.
Есть ещё проблема: салатовая проходит через кружок станции Площади Ильича, хотя это станция на другой линии. Не годится.
Перерисовываю весь кусок, заодно сокращая длину пересадки на Курской. Синей линии приходится целиком подвинуться выше.
Версия 3.523
Версия 3.523
Версия 3.538
Версия 3.538
Версия 3.557
Версия 3.590
Справа от Курской жёлтая линия проходит слишком близко к синей.
Если её так и продолжить, она заденет подпись Электрозаводской. При этом ниже полно места.
Опускаю жёлтую и направляю её вправо. Появляется дополнительный перегиб на салатовой, а их там и без того много.
Спрямляю салатовую, наклонив пересадку Курская — Чкаловская по‑другому.
Есть ещё проблема: салатовая проходит через кружок станции Площади Ильича, хотя это станция на другой линии. Не годится.
Перерисовываю весь кусок, заодно сокращая длину пересадки на Курской. Синей линии приходится целиком подвинуться выше.
Версия 3.590
Версия 3.590
Версия 3.733
Версия 3.734
Версия 3.734
Версия 3.734
Версия 3.770
То, что я показывал на предыдущих разворотах как один шаг, на деле — много мелких движений, во время которых всё ломается.
Хочется устранить лишний перегиб салатовой линии в районе Сретенского бульвара, проведя её там прямо. Для этого нужно найти новые места названиям.
Руки до этого доходят позже. К тому времени шрифт увеличился — «Тургеневская» перестала влезать в ширину, а «Кузнецкий Мост» — в высоту.
Если поднять горизонтальный отрезок повыше, «Кузнецкий Мост» влезает. Но треугольник перехода съехал с салатовой линии.
Сдвигаем этот треугольник правее‑выше по красной линии. Теперь он съехал с оранжевой.
Сдвигаем кусок оранжевой правее, чтобы он прошёл через переход, — и вот нашлось место для «Тургеневской». Тут ещё удачно, что «Красные Ворота» встали некоторое время назад в две строки — в одну она бы уже не влезла после сдвига оранжевой вправо.
Подчищаю.
Версия 3.590
Версия 3.590
Версия 3.733
Версия 3.734
Версия 3.734
Версия 3.734
Версия 3.770
То, что я показывал на предыдущих разворотах как один шаг, на деле — много мелких движений, во время которых всё ломается.
Хочется устранить лишний перегиб салатовой линии в районе Сретенского бульвара, проведя её там прямо. Для этого нужно найти новые места названиям.
Руки до этого доходят позже. К тому времени шрифт увеличился — «Тургеневская» перестала влезать в ширину, а «Кузнецкий Мост» — в высоту.
Если поднять горизонтальный отрезок повыше, «Кузнецкий Мост» влезает. Но треугольник перехода съехал с салатовой линии.
Сдвигаем этот треугольник правее‑выше по красной линии. Теперь он съехал с оранжевой.
Сдвигаем кусок оранжевой правее, чтобы он прошёл через переход, — и вот нашлось место для «Тургеневской». Тут ещё удачно, что «Красные Ворота» встали некоторое время назад в две строки — в одну она бы уже не влезла после сдвига оранжевой вправо.
Подчищаю.
К сожалению, в конкурсе я проиграл, но над схемой продолжил работать и в 2015 году выпустил существенно переделанную четвёртую версию.
Процесс перехода от третьей к четвёртой версии показан на видео. Обратите внимание:
на долгие поиски конфигурации голубой и синей линий слева, сначала внутри кольца, потом снаружи;
уплотнение сетки и эксперимент с рассинхронизацией сетки сверху и снизу;
освобождение севера для добавления монорельса;
попытки добиться равномерности внутри кольца;
значительное увеличение кегля;
улучшение обозначений пересадок;
вёрстку, поиск красивой формы и балансировку отступов между станциями по всей схеме.
Восемь месяцев неспешной работы за одну минуту
Восемь месяцев неспешной работы за одну минуту
К сожалению, в конкурсе я проиграл, но над схемой продолжил работать и в 2015 году выпустил существенно переделанную четвёртую версию.
Процесс перехода от третьей к четвёртой версии показан на видео. Обратите внимание:
на долгие поиски конфигурации голубой и синей линий слева, сначала внутри кольца, потом снаружи;
уплотнение сетки и эксперимент с рассинхронизацией сетки сверху и снизу;
освобождение севера для добавления монорельса;
попытки добиться равномерности внутри кольца;
значительное увеличение кегля;
улучшение обозначений пересадок;
вёрстку, поиск красивой формы и балансировку отступов между станциями по всей схеме.
Шрифт Директ. Схемопанорама
Шрифт Москоу‑санс. Схемопанорама
Схема — очень хрупкая конструкция, и мелкое изменение в одном месте влечёт множество изменений в других. Через это проходят все, кто работают над схемами.
В 2013 году официальной стала схема, созданная в Студии Лебедева. А в 2015‑м Департамент транспорта Москвы принял новый официальный шрифт, «Москоу‑санс», и его нужно было использовать на схеме. Дизайнер Людвиг Быстроновский комментирует:
«Кажется, что поменять на схеме шрифт легко, но на деле — ещё одна перевёрстка. По дороге увеличены иконки вокзалов, изменена вёрстка нескольких узлов»
Вроде схема та же, но сдвинулось почти всё. Особенно масштабные изменения — в правой части кольца.
Шрифт Директ. Схемопанорама
Шрифт Москоу‑санс. Схемопанорама
Схема — очень хрупкая конструкция, и мелкое изменение в одном месте влечёт множество изменений в других. Через это проходят все, кто работают над схемами.
В 2013 году официальной стала схема, созданная в Студии Лебедева. А в 2015‑м Департамент транспорта Москвы принял новый официальный шрифт, «Москоу‑санс», и его нужно было использовать на схеме. Дизайнер Людвиг Быстроновский комментирует:
«Кажется, что поменять на схеме шрифт легко, но на деле — ещё одна перевёрстка. По дороге увеличены иконки вокзалов, изменена вёрстка нескольких узлов»
Вроде схема та же, но сдвинулось почти всё. Особенно масштабные изменения — в правой части кольца.
Адаптация полностью готовой официальной схемы для новой круглой стелы потребовала огромного числа микроизменений.
Дизайнер Пётр Батуринцев показывает, что будет, если наложить все промежуточные версии друг на друга.
- О круглой стеле:
Схема как символ
Адаптация полностью готовой официальной схемы для новой круглой стелы потребовала огромного числа микроизменений.
Дизайнер Пётр Батуринцев показывает, что будет, если наложить все промежуточные версии друг на друга.
- О круглой стеле:
Схема как символ
Два года работы за сорок секунд. О проекте
В 2018 году дизайнер Паша Омелёхин предложил свой вариант дизайна схемы метро и электричек Берлина. После завершения работы он собрал видео из промежуточных вариантов. Комментарий автора:
«Верстаю текущую схему аккуратнее, но сильно лучше не становится. Рисую кольцо в виде головы собаки, как в жизни — получается лучше, но не сильно. Тогда освобождаю все линии от сетки, чтобы лучше сочетались с кольцом. Интересно, но не по‑немецки. Иду в другую сторону: делаю прямые линии и небольшие скругления у метро, но большие плавные изгибы у электричек.
То, что нужно: глаз не запинается о большое количество параллельных линий и спокойно выцепляет каждую по отдельности. Построить маршрут — легко.»
Два года работы за сорок секунд. О проекте
В 2018 году дизайнер Паша Омелёхин предложил свой вариант дизайна схемы метро и электричек Берлина. После завершения работы он собрал видео из промежуточных вариантов. Комментарий автора:
«Верстаю текущую схему аккуратнее, но сильно лучше не становится. Рисую кольцо в виде головы собаки, как в жизни — получается лучше, но не сильно. Тогда освобождаю все линии от сетки, чтобы лучше сочетались с кольцом. Интересно, но не по‑немецки. Иду в другую сторону: делаю прямые линии и небольшие скругления у метро, но большие плавные изгибы у электричек.
То, что нужно: глаз не запинается о большое количество параллельных линий и спокойно выцепляет каждую по отдельности. Построить маршрут — легко.»
Приглашаю читать рассказы моих коллег о работе над схемами для Челябинска, Екатеринбурга и Минска.
По мере проработки схемы челябинских трамваев 2015 года на ней появились парки, озёра и маршруты другого транспорта в отдельном слое.
Дизайнер Александр Караваев, артдир я. О проекте
Первый черновик
Появляются обозначения остановок, названия районов, список маршрутов
Обозначения остановок меняются, добавляется слой с троллейбусами и автобусами
Появляются фирменные конечные, докручиваются обозначения парков и водоёмов
Опубликованная версия
Первый черновик
Появляются обозначения остановок, названия районов, список маршрутов
Обозначения остановок меняются, добавляется слой с троллейбусами и автобусами
Появляются фирменные конечные, докручиваются обозначения парков и водоёмов
Опубликованная версия
Приглашаю читать рассказы моих коллег о работе над схемами для Челябинска, Екатеринбурга и Минска.
По мере проработки схемы челябинских трамваев 2015 года на ней появились парки, озёра и маршруты другого транспорта в отдельном слое.
Дизайнер Александр Караваев, артдир я. О проекте
В сложных транспортных системах первое дело — всё распутать и однозначно подписать. В системах попроще можно начать поиск решения с эстетики.
Лучше искать красоту в информативных элементах. На схеме метро Екатеринбурга мы показали сетку улиц, а затем и расположение выходов в город.
Паша Омелёхин о процессе:
Первый набросок за полчаса
Через месяц работы: появились улицы, парки, завод Уралмаш
Первая опубликованная версия
Вторая версия. Дизайнер Паша Омелёхин, артдир я. О проекте
В сложных транспортных системах первое дело — всё распутать и однозначно подписать. В системах попроще можно начать поиск решения с эстетики.
Лучше искать красоту в информативных элементах. На схеме метро Екатеринбурга мы показали сетку улиц, а затем и расположение выходов в город.
Первый набросок за полчаса
Через месяц работы: появились улицы, парки, завод Уралмаш
Первая опубликованная версия
Вторая версия. Дизайнер Паша Омелёхин, артдир я. О проекте
В Минском метро две линии, пересекающиеся на центральной площади.
Чтобы схема была полезнее, мы подробно показали центр — улицы, парки, достопримечательности, реку, расположение выходов из метро. Сложнее всего было правильно расположить станции относительно наземных объектов и при этом сохранить простую форму линий.
Дизайнеры Иван Звягин, Константин Евстратенко, артдир я. О проекте
Первая расстановка станций
Первая попытка изобразить центр с улицами, парками и достопримечательностями
Центр всё ближе к кругу
Опубликованная версия
В Минском метро две линии, пересекающиеся на центральной площади.
Чтобы схема была полезнее, мы подробно показали центр — улицы, парки, достопримечательности, реку, расположение выходов из метро. Сложнее всего было правильно расположить станции относительно наземных объектов и при этом сохранить простую форму линий.
Первая расстановка станций
Первая попытка изобразить центр с улицами, парками и достопримечательностями
Центр всё ближе к кругу
В следующей части поговорим о принципах построения схемы: какой транспорт показан, какая у линий геометрия, как используются цвета. Об этом обычно думают в первую очередь, потому что на следующих этапах это будет сложно изменить. А вот подобрать шрифт или конкретные оттенки цветов можно и позже.
Но пример с пересадкой на Библиотеке имени Ленина показывает, что бывает иначе: сложности с деталями приводят к пересмотру принципа. Всё влияет на всё.
В следующей части поговорим о принципах построения схемы: какой транспорт показан, какая у линий геометрия, как используются цвета. Об этом обычно думают в первую очередь, потому что на следующих этапах это будет сложно изменить. А вот подобрать шрифт или конкретные оттенки цветов можно и позже.
Но пример с пересадкой на Библиотеке имени Ленина показывает, что бывает иначе: сложности с деталями приводят к пересмотру принципа. Всё влияет на всё.
Тест по первой части
Карта Птолемея
Выберите верные высказывания о развитии картографии.
Большое число информационных слоёв на карте:
Карта Сибири Джона Бартоломеу, 1922
Схема Лондонского метро, 2018
Указанный стрелкой отрезок чёрной линии в реальности проходит левее, западнее станции Морнингтон‑кресент. Что вы думаете о такой неточности схемы?
В чём состоит достижение Генри Бека?
Почему дизайн лондонской схемы не стоит использовать как есть в других городах?
Схема нью‑йоркского метро Массимо Виньелли, 1972
Что может стать изюминкой схемы?
Концепция схемы транспорта Перми, дизайнер Дмитрий Кучев
Выберите особенности метрополитенов мира, повлиявшие на дизайн их схем.
Зачем думать о красоте и самобытности транспортной схемы?
Схема скоростного транспорта Брюсселя, 2016
Каков общеизвестный универсальный алгоритм работы над схемой?
Какое из этих изменений на любой схеме заведомо не затронет соседние линии и станции?
чтобы узнать результат.
Тест по первой части
Карта Птолемея
Выберите верные высказывания о развитии картографии.
Большое число информационных слоёв на карте:
Карта Сибири Джона Бартоломеу, 1922
Схема Лондонского метро, 2018
Указанный стрелкой отрезок чёрной линии в реальности проходит левее, западнее станции Морнингтон‑кресент. Что вы думаете о такой неточности схемы?
В чём состоит достижение Генри Бека?
Почему дизайн лондонской схемы не стоит использовать как есть в других городах?
Схема нью‑йоркского метро Массимо Виньелли, 1972
Концепция схемы транспорта Перми, дизайнер Дмитрий Кучев
Что может стать изюминкой схемы?
Выберите особенности метрополитенов мира, повлиявшие на дизайн их схем.
Зачем думать о красоте и самобытности транспортной схемы?
Схема скоростного транспорта Брюсселя, 2016
Каков общеизвестный универсальный алгоритм работы над схемой?
Какое из этих изменений на любой схеме заведомо не затронет соседние линии и станции?
2
Принцип
маршрутам
2
Принцип
маршрутам
Соответствие линий маршрутам
Так рисуют схемы в русских депо и автобусных парках: просто обводят по карте все дороги, где идёт транспорт, а потом подписывают номера маршрутов вдоль линии или на остановках.
Сделать такую схему просто, но пользоваться ей неудобно. Попробуйте проследить, как идёт 15‑й трамвай.
Когда маршрутов много, а линия одна, каждый перекрёсток сбивает с толку.
Схема использовалась до 2018 года
Соответствие линий маршрутам
Так рисуют схемы в русских депо и автобусных парках: просто обводят по карте все дороги, где идёт транспорт, а потом подписывают номера маршрутов вдоль линии или на остановках.
Сделать такую схему просто, но пользоваться ей неудобно. Попробуйте проследить, как идёт 15‑й трамвай.
Когда маршрутов много, а линия одна, каждый перекрёсток сбивает с толку.
Схема использовалась до 2018 года
Схема трамваев Сиднея 1921 года невероятно детализированна, но столь же мучительна для использования. Обрисованы дороги, а отдельные маршруты
Схема трамваев Сиднея 1921 года невероятно детализированна, но столь же мучительна для использования. Обрисованы дороги, а отдельные маршруты
На схемах скоростного транспорта обычно разные маршруты показаны разными линиями. Думать об этом людям тоже так удобнее: на транспорте маршруты часто даже называют «линиями».
Когда у каждого маршрута на схеме своя линия, следить за ними намного легче, особенно если они разных цветов.
На схемах скоростного транспорта обычно разные маршруты показаны разными линиями. Думать об этом людям тоже так удобнее: на транспорте маршруты часто даже называют «линиями».
Когда у каждого маршрута на схеме своя линия, следить за ними намного легче, особенно если они разных цветов.
При изображении каждого маршрута своей линией могут возникнуть пучки. Чаще всего это происходит с наземным транспортом, где много попутных маршрутов.
Когда пучки превращаются в целые шлейфы с десятком параллельных жил, за маршрутами снова становится тяжело следить. Да и выглядят такие шлейфы плохо.
Рижские автобусы, дизайнер Виталий Барышев
Пучки
При изображении каждого маршрута своей линией могут возникнуть пучки. Чаще всего это происходит с наземным транспортом, где много попутных маршрутов.
Когда пучки превращаются в целые шлейфы с десятком параллельных жил, за маршрутами снова становится тяжело следить. Да и выглядят такие шлейфы плохо.
Рижские автобусы, дизайнер Виталий Барышев
Пучки
Чтобы избежать образования больших шлейфов, в наземном транспорте до сих пор часто отказываются от обозначения каждого маршрута отдельной линией.
Вот образец ужасной схемы из Лондона — ночные автобусы. Нарисовано аккуратнее, но пользоваться ей так же неудобно, как схемами из Челябинска и Сиднея. Попробуйте понять, как доехать от вокзала Виктория до Энджела.
Как расставлять номера маршрутов на таких схемах:
Символы
Трамваи Челябинска
и Сиднея
Ночные автобусы центрального Лондона
Ночные автобусы центрального Лондона
Чтобы избежать образования больших шлейфов, в наземном транспорте до сих пор часто отказываются от обозначения каждого маршрута отдельной линией.
Вот образец ужасной схемы из Лондона — ночные автобусы. Нарисовано аккуратнее, но пользоваться ей так же неудобно, как схемами из Челябинска и Сиднея. Попробуйте понять, как доехать от вокзала Виктория до Энджела.
Как расставлять номера маршрутов на таких схемах:
Символы
Трамваи Челябинска
и Сиднея
Объединены T10 T11, T13 T14, T17 T18 T19
Объединены T10 T11, T13 T14, T17 T18 T19
Вообще‑то необязательно выбирать между крайностями «всё одной линией» и «каждому маршруту своя линия». Одна линия может изображать и группу родственных маршрутов, разветвляясь где следует.
На схеме метро и электричек Стокгольма кроме цветов линий подписаны номера маршрутов.
Ранее мы уже видели такое:
Метро Нью‑Йорка
Объединены T10 T11, T13 T14, T17 T18 T19
Объединены T10 T11, T13 T14, T17 T18 T19
Вообще‑то необязательно выбирать между крайностями «всё одной линией» и «каждому маршруту своя линия». Одна линия может изображать и группу родственных маршрутов, разветвляясь где следует.
На схеме метро и электричек Стокгольма кроме цветов линий подписаны номера маршрутов.
Ранее мы уже видели такое:
Метро Нью‑Йорка
Решение о том, что считать и изображать отдельной линией, не инженерное, а чисто дизайнерское. Дизайн схемы имеет большую силу и влияет на представление пассажиров о реальности.
В Копенгагене ситуация похожа на стокгольмскую: множество электричек проходят через одинаковый набор станций в центре города, а к пригородам разъезжаются по‑разному. Но здесь каждая из них нарисована отдельно, поэтому и пассажиру не придёт в голову говорить о «разветвлениях».
Преимущество такого дизайна в том, что не нужно отдельно думать о «маршрутах», есть только линии. Недостаток — абсурдно толстый шлейф.
Электрички Копенгагена, 2006
Электрички Копенгагена, 2006
Решение о том, что считать и изображать отдельной линией, не инженерное, а чисто дизайнерское. Дизайн схемы имеет большую силу и влияет на представление пассажиров о реальности.
В Копенгагене ситуация похожа на стокгольмскую: множество электричек проходят через одинаковый набор станций в центре города, а к пригородам разъезжаются по‑разному. Но здесь каждая из них нарисована отдельно, поэтому и пассажиру не придёт в голову говорить о «разветвлениях».
Преимущество такого дизайна в том, что не нужно отдельно думать о «маршрутах», есть только линии. Недостаток — абсурдно толстый шлейф.
Транспорт Лондона, 2018
Транспорт Лондона, 2018
В Лондоне многие линии разветвляются, но в отличие от Стокгольма никакие маршруты тут даже не упоминают. На каждом поезде написано, в сторону какой из конечных он идёт.
Одна из таких ветвистых «линий» — Дистрикт‑лайн
Транспорт Лондона, 2018
Транспорт Лондона, 2018
В Лондоне многие линии разветвляются, но в отличие от Стокгольма никакие маршруты тут даже не упоминают. На каждом поезде написано, в сторону какой из конечных он идёт.
Одна из таких ветвистых «линий» — Дистрикт‑лайн
Если бы каждый возможный маршрут Дистрикт‑лайн обозначался отдельной линией на схеме, вышло бы слишком сложно.
Если бы каждый возможный маршрут Дистрикт‑лайн обозначался отдельной линией на схеме, вышло бы слишком сложно.
Самая удивительная лондонская «линия» — Норзерн‑лайн. Она имеет разветвление не только на концах, но и в середине. Так сложилось исторически.
Упростить жизнь пассажирам можно было бы, разделив линию на две. Для этого не нужно рыть тоннели и прокладывать рельсы, достаточно нарисовать маршруты разными линиями на схеме, а также заменить указатели и голосовые объявления.
1928
Источник утерян
Самая удивительная лондонская «линия» — Норзерн‑лайн. Она имеет разветвление не только на концах, но и в середине. Так сложилось исторически.
Упростить жизнь пассажирам можно было бы, разделив линию на две. Для этого не нужно рыть тоннели и прокладывать рельсы, достаточно нарисовать маршруты разными линиями на схеме, а также заменить указатели и голосовые объявления.
1928
Источник утерян
Ситуация, когда одна линия изображает несколько маршрутов, обычно складывается сама собой.
Общие пути и платформы у разных маршрутов дают повод считать их одной линией, как в Нью‑Йорке или Стокгольме.
Группы маршрутов, ранее обслуживающиеся одной компанией, после объединения в общую систему продолжают считать одной линией, как в Лондоне.
Иногда линия разветвляется в ходе своего развития, как это случилось с Филёвской линией в Москве.
Слишком разветвившиеся линии иногда разделяют на две и больше — так тоже делали в Лондоне.
В Москве разделилась на две Замоскворецкая линия.
Теперь посмотрим на наземный транспорт, в котором, как мы обсудили, иногда возникают слишком толстые шлейфы из‑за большого числа попутных маршрутов. Почему бы не попробовать там обратный ход: искусственно объединить маршруты в линию?
Линия «Бродвей — 7‑я авеню» объединяет маршруты
Норзерн‑лайн сформировалась с несколькими разветвлениями в 1920‑х и существует в таком виде до сих пор
Филёвская линия ответвилась в сторону станции Деловой центр в 2005 году
Кольцевая линия в 1949 оформилась в самостоятельную, отколовшись от Дистрикт‑лайн
Замоскворецкая линия разветвлялась снизу на схеме 1990 года, а в 1995 году отрезок Каширская—Каховская превратился в отдельную Каховскую линию
Ситуация, когда одна линия изображает несколько маршрутов, обычно складывается сама собой.
Общие пути и платформы у разных маршрутов дают повод считать их одной линией, как в Нью‑Йорке или Стокгольме.
Линия «Бродвей — 7‑я авеню» объединяет маршруты
Группы маршрутов, ранее обслуживающиеся одной компанией, после объединения в общую систему продолжают считать одной линией, как в Лондоне.
Норзерн‑лайн сформировалась с несколькими разветвлениями в 1920‑х и существует в таком виде до сих пор
Иногда линия разветвляется в ходе своего развития, как это случилось с Филёвской линией в Москве.
Филёвская линия ответвилась в сторону станции Деловой центр в 2005 году
Слишком разветвившиеся линии иногда разделяют на две и больше — так тоже делали в Лондоне.
Кольцевая линия в 1949 оформилась в самостоятельную, отколовшись от Дистрикт‑лайн
В Москве разделилась на две Замоскворецкая линия.
Замоскворецкая линия разветвлялась снизу на схеме 1990 года, а в 1995 году отрезок Каширская—Каховская превратился в отдельную Каховскую линию
Теперь посмотрим на наземный транспорт, в котором, как мы обсудили, иногда возникают слишком толстые шлейфы из‑за большого числа попутных маршрутов. Почему бы не попробовать там обратный ход: искусственно объединить маршруты в линию?
Черновик, 2013, дизайн мой. Проект заброшен
На схеме транспорта московского района Щукино объединены похожие маршруты. Например,
Фиолетовая линия изображает А 105 и А 800. Красной линией показаны все трамваи.
На схеме транспорта московского района Щукино объединены похожие маршруты. Например,
Фиолетовая линия изображает А 105 и А 800. Красной линией показаны все трамваи.
Черновик, 2013, дизайн мой. Проект заброшен
Маршруты А 137 и А 640 не просто имеют общие участки, а полностью совпадают — их отличия находятся за пределами района.
Нет никакого смысла рисовать такие маршруты отдельными линиями. Все автобусы в Строгино — это одна синяя линия.
Маршруты А 137 и А 640 не просто имеют общие участки, а полностью совпадают — их отличия находятся за пределами района.
Нет никакого смысла рисовать такие маршруты отдельными линиями. Все автобусы в Строгино — это одна синяя линия.
Дизайнер Александр Глушаков создал схему автобусов и троллейбусов Кирова, где показаны 46 маршрутов. Как он сам пишет, «получилось довольно запутанно».
Объединение родственных маршрутов в одну линию могло бы помочь навести несколько больший порядок в дизайне схемы.
Дизайнер Александр Глушаков создал схему автобусов и троллейбусов Кирова, где показаны 46 маршрутов. Как он сам пишет, «получилось довольно запутанно».
Объединение родственных маршрутов в одну линию могло бы помочь навести несколько больший порядок в дизайне схемы.
В самом толстом месте этого фрагмента — 15 маршрутов, а в самом толстом месте на схеме — 22!
Такие толстые пучки маршрутов ещё и открывают глаза на возможную проблему с транспортным планированием. Из нескольких маршрутов, останавливающихся на остановке, мне может подходить только один. Даже если автобусы ходят каждые пять минут, своего я всё равно буду ждать полчаса.
Ситуацию можно улучшить, объединив часть маршрутов фактически, а не только на схеме. Если из нескольких похожих маршрутов оставить один, пассажирам придётся чаще пересаживаться, но зато маршрут смогут обслуживать больше машин. Сократившееся время ожидания компенсирует неудобства от пересадки.
В самом толстом месте этого фрагмента — 15 маршрутов, а в самом толстом месте на схеме — 22!
Такие толстые пучки маршрутов ещё и открывают глаза на возможную проблему с транспортным планированием. Из нескольких маршрутов, останавливающихся на остановке, мне может подходить только один. Даже если автобусы ходят каждые пять минут, своего я всё равно буду ждать полчаса.
Ситуацию можно улучшить, объединив часть маршрутов фактически, а не только на схеме. Если из нескольких похожих маршрутов оставить один, пассажирам придётся чаще пересаживаться, но зато маршрут смогут обслуживать больше машин. Сократившееся время ожидания компенсирует неудобства от пересадки.
Сеть «Магистраль»
Конечно, нельзя менять маршрутную сеть, только чтобы получилась схема покрасивее. Нужно анализировать пассажиропотоки и загрузку, ориентироваться на структуру и планы развития города. Но хорошая схема — признак хорошо спроектированной маршрутной сети.
Илья Петушков — менеджер проекта московской автобусной сети «Магистраль», запущенной в 2016 году. При его участии придумывали, как будут проходить новые маршруты. Илья рассказывает, что цели эксперта по транспортному планированию и цели дизайнера схемы часто совпадают.
«Прямая — лучший способ добраться как можно дальше за определённое время. Удобные большинству пассажиров маршруты имеют минимум изгибов. Они же легче запоминаются и лучше выглядят на схемах.
Когда автобус следует туда и обратно разными улицами, люди не могут уехать и вернуться на нём же. Та же проблема с остановками, работающими в одном направлении. На схемах такая „асимметрия“ тоже выглядит путано.
Костяк удачной сети обычно составляет относительно небольшой набор прямых, часто ходящих маршрутов, между которыми удобно пересаживаться. Лапша из петляющих линий на схеме свидетельствует о проблемах»
Конечно, нельзя менять маршрутную сеть, только чтобы получилась схема покрасивее. Нужно анализировать пассажиропотоки и загрузку, ориентироваться на структуру и планы развития города. Но хорошая схема — признак хорошо спроектированной маршрутной сети.
Илья Петушков — менеджер проекта московской автобусной сети «Магистраль», запущенной в 2016 году. При его участии придумывали, как будут проходить новые маршруты. Илья рассказывает, что цели эксперта по транспортному планированию и цели дизайнера схемы часто совпадают.
«Прямая — лучший способ добраться как можно дальше за определённое время. Удобные большинству пассажиров маршруты имеют минимум изгибов. Они же легче запоминаются и лучше выглядят на схемах.
Когда автобус следует туда и обратно разными улицами, люди не могут уехать и вернуться на нём же. Та же проблема с остановками, работающими в одном направлении. На схемах такая „асимметрия“ тоже выглядит путано.
Костяк удачной сети обычно составляет относительно небольшой набор прямых, часто ходящих маршрутов, между которыми удобно пересаживаться. Лапша из петляющих линий на схеме свидетельствует о проблемах»
Сеть «Магистраль»
Маршруты не всегда объединяют в общие линии по географической близости.
В Будапеште у каждого вида транспорта своя линия: жёлтая — общая для всех трамваев, голубая — для автобусов, красная — для троллейбусов. Но этого недостаточно: каждая линия всё ещё несёт слишком много маршрутов.
Маршруты не всегда объединяют в общие линии по географической близости.
В Будапеште у каждого вида транспорта своя линия: жёлтая — общая для всех трамваев, голубая — для автобусов, красная — для троллейбусов. Но этого недостаточно: каждая линия всё ещё несёт слишком много маршрутов.
Другой вариант — обозначить отдельными линиями наиболее важные и частые маршруты, а остальные объединить.
В Париже некоторые автобусы удостоились отдельных цветных линий; остальным досталась одна общая серая.
Автобусы Парижа
Автобусы Парижа
Другой вариант — обозначить отдельными линиями наиболее важные и частые маршруты, а остальные объединить.
В Париже некоторые автобусы удостоились отдельных цветных линий; остальным досталась одна общая серая.
Кольцо берлинских электричек обозначается на схеме двумя параллельными линиями с разными названиями:
Поезда действительно ездят независимо в двух направлениях кольца. Но зачем этот нюанс пассажиру? Хватило бы одной линии.
Кольцо берлинских электричек обозначается на схеме двумя параллельными линиями с разными названиями:
Поезда действительно ездят независимо в двух направлениях кольца. Но зачем этот нюанс пассажиру? Хватило бы одной линии.
Но у берлинского обозначения кольца двумя линиями есть неожиданное практическое удобство для постоянных пассажиров.
На других линиях в качестве ориентира используют конечные. Навигационная программа может сказать: «Садись на S85 в сторону Грюнау». У кольца нет конечных. Когда программа говорит «Садись на поезд S41», не приходится думать о направлении.
Но у берлинского обозначения кольца двумя линиями есть неожиданное практическое удобство для постоянных пассажиров.
На других линиях в качестве ориентира используют конечные. Навигационная программа может сказать: «Садись на S85 в сторону Грюнау». У кольца нет конечных. Когда программа говорит «Садись на поезд S41», не приходится думать о направлении.
Цветовое кодирование
В классической картографии значение линий передаётся их рисунком. В зависимости от толщины, узора и извилистости линии мы понимаем, что перед нами: дорога, река, граница или меридиан.
Карта Сибири
Джон Бартоломеу, 1922
Рамси
Цветовое кодирование
В классической картографии значение линий передаётся их рисунком. В зависимости от толщины, узора и извилистости линии мы понимаем, что перед нами: дорога, река, граница или меридиан.
Карта Сибири
Джон Бартоломеу, 1922
Рамси
Национальная библиотека Виктории, Австралия
На транспортных схемах линии изображают маршруты, и за ними обычно закрепляют разные цвета. Так их проще различать и читать.
Схема конных омнибусов Парижа (около 1830) — один из старейших примеров использования цветового кодирования маршрутов.
Национальная библиотека Виктории, Австралия
На транспортных схемах линии изображают маршруты, и за ними обычно закрепляют разные цвета. Так их проще различать и читать.
Схема конных омнибусов Парижа (около 1830) — один из старейших примеров использования цветового кодирования маршрутов.
Центральная лондонская железная дорога, 1902
Источник утерян
Красный многие века был вторым по значению цветом в книгопечатании после чёрного: его использовали для выделения и украшения. Первым цветом, приходящим на транспортные схемы, тоже часто становится красный.
Карта метро Парижа, 1915
Центральная лондонская железная дорога, 1902
Источник утерян
Красный многие века был вторым по значению цветом в книгопечатании после чёрного: его использовали для выделения и украшения. Первым цветом, приходящим на транспортные схемы, тоже часто становится красный.
Карта метро Парижа, 1915
Красный цвет настолько «дефолтный», что его берут, даже когда нет необходимости что‑то выделять. Единственная линия иерусалимского трамвая — красная и даже официально называется «Красная линия» (הקו האדום).
Но это не значит, что красный обязателен. Для единственной линии метро Екатеринбурга мы использовали зелёный, как в логотипе города.
Дизайнер Паша Омелёхин, артдир я. О проекте
Красный цвет настолько «дефолтный», что его берут, даже когда нет необходимости что‑то выделять. Единственная линия иерусалимского трамвая — красная и даже официально называется «Красная линия» (הקו האדום).
Но это не значит, что красный обязателен. Для единственной линии метро Екатеринбурга мы использовали зелёный, как в логотипе города.
Дизайнер Паша Омелёхин, артдир я. О проекте
В Монреале четыре линии и ни одной красной.
В Монреале четыре линии и ни одной красной.
«Колизей» — станция синей линии римского метро
Люди привыкают к цветам, и они выходят за пределы схемы: начинают использоваться в навигации, в оформлении поездов.
Когда цвет не просто элемент дизайна схемы, а неотъемлемое свойство линии, ассоциирующийся с её маршутом — это глобальное цветовое кодирование.
«Колизей» — станция синей линии римского метро
Люди привыкают к цветам, и они выходят за пределы схемы: начинают использоваться в навигации, в оформлении поездов.
Когда цвет не просто элемент дизайна схемы, а неотъемлемое свойство линии, ассоциирующийся с её маршутом — это глобальное цветовое кодирование.
Бирюзовый цвет лондонской линии «Ватерлоо — Сити» на схеме, в навигации и в оформлении поезда
Бирюзовый цвет лондонской линии «Ватерлоо — Сити» на схеме, в навигации и в оформлении поезда
В Москве из‑за неудачных официальных названий люди называют линии именно по цвету:
То, что люди используют цвета в речи, следует учитывать ещё на этапе их выбора. Предлагаю принцип «одним словом»: пока возможно, выбирать цвета, для которых в языке есть одно простое слово.
Когда в Москве открылась Бутовская линия, ей дали цвет без учёта этого принципа:
Серо‑голубая
Хотя, кажется, однословный запас ещё не был исчерпан:
Розовая
Бежевая
Малиновая
Чёрная
На моей первой схеме у Бутовской был розовый цвет. Но от него пришлось отказаться, когда я узнал, что розовый берегут для будущей Некрасовской линии.
Любопытно, что большинство метрополитенов избегают чёрного цвета: его нет ни в Москве, ни в Париже, ни в Нью‑Йорке, ни в Барселоне. Графически он очень сильный, поэтому прекрасно идентифицируется, но может выглядеть слишком тяжеловесно.
Если схема имеет достаточно тёмный фон, можно ещё попробовать белую линию.
В Москве из‑за неудачных официальных названий люди называют линии именно по цвету:
То, что люди используют цвета в речи, следует учитывать ещё на этапе их выбора. Предлагаю принцип «одним словом»: пока возможно, выбирать цвета, для которых в языке есть одно простое слово.
Когда в Москве открылась Бутовская линия, ей дали цвет без учёта этого принципа:
Серо‑голубая
Хотя, кажется, однословный запас ещё не был исчерпан:
Розовая
Бежевая
Малиновая
Чёрная
На моей первой схеме у Бутовской был розовый цвет. Но от него пришлось отказаться, когда я узнал, что розовый берегут для будущей Некрасовской линии.
Любопытно, что большинство метрополитенов избегают чёрного цвета: его нет ни в Москве, ни в Париже, ни в Нью‑Йорке, ни в Барселоне. Графически он очень сильный, поэтому прекрасно идентифицируется, но может выглядеть слишком тяжеловесно.
Если схема имеет достаточно тёмный фон, можно ещё попробовать белую линию.
Самый неудобный из однословных цветов — жёлтый. Он светлее других, поэтому на нём почти не читается белый текст. Это решить не сложно — можно написать чёрным.
Хуже другое: жёлтый сам плохо виден на светлом фоне. Рисовать схему на тёмном фоне только ради читаемости жёлтого — неоправданная мера.
Когда на лондонской схеме появилась жёлтая линия, её нарисовали с чёрной обводкой. Старые нью‑йоркские схемы обходились без обводки.
На современных схемах стало наоборот: Лондон теперь без обводки, а Нью‑Йорк — с ней.
Обводка — допустимый картографический приём, но на схемах обычно смотрится неэлегантно. Странно, если среди однотипных объектов один вдруг получает особенное обозначение.
Чтобы жёлтую линию было лучше видно без обводки, лучше сделать цвет темнее. Но когда затемняешь жёлтый, получается грязно‑болотный. Поэтому при затемнении его сдвигают в сторону оранжевого:
Слишком светлый жёлтый
Темнее: грязно‑болотный
Темнее и оранжевее: хороший жёлтый
Жёлтая линия с обводкой. Лондон, 1950
Жёлтая линия без обводки. Нью‑Йорк, 1979
Жёлтая линия без обводки. Лондон, 2018
Жёлтая линия с обводкой. Нью‑Йорк, 2018
Жёлтая линия с обводкой. Лондон, 1950
Жёлтая линия без обводки. Нью‑Йорк, 1979
Жёлтая линия без обводки. Лондон, 2018
Жёлтая линия с обводкой. Нью‑Йорк, 2018
Самый неудобный из однословных цветов — жёлтый. Он светлее других, поэтому на нём почти не читается белый текст. Это решить не сложно — можно написать чёрным.
Хуже другое: жёлтый сам плохо виден на светлом фоне. Рисовать схему на тёмном фоне только ради читаемости жёлтого — неоправданная мера.
Когда на лондонской схеме появилась жёлтая линия, её нарисовали с чёрной обводкой. Старые нью‑йоркские схемы обходились без обводки.
На современных схемах стало наоборот: Лондон теперь без обводки, а Нью‑Йорк — с ней.
Обводка — допустимый картографический приём, но на схемах обычно смотрится неэлегантно. Странно, если среди однотипных объектов один вдруг получает особенное обозначение.
Чтобы жёлтую линию было лучше видно без обводки, лучше сделать цвет темнее. Но когда затемняешь жёлтый, получается грязно‑болотный. Поэтому при затемнении его сдвигают в сторону оранжевого:
Слишком светлый жёлтый
Темнее: грязно‑болотный
Темнее и оранжевее: хороший жёлтый
Цвета — это условность. То, что определённая линия стала красной, а другая — синей, само по себе ничего не значит, могло сложиться и наоборот. Но дизайнерам обычно нравится, когда цвет неслучаен.
Лондонские трамваи обозначаются разными оттенками зелёного. Я не знаю, как выбирали эти цвета, но трамваям они идут: сразу возникает ощущение экологичности.
Лондонские трамваи:
Схема как символ
Для будущей Элизабет‑лайн выбрали пурпурный цвет. Точного ответа на вопрос «почему» я не знаю. Но пурпурный цвет — символ власти. В английском есть выражение «родился в пурпурном», то есть в королевском роду. В русском «багрянородный» тоже говорит о высоком происхождении. Это связано с исторической дороговизной таких красителей.
Кстати, по этой же причине пурпурный почти не встречается на флагах.
Королева Елизавета на презентации названия и цвета Элизабет‑лайн. Телеграф
Цвета — это условность. То, что определённая линия стала красной, а другая — синей, само по себе ничего не значит, могло сложиться и наоборот. Но дизайнерам обычно нравится, когда цвет неслучаен.
Лондонские трамваи обозначаются разными оттенками зелёного. Я не знаю, как выбирали эти цвета, но трамваям они идут: сразу возникает ощущение экологичности.
Лондонские трамваи:
Схема как символ
Для будущей Элизабет‑лайн выбрали пурпурный цвет. Точного ответа на вопрос «почему» я не знаю. Но пурпурный цвет — символ власти. В английском есть выражение «родился в пурпурном», то есть в королевском роду. В русском «багрянородный» тоже говорит о высоком происхождении. Это связано с исторической дороговизной таких красителей.
Кстати, по этой же причине пурпурный почти не встречается на флагах.
Королева Елизавета на презентации названия и цвета Элизабет‑лайн. Телеграф
Линии стокгольмского метро обрели цвета благодаря пассажирам. В 1975 году открылась третья линия с голубыми поездами, и её вскоре стали называть «голубой».
На первой линии поезда были зелёными, так что её назвали «зелёной». В 90‑е годы цвета закрепили за линиями уже официально, обозначив оставшуюся линию оранжевым.
Линии и маршруты стокгольмского метро
Линии стокгольмского метро обрели цвета благодаря пассажирам. В 1975 году открылась третья линия с голубыми поездами, и её вскоре стали называть «голубой».
На первой линии поезда были зелёными, так что её назвали «зелёной». В 90‑е годы цвета закрепили за линиями уже официально, обозначив оставшуюся линию оранжевым.
Линии и маршруты стокгольмского метро
Когда на уровне названия цвет определён, конкретный оттенок хорошо выбирать с учётом проблем дальтоников. Самые распространённые виды дальтонизма связаны с плохим различением красного и зелёного.
Если скорректировать цвета, обычный человек не расстроится, а дальтонику будет легче.
Подбирать цвета стоит глядя на саму схему, а не на легенду: если дальтонику одинаковыми покажутся цвета непересекающихся линий, это не запутает.
Ai
Для распространённых видов дальтонизма в Иллюстраторе есть цветовые профили (View → Proof Setup → Color blindness). Но после печати цвета нужно проверить глазами живых дальтоников — возможно, потребуется более точная коррекция.
До коррекции
Обычное зрение
Дейтераномалия
Протанопия
После коррекции
Обычное зрение
Дейтераномалия
Протанопия
До коррекции
Обычное зрение
Дейтераномалия
Протанопия
После коррекции
Обычное зрение
Дейтераномалия
Протанопия
Когда на уровне названия цвет определён, конкретный оттенок хорошо выбирать с учётом проблем дальтоников. Самые распространённые виды дальтонизма связаны с плохим различением красного и зелёного.
Если скорректировать цвета, обычный человек не расстроится, а дальтонику будет легче.
Подбирать цвета стоит глядя на саму схему, а не на легенду: если дальтонику одинаковыми покажутся цвета непересекающихся линий, это не запутает.
Ai
Для распространённых видов дальтонизма в Иллюстраторе есть цветовые профили (View → Proof Setup → Color blindness). Но после печати цвета нужно проверить глазами живых дальтоников — возможно, потребуется более точная коррекция.
В прошлой главе, говоря о соответствии линий маршрутам, мы не разделяли «количество линий» и «количество цветов линий», подразумевая, что каждая линия имеет свой цвет. Но это необязательно.
Чем больше становится линий, тем сложнее подобрать цвет для очередной. Даже если отбросить принцип «одним словом», дать каждой линии собственный отличимый человеком цвет в какой‑то момент становится невозможно, и цвета приходится повторять.
Конечно, линии могут отличаться не только цветами: толщина и стиль тоже используются в кодировании. Но они намного слабее цветов и не тянут на «принцип». К ним мы ещё вернёмся.
А сейчас посмотрим, в каких случаях цвета уместно использовать повторно.
Одним словом
Стиль линий
В прошлой главе, говоря о соответствии линий маршрутам, мы не разделяли «количество линий» и «количество цветов линий», подразумевая, что каждая линия имеет свой цвет. Но это необязательно.
Чем больше становится линий, тем сложнее подобрать цвет для очередной. Даже если отбросить принцип «одним словом», дать каждой линии собственный отличимый человеком цвет в какой‑то момент становится невозможно, и цвета приходится повторять.
Конечно, линии могут отличаться не только цветами: толщина и стиль тоже используются в кодировании. Но они намного слабее цветов и не тянут на «принцип». К ним мы ещё вернёмся.
А сейчас посмотрим, в каких случаях цвета уместно использовать повторно.
Одним словом
Стиль линий
И Калининская, и Солнцевская линии в Москве имеют жёлтый цвет. Тут имеется в виду, что в будущем они соединятся в центре и станут одной линией.
И Калининская, и Солнцевская линии в Москве имеют жёлтый цвет. Тут имеется в виду, что в будущем они соединятся в центре и станут одной линией.
Как и в случае с московскими жёлтыми линиями, берлинские U55 и U5 одного цвета, потому что планируют соединиться.
Как и в случае с московскими жёлтыми линиями, берлинские U55 и U5 одного цвета, потому что планируют соединиться.
Можно обозначать одним цветом и не связанные линии. Пусть цветом отличаются только те, что пересекаются.
Скажем, в Москве собираются строить Некрасовскую линию и дать ей розовый цвет.
А что, если покрасить её голубым, как Филёвскую в другой части города?
Бутовская линия не пересекается ни с одной из этих двух. Если её тоже сделать голубой, то уже ясно, что голубой — это такой цвет для «маленьких» линий.
Как видим, такая раскраска не мешает читать схему и различать линии. Но в Москве, где все привыкли говорить «я на голубой», такое использование цвета будет непривычно и создаст путаницу.
Можно обозначать одним цветом и не связанные линии. Пусть цветом отличаются только те, что пересекаются.
Скажем, в Москве собираются строить Некрасовскую линию и дать ей розовый цвет.
А что, если покрасить её голубым, как Филёвскую в другой части города?
Бутовская линия не пересекается ни с одной из этих двух. Если её тоже сделать голубой, то уже ясно, что голубой — это такой цвет для «маленьких» линий.
Как видим, такая раскраска не мешает читать схему и различать линии. Но в Москве, где все привыкли говорить «я на голубой», такое использование цвета будет непривычно и создаст путаницу.
В Брюсселе используется глобальное цветовое кодирование автобусных маршрутов. Маршрутов десятки, и цвета повторяются.
Например, на схеме несколько зелёных, синих, оранжевых автобусных линий, но это не мешает их различать.
В Брюсселе используется глобальное цветовое кодирование автобусных маршрутов. Маршрутов десятки, и цвета повторяются.
Например, на схеме несколько зелёных, синих, оранжевых автобусных линий, но это не мешает их различать.
Цвета брюссельских автобусных маршрутов хоть и повторяются, но распределены так, что на конкретную остановку приходят автобусы разных цветов. Видишь издалека зелёный — понимаешь, что
Обозначение маршрута на уличной карте, на автобусе и на схеме
Цвета брюссельских автобусных маршрутов хоть и повторяются, но распределены так, что на конкретную остановку приходят автобусы разных цветов. Видишь издалека зелёный — понимаешь, что
Обозначение маршрута на уличной карте, на автобусе и на схеме
Официальная схема метро Нью‑Йорка, МТА
В прошлой главе мы обсудили, что родcтвенные маршруты могут слиться на схеме в одну линию, как в Нью‑Йорке.
Но такие маршруты могут обозначаться и отдельными линиями несмотря на общий цвет. Вот фрагмент современной неофициальной схемы. Здесь каждому маршруту хоть и соответствует отдельная линия, но родственные маршруты ,
Если в Брюсселе проектировщики стремились к тому, чтобы одинаковые цвета оказывались в разных частях города, то тут, наоборот, линии одинаковых цветов идут вместе и образуют пучок.
2012. Дизайнеры Массимо Виньелли, Беатрис Сифуентес, Йоши Вотерхаус
Официальная схема метро Нью‑Йорка, МТА
В прошлой главе мы обсудили, что родcтвенные маршруты могут слиться на схеме в одну линию, как в Нью‑Йорке.
Но такие маршруты могут обозначаться и отдельными линиями несмотря на общий цвет. Вот фрагмент современной неофициальной схемы. Здесь каждому маршруту хоть и соответствует отдельная линия, но родственные маршруты ,
Если в Брюсселе проектировщики стремились к тому, чтобы одинаковые цвета оказывались в разных частях города, то тут, наоборот, линии одинаковых цветов идут вместе и образуют пучок.
2012. Дизайнеры Массимо Виньелли, Беатрис Сифуентес, Йоши Вотерхаус
Дизайнер Константин Коновалов, 2018
На схеме московской автобусной сети «Магистраль» цвета выбраны по принципу сходства с направлениями линий метро. Скажем, автобус А проходит с юго‑запада на северо‑восток, как красная Сокольническая линия. Зелёные автобусы м1 и 904 идут на север близко к направлению зелёной Замоскворецкой линии.
Поскольку цвет кодирует направление, повторяющиеся цвета оказываются рядом.
На схеме московской автобусной сети «Магистраль» цвета выбраны по принципу сходства с направлениями линий метро. Скажем, автобус А проходит с юго‑запада на северо‑восток, как красная Сокольническая линия. Зелёные автобусы м1 и 904 идут на север близко к направлению зелёной Замоскворецкой линии.
Поскольку цвет кодирует направление, повторяющиеся цвета оказываются рядом.
Дизайнер Константин Коновалов, 2018
В Будапеште толстые и тонкие линии используют цвет по‑разному. Толстые линии — линии метро; каждая своего цвета, как обычно. А цвет тонких линий соответствует виду наземного транспорта.
И в жизни, и на схеме трамваи жёлтые, автобусы голубые, троллейбусы красные. Номера маршрутов подписаны в прямоугольничках рядом.
В Будапеште толстые и тонкие линии используют цвет по‑разному. Толстые линии — линии метро; каждая своего цвета, как обычно. А цвет тонких линий соответствует виду наземного транспорта.
И в жизни, и на схеме трамваи жёлтые, автобусы голубые, троллейбусы красные. Номера маршрутов подписаны в прямоугольничках рядом.
Жёлтый будапештский трамвай
Глобальное цветовое кодирование необязательно. Челябинская схема использует локальное кодирование: цвета за пределами схемы ничего не значат.
Дизайнер схемы не всегда влияет на навигацию в городе или тем более раскраску машин. А тогда почему бы не использовать свободу выбора цвета?
2018
2018
Глобальное цветовое кодирование необязательно. Челябинская схема использует локальное кодирование: цвета за пределами схемы ничего не значат.
Дизайнер схемы не всегда влияет на навигацию в городе или тем более раскраску машин. А тогда почему бы не использовать свободу выбора цвета?
25
В Санкт‑Петербурге у трамваев есть пара цветных огней, дополнительно кодирующих номер маршрута. Идея в том, что в отличие от цифр цвета узнаются издалека.
49
К сожалению, это кодирование не нашло отражения на схемах. Было бы интересно попробовать, но неочевидно, как это сделать хорошо: обозначать каждый трамвай двойной линией?
25
В Санкт‑Петербурге у трамваев есть пара цветных огней, дополнительно кодирующих номер маршрута. Идея в том, что в отличие от цифр цвета узнаются издалека.
49
К сожалению, это кодирование не нашло отражения на схемах. Было бы интересно попробовать, но неочевидно, как это сделать хорошо: обозначать каждый трамвай двойной линией?
Цвет линий не всегда используют для кодирования маршрутов, но такое использование можно считать экзотикой.
Метро Стокгольма, 1965. Синим обозначены существующие и одобренные для строительства линии, а зелёным — предложенные. Источник Стокгольма
Ночные поезда Мельбурна. Цвет означает тариф, а не маршрут
Многообразие схем
Цвет линий не всегда используют для кодирования маршрутов, но такое использование можно считать экзотикой.
Метро Стокгольма, 1965. Синим обозначены существующие и одобренные для строительства линии, а зелёным — предложенные. Источник Стокгольма
Ночные поезда Мельбурна. Цвет означает тариф, а не маршрут
Многообразие схем
Если очень нужно, можно обойтись и без цветов. У каждой лондонской линии кроме цвета есть ещё и собственный узор, используемый на чёрно‑белой схеме.
Эта схема поддерживается параллельно с цветной для тех, кому надо распечатать на чёрно‑белом принтере, и для тех, кто совсем не различает цвета.
Если очень нужно, можно обойтись и без цветов. У каждой лондонской линии кроме цвета есть ещё и собственный узор, используемый на чёрно‑белой схеме.
Эта схема поддерживается параллельно с цветной для тех, кому надо распечатать на чёрно‑белом принтере, и для тех, кто совсем не различает цвета.
Геометрия
На этой беспокойной схеме показаны линии метро, маршруты автобусов, троллейбусов и трамваев Будапешта. Они имеют реалистичную форму, проходят по улицам и мимо парков.
Это географичная схема.
Геометрия
На этой беспокойной схеме показаны линии метро, маршруты автобусов, троллейбусов и трамваев Будапешта. Они имеют реалистичную форму, проходят по улицам и мимо парков.
Это географичная схема.
Географичные схемы плохо справляются с изображением сложных систем. Это лондонское метро в 2010 году.
Центр показан во врезке снизу слева, станции на окраинах не влезли, и всё равно подписи нечитаемо мелкие.
Географичные схемы плохо справляются с изображением сложных систем. Это лондонское метро в 2010 году.
Центр показан во врезке снизу слева, станции на окраинах не влезли, и всё равно подписи нечитаемо мелкие.
Географичная схема без слоя с городом хоть и возможна, но бессмысленна. Когда от всех городских слоёв на официальной лондонской схеме метро постепенно избавились, следующим шагом, как мы знаем, стало избавление
Как это было:
Появление транспортных схем
Географичная схема без слоя с городом хоть и возможна, но бессмысленна. Когда от всех городских слоёв на официальной лондонской схеме метро постепенно избавились, следующим шагом, как мы знаем, стало избавление
Как это было:
Появление транспортных схем
Когда у линий упрощённые форма и правила построения, получается геометричная схема.
Геометричные схемы искажают географию, но их легче читать и запоминать. Благодаря внешнему порядку, такие схемы выглядят привлекательнее, а сам транспорт — доступнее.
Неофициальная схема трамваев Хельсинок, дизайнер Элмо Аллен
Когда у линий упрощённые форма и правила построения, получается геометричная схема.
Геометричные схемы искажают географию, но их легче читать и запоминать. Благодаря внешнему порядку, такие схемы выглядят привлекательнее, а сам транспорт — доступнее.
Неофициальная схема трамваев Хельсинок, дизайнер Элмо Аллен
Лондонское метро, дизайнер Генри Бек
Появление транспортных схем
45°
Трамваи Хельсинок
30°
Наземный транспорт в Щукине, дизайн мой. Проект заброшен
22,5°
Автобусы Люксембурга, дизайнер Юг Церович, ВДЛ
18°
Московская сеть «Магистраль», дизайнер Константин Коновалов, 2018
15°
Перспективная схема метро Турина, дизайнер Кристофер Смеричник
60°
Железнодорожная сеть Мельбурна, дизайнер Филип Маллис
90°
Основной инструмент «геометризации» схемы — сетка углов. Линии строятся из сегментов, проходящих под одним из разрешённых углов.
Самая привычная — 45‑градусная сетка, использованная Беком на лондонской схеме. Линии могут проходить под любым углом кратным 45°.
На хельсинской схеме с предыдущего разворота — 30‑градусная сетка.
На щукинской схеме я попробовал 22,5° — мне нужно было больше гибкости, потому что я рисовал улицы и хотел изобразить их достаточно близко к географической реальности для узнаваемости.
На люксембургской схеме — 18°. Даже такой мелкий шаг сетки не создаёт впечатления беспорядка. Это потому, что много «рифм»: под каждым из углов проходит много линий, причём прямо из центра уходят жирные линии под большинством разрешённых углов. Мы это сразу замечаем и видим в этом стройность и красоту.
Схема «Магистрали» тоже красивая, но 15‑градусная сетка на ней не читается: линий слишком мало, а изгибов на них слишком много, чтобы заметить параллели. Кажется, что линии просто гнутся где и как им вздумается.
Обычно подбирают углы — делители 90°, чтобы уж точно иметь горизонтали и вертикали. Если взять угол 60°, то так уже не получится.
Наконец, можно вообще оставить только горизонтали и вертикали.
Лондонское метро, дизайнер Генри Бек
Появление транспортных схем
45°
Трамваи Хельсинок
30°
Наземный транспорт в Щукине, дизайн мой. Проект заброшен
22,5°
Автобусы Люксембурга, дизайнер Юг Церович, ВДЛ
18°
Московская сеть «Магистраль», дизайнер Константин Коновалов, 2018
15°
Перспективная схема метро Турина, дизайнер Кристофер Смеричник
60°
Железнодорожная сеть Мельбурна, дизайнер Филип Маллис
90°
Основной инструмент «геометризации» схемы — сетка углов. Линии строятся из сегментов, проходящих под одним из разрешённых углов.
Самая привычная — 45‑градусная сетка, использованная Беком на лондонской схеме. Линии могут проходить под любым углом кратным 45°.
На хельсинской схеме с предыдущего разворота — 30‑градусная сетка.
На щукинской схеме я попробовал 22,5° — мне нужно было больше гибкости, потому что я рисовал улицы и хотел изобразить их достаточно близко к географической реальности для узнаваемости.
На люксембургской схеме — 18°. Даже такой мелкий шаг сетки не создаёт впечатления беспорядка. Это потому, что много «рифм»: под каждым из углов проходит много линий, причём прямо из центра уходят жирные линии под большинством разрешённых углов. Мы это сразу замечаем и видим в этом стройность и красоту.
Схема «Магистрали» тоже красивая, но 15‑градусная сетка на ней не читается: линий слишком мало, а изгибов на них слишком много, чтобы заметить параллели. Кажется, что линии просто гнутся где и как им вздумается.
Обычно подбирают углы — делители 90°, чтобы уж точно иметь горизонтали и вертикали. Если взять угол 60°, то так уже не получится.
Наконец, можно вообще оставить только горизонтали и вертикали.
Лондон, 1958. Архив схем лондонского метро
Стокгольм, 2015
Даже схемы с одинаковой сеткой углов могут смотреться по‑разному в зависимости от того, насколько часто какие углы используются.
У этих схем 45‑градусная сетка, но на первой диагонали используются редко, а на второй — часто, и вторая схема выглядит динамичнее.
Даже схемы с одинаковой сеткой углов могут смотреться по‑разному в зависимости от того, насколько часто какие углы используются.
Лондон, 1958. Архив схем лондонского метро
Стокгольм, 2015
У этих схем 45‑градусная сетка, но на первой диагонали используются редко, а на второй — часто, и вторая схема выглядит динамичнее.
Сетка углов может быть с переменным шагом.
Генри Бек экспериментировал с такой сжатой по горизонтали сеткой: кроме вертикалей и горизонталей разрешены углы 60°, но не 30° к горизонту.
На схеме калининградских троллейбусов — асимметричная сетка, где разрешены только два угла.
Ещё одна асимметричная сетка — в немецком Плауэне.
Парижская схема Константина Коновалова изначально строилась по 30‑градусной сетке. Но линии, проходящие строго вертикально, слишком выделялись на фоне других. Было принято эстетическое решение запретить вертикали.
Изредка встречаются схемы, где не используются горизонтали. С такими сетками стоит быть осторожными: часто возникает ощущение построения в изометрии.
Экспериментальная схема лондонского метро, дизайнер Генри Бек, 1941
Из книги «Калининград — схемы города. Транспортные маршруты», 1990
Плауэн. Дизайнер Мориц Кёлер
Промежуточная версия 26.4. Дизайнер Константин Коновалов
Промежуточная версия 27.8. Дизайнер Константин Коновалов
Старая карта метро Штутгарта
Перспективная схема транспорта Далласа, дизайнер Кристофер Смеричник
Экспериментальная схема лондонского метро, дизайнер Генри Бек, 1941
Из книги «Калининград — схемы города. Транспортные маршруты», 1990
Плауэн. Дизайнер Мориц Кёлер
Промежуточная версия 26.4. Дизайнер Константин Коновалов
Промежуточная версия 27.8. Дизайнер Константин Коновалов
Старая карта метро Штутгарта
Перспективная схема транспорта Далласа, дизайнер Кристофер Смеричник
Сетка углов может быть с переменным шагом.
Генри Бек экспериментировал с такой сжатой по горизонтали сеткой: кроме вертикалей и горизонталей разрешены углы 60°, но не 30° к горизонту.
На схеме калининградских троллейбусов — асимметричная сетка, где разрешены только два угла.
Ещё одна асимметричная сетка — в немецком Плауэне.
Парижская схема Константина Коновалова изначально строилась по 30‑градусной сетке. Но линии, проходящие строго вертикально, слишком выделялись на фоне других.
Было принято эстетическое решение запретить вертикали.
Изредка встречаются схемы, где не используются горизонтали.
С такими сетками стоит быть осторожными: часто возникает ощущение построения в изометрии.
Геометричность может достигаться и без сетки углов — достаточно просто выпрямить линии, как сделано на японской схеме на фотографии.
Старая московская схема снизу состоит из геометричной окружности и нескольких прямых линий, проходящих под какими попало углами. Правда, две линии всё‑таки пришлось «поломать» — иначе никак не получалось то, что хотели.
Такие схемы редко выглядят хорошо.
Схема 1970 года
Фото Артёма Горбунова
Фото Артёма Горбунова
Геометричность может достигаться и без сетки углов — достаточно просто выпрямить линии, как сделано на японской схеме на фотографии.
Старая московская схема снизу состоит из геометричной окружности и нескольких прямых линий, проходящих под какими попало углами. Правда, две линии всё‑таки пришлось «поломать» — иначе никак не получалось то, что хотели.
Такие схемы редко выглядят хорошо.
Схема 1970 года
Всё же встречаются довольно аккуратные геометричные схемы без сетки углов.
Лондон, 1929
Появление транспортных схем
Челябинск, ~1977
Всё же встречаются довольно аккуратные геометричные схемы без сетки углов.
Лондон, 1929
Появление транспортных схем
Челябинск, ~1977
Эта мадридская схема построена из дуг окружностей с общим центром, и радиусов.
Неофициальная схема железнодорожного транспорта Мадрида, дизайнер Давид Эрраис. Источник потерян
Неофициальная схема железнодорожного транспорта Мадрида, дизайнер Давид Эрраис. Источник потерян
Эта мадридская схема построена из дуг окружностей с общим центром, и радиусов.
На этой схеме израильских железных дорог основой для геометрических построений стала береговая линия Средиземного моря, упрощённая до овальной дуги.
Дизайнер Давид Рендсбург
На этой схеме израильских железных дорог основой для геометрических построений стала береговая линия Средиземного моря, упрощённая до овальной дуги.
Дизайнер Давид Рендсбург
Да и вообще геометрические правила могут быть весьма экзотическими. Например, на схемах автобусов в нидерландском Алмере разрешены только дуги окружностей.
Да и вообще геометрические правила могут быть весьма экзотическими. Например, на схемах автобусов в нидерландском Алмере разрешены только дуги окружностей.
Бутовская линия на Гугль‑картах и на схеме метро
Расстояния между станциями метро на востоке Москвы
О неизбежности искажений:
Карта и реальность
Геометризация упрощает восприятие, но и искажает реальность. Карт без искажений не бывает, но где их предел? На московской официальной схеме Бутовская линия «уложена змейкой» чтобы уместиться в формат.
Расположение станций на схеме даёт неверное представление о расстоянии между ними. Это — примеры допустимых искажений, потому что они не мешают пользоваться схемой для прокладывания маршутов.
Геометризация упрощает восприятие, но и искажает реальность. Карт без искажений не бывает, но где их предел? На московской официальной схеме Бутовская линия «уложена змейкой» чтобы уместиться в формат.
Бутовская линия на Гугль‑картах и на схеме метро
Расположение станций на схеме даёт неверное представление о расстоянии между ними. Это — примеры допустимых искажений, потому что они не мешают пользоваться схемой для прокладывания маршутов.
Расстояния между станциями метро на востоке Москвы
О неизбежности искажений:
Карта и реальность
«Схема линий нетрадиционной ориентации». Дизайн мой
В 2007 году в качестве упражнения я нарисовал схему московского метро, где все линии горизонтальны, а переходы — вертикальны. Найти знакомую станцию на такой схеме непросто.
«Схема линий нетрадиционной ориентации». Дизайн мой
В 2007 году в качестве упражнения я нарисовал схему московского метро, где все линии горизонтальны, а переходы — вертикальны. Найти знакомую станцию на такой схеме непросто.
Эта схема московского метро вывернута наизнанку: отдалённые районы города находятся в центре схемы, а центр города — на краях схемы. Очень интересно, но пользоваться такой схемой невозможно.
Геометрическая схема должна хоть как‑то опираться на представления людей о географии города. Видя схему, человек должен сразу понять принцип её построения, принять «правила игры».
Если все углы построены по сетке, мы понимаем, что это условность, и это не мешает нам читать схему. Но когда мы знаем, где в городе находится определённая станция, а найти её на схеме не можем — это проблема.
~2003 год, источник неизвестен
~2003 год, источник неизвестен
Эта схема московского метро вывернута наизнанку: отдалённые районы города находятся в центре схемы, а центр города — на краях схемы. Очень интересно, но пользоваться такой схемой невозможно.
Геометрическая схема должна хоть как‑то опираться на представления людей о географии города. Видя схему, человек должен сразу понять принцип её построения, принять «правила игры».
Если все углы построены по сетке, мы понимаем, что это условность, и это не мешает нам читать схему. Но когда мы знаем, где в городе находится определённая станция, а найти её на схеме не можем — это проблема.
Поиск решения
Автобусы Люксембурга
В зависимости от особенностей транспортной системы и планировки города одни правила построения могут работать лучше других. На этапе поиска решения стоит попробовать построить схему разными способами и выбрать тот, который сработает для конкретного города лучше всего. Юг Церович рассказывает, почему на схеме автобусов Люксембурга 18‑градусная сетка.
«Люксембург — это крепость с расходящимися от неё дорогами. Старый город по форме близок к пятиугольнику.
Пятиугольник состоит из углов
В Люксембурге традиционный 45‑градусный подход привёл бы к огромным искажениям, и схема не подходила бы под образ города»
В зависимости от особенностей транспортной системы и планировки города одни правила построения могут работать лучше других. На этапе поиска решения стоит попробовать построить схему разными способами и выбрать тот, который сработает для конкретного города лучше всего. Юг Церович рассказывает, почему на схеме автобусов Люксембурга 18‑градусная сетка.
«Люксембург — это крепость с расходящимися от неё дорогами. Старый город по форме близок к пятиугольнику.
Пятиугольник состоит из углов
В Люксембурге традиционный 45‑градусный подход привёл бы к огромным искажениям, и схема не подходила бы под образ города»
Поиск решения
Автобусы Люксембурга
Посмотрим на планировку Парижа.
На карте видны несколько отрезков линий близких к параллельным прямым. Одна из них проходит через весь город.
Историческая градостроительная ось Парижа — линия, соединяющая Лувр, площадь Согласия, Елисейские Поля, Триумфальную арку и Большую арку в Дефансе. Это, вероятно, один самых узнаваемых видов Парижа после Эйфелевой башни.
По этой оси проходит большой отрезок первой линии метро, и его трудно воспринимать иначе как прямую линию.
К сожалению, официальная схема метро Парижа построена в 45‑градусной сетке, и эту линию приходится «ломать». Подобным образом на схеме сломаны многие линии. Эта схема весьма неудачна и плохо вяжется с образом города.
На схеме Константина Коновалова линия тоже сломана, хотя не так сильно.
У Юга Церовича — прямая, но под непривычным углом.
Ранее о парижских схемах:
Разнообразие схем
Елисейские Поля с видом на Дефанс. Фото Наимы Белаиш
Дизайнер Константин Коновалов
Дизайнер Юг Церович
Елисейские Поля с видом на Дефанс. Фото Наимы Белаиш
Дизайнер Константин Коновалов
Дизайнер Юг Церович
Посмотрим на планировку Парижа.
На карте видны несколько отрезков линий близких к параллельным прямым. Одна из них проходит через весь город.
Историческая градостроительная ось Парижа — линия, соединяющая Лувр, площадь Согласия, Елисейские Поля, Триумфальную арку и Большую арку в Дефансе. Это, вероятно, один самых узнаваемых видов Парижа после Эйфелевой башни.
По этой оси проходит большой отрезок первой линии метро, и его трудно воспринимать иначе как прямую линию.
К сожалению, официальная схема метро Парижа построена в 45‑градусной сетке, и эту линию приходится «ломать». Подобным образом на схеме сломаны многие линии. Эта схема весьма неудачна и плохо вяжется с образом города.
На схеме Константина Коновалова линия тоже сломана, хотя не так сильно.
У Юга Церовича — прямая, но под непривычным углом.
Ранее о парижских схемах:
Разнообразие схем
Одной из самых успешных парижских схем была схема с такой «кривой» угловой сеткой. Дизайнеры стремятся привести схему к более аккуратной сетке, но в результате разрушают привычный образ города.
Здесь —
Карманная схема парижского метро 1989 года
Карманная схема парижского метро 1989 года
Одной из самых успешных парижских схем была схема с такой «кривой» угловой сеткой. Дизайнеры стремятся привести схему к более аккуратной сетке, но в результате разрушают привычный образ города.
Здесь —
См. также о псевдогеографичности на нью‑йоркской схеме:
Многообразие схем
Дизайнеры ищут способ совместить пользу геометричности с географичностью, и возникают промежуточные варианты. Это Барселона.
Дизайнерам повезло с тем, что настоящая сетка улиц весьма аккуратна. Очевидной системы в углах нет, но ощущение бардака не возникает.
Дизайнеры ищут способ совместить пользу геометричности с географичностью, и возникают промежуточные варианты. Это Барселона.
Дизайнерам повезло с тем, что настоящая сетка улиц весьма аккуратна. Очевидной системы в углах нет, но ощущение бардака не возникает.
См. также о псевдогеографичности на нью‑йоркской схеме:
Многообразие схем
Иногда трудно найти геометрическое решение. Некоторые города подсказывают идею своей структурой, но бывают города без какой‑либо структуры.
В Тель‑Авиве улицы, кажется, проходят абсолютно случайным образом. Не знаю, как бы я распутывал маршруты, если бы мне довелось рисовать схему автобусов.
Иногда трудно найти геометрическое решение. Некоторые города подсказывают идею своей структурой, но бывают города без какой‑либо структуры.
В Тель‑Авиве улицы, кажется, проходят абсолютно случайным образом. Не знаю, как бы я распутывал маршруты, если бы мне довелось рисовать схему автобусов.
Ленинград, 1973
Схема необязательно должна состоять из прямых отрезков и дуг окружностей. Здесь, кажется, без циркуля не обошлось, но схема выглядит свободной
Ленинград, 1973
Схема необязательно должна состоять из прямых отрезков и дуг окружностей. Здесь, кажется, без циркуля не обошлось, но схема выглядит свободной
На красивейшей схеме ялтинских троллейбусов географичные линии «разглажены» до плавной волны с петлёй на конце. Маршруты читаются легко, но остаётся вопрос: не слишком ли искажена география? Дизайнер Николай Башков не считает это проблемой.
«Ощущение от поездки именно такое: троллейбус спускается к морю, едет параллельно, потом поднимается в верх к горам, и затем опять спускается вниз»
Дизайнер Николай Башков, артдир Александр Караваев. О проекте
Ялтинские троллейбусы в реальности
Ялтинские троллейбусы на схеме
Ялтинские троллейбусы на схеме
Ялтинские троллейбусы в реальности
Ялтинские троллейбусы на схеме
Ялтинские троллейбусы на схеме
На красивейшей схеме ялтинских троллейбусов географичные линии «разглажены» до плавной волны с петлёй на конце. Маршруты читаются легко, но остаётся вопрос: не слишком ли искажена география? Дизайнер Николай Башков не считает это проблемой.
«Ощущение от поездки именно такое: троллейбус спускается к морю, едет параллельно, потом поднимается в верх к горам, и затем опять спускается вниз»
Дизайнер Николай Башков, артдир Александр Караваев. О проекте
Дизайнер Эдуардо
Строгая 45‑градусная геометричность для многих дизайнеров — чуть ли не синоним понятия «транспортная схема». Но если бездумно геометризировать город, ничего хорошего не получится.
Это официальная схема метро Порту. Её главные проблемы — тёмный фон, на котором плохо видно линии, и мелкий текст, который трудно прочитать. Её единственное достоинство — то, как красиво проведены линии.
В результате редизайна схема потеряла это достоинство, стала бездушной и формальной. По голубой линии геометризация ударила больнее всего. Не делайте так.
Дизайнер Эдуардо
Строгая 45‑градусная геометричность для многих дизайнеров — чуть ли не синоним понятия «транспортная схема». Но если бездумно геометризировать город, ничего хорошего не получится.
Это официальная схема метро Порту. Её главные проблемы — тёмный фон, на котором плохо видно линии, и мелкий текст, который трудно прочитать. Её единственное достоинство — то, как красиво проведены линии.
В результате редизайна схема потеряла это достоинство, стала бездушной и формальной. По голубой линии геометризация ударила больнее всего. Не делайте так.
Ориентация
На традиционных картах север наверху. Если изменить привычную ориентацию карты, знакомые места потеряют узнаваемость.
В случае с транспортными схемами, особенно геометричными, ориентация — это условность. Линии проходят под углами, которых требует дизайн схемы, и эти углы могут значительно отличаться от настоящих. Есть смысл повернуть схему так, чтобы она лучше читалась, запоминалась или даже просто вмещалась.
Ориентация
На традиционных картах север наверху. Если изменить привычную ориентацию карты, знакомые места потеряют узнаваемость.
В случае с транспортными схемами, особенно геометричными, ориентация — это условность. Линии проходят под углами, которых требует дизайн схемы, и эти углы могут значительно отличаться от настоящих. Есть смысл повернуть схему так, чтобы она лучше читалась, запоминалась или даже просто вмещалась.
Манхэттен расположен под углом около тридцати градусов к меридиану.
А на схеме он стоит вертикально. Так проще и компактнее.
Манхэттен расположен под углом около тридцати градусов к меридиану.
А на схеме он стоит вертикально. Так проще и компактнее.
Об искажениях на схеме метро Нью‑Йорка:
Многообразие схем
Нью‑йоркская схема пассажиропотоков метро 1954 года выглядит непривычно. Ориентация слишком сильно отличается от карты: Манхэттен вообще лёг
Севером наверх было бы так:
Нью‑йоркская схема пассажиропотоков метро 1954 года выглядит непривычно. Ориентация слишком сильно отличается от карты: Манхэттен вообще лёг
Севером наверх было бы так:
Схема пригородных электричек Лондона повёрнута так, чтобы хорошо умещаться в вертикальный формат. Небольшой наклон намекает на реальное направление линий.
Севером наверх было бы примерно так:
Железная дорога Лондона, Мидленда и Шотландии, около 1935. Дизайнер — Джордж Доу. Тюбмэпцентрал
Схема пригородных электричек Лондона повёрнута так, чтобы хорошо умещаться в вертикальный формат. Небольшой наклон намекает на реальное направление линий.
Севером наверх было бы примерно так:
Железная дорога Лондона, Мидленда и Шотландии, около 1935. Дизайнер — Джордж Доу. Тюбмэпцентрал
Схема маршрута скорого поезда «Южный Урал» Челябинск — Москва совмещена с его расписанием, поэтому географическая часть повёрнута севером налево.
13‑й поезд
Когда ехать тридцать пять часов, есть время разглядывать детали. Дизайн мой
Схема маршрута скорого поезда «Южный Урал» Челябинск — Москва совмещена с его расписанием, поэтому географическая часть повёрнута севером налево.
13‑й поезд
Когда ехать тридцать пять часов, есть время разглядывать детали. Дизайн мой
Схему метро Екатеринбурга мы расположили горизонтально. Это вызвало много критики, потому что линия проходит через город с севера на юг.
Смысл такого поворота схемы в том, чтобы она подходила для размещения в вагонах над дверьми.
Линейные схемы
Дизайнер Паша Омелёхин, артдир я
О проекте
Схему метро Екатеринбурга мы расположили горизонтально. Это вызвало много критики, потому что линия проходит через город с севера на юг.
Смысл такого поворота схемы в том, чтобы она подходила для размещения в вагонах над дверьми.
Линейные схемы
Дизайнер Паша Омелёхин, артдир я
О проекте
В автомобильных навигаторах и на стелах городской пешеходной навигации карты повёрнуты по направлению взгляда зрителя. Такие карты понятны, потому что на них показан окружающий кусочек города. Когда под непривычным углом показан город целиком, не удивительно, что люди теряются.
Чем более сложная транспортная система и чем больше деталей на схеме, тем в большей степени схема становится «картой города». Свободно вращать её становится опасно. Исключения — ситуации, когда город даже на обычной карте принято показывать не севером наверх.
Навигация в картах Эпла
В автомобильных навигаторах и на стелах городской пешеходной навигации карты повёрнуты по направлению взгляда зрителя. Такие карты понятны, потому что на них показан окружающий кусочек города. Когда под непривычным углом показан город целиком, не удивительно, что люди теряются.
Чем более сложная транспортная система и чем больше деталей на схеме, тем в большей степени схема становится «картой города». Свободно вращать её становится опасно. Исключения — ситуации, когда город даже на обычной карте принято показывать не севером наверх.
Навигация в картах Эпла
Обычно слишком сильный поворот схемы по сравнению с картой сбивает с толку. Но Барселону часто изображают морем вниз даже на географических картах. Такая же ориентация используется и на схеме метро.
Море или горы — иногда более значимые ориентиры в городе, чем север‑юг. Чтобы понять, можно ли их использовать на схеме, лучше спросить жителей, как они представляют свой город.
Обычно слишком сильный поворот схемы по сравнению с картой сбивает с толку. Но Барселону часто изображают морем вниз даже на географических картах. Такая же ориентация используется и на схеме метро.
Море или горы — иногда более значимые ориентиры в городе, чем север‑юг. Чтобы понять, можно ли их использовать на схеме, лучше спросить жителей, как они представляют свой город.
Туристическая карта Барселоны, Онзеворлдмэп
Метро Барселоны, ТМБ
Удивительный случай — география Монреаля: там не просто поворачивают карту, там севером называют запад.
Река Святого Лаврентия течёт из озера Онтарио к Атлантическому океану, то есть с запада на восток.
Но вот в Монреале река изгибается, и представления о сторонах света переворачиваются, точнее, поворачиваются, подчинясь этому изгибу.
Направления, параллельные реке, называют «западом» и «востоком», а перпендикулярные реке — «севером» и «югом». Монреальский «север» — это почти запад, а в некоторых районах — строго запад.
Удивительный случай — география Монреаля: там не просто поворачивают карту, там севером называют запад.
Река Святого Лаврентия течёт из озера Онтарио к Атлантическому океану, то есть с запада на восток.
Но вот в Монреале река изгибается, и представления о сторонах света переворачиваются, точнее, поворачиваются, подчинясь этому изгибу.
Направления, параллельные реке, называют «западом» и «востоком», а перпендикулярные реке — «севером» и «югом». Монреальский «север» — это почти запад, а в некоторых районах — строго запад.
Карты Монреаля рисуют севером наверх, но не настоящим, а монреальским. Собственная география используется в названиях улиц, описаниях маршрутов транспорта.
Шутят, что Монреаль — единственный город на земле, где солнце садится на севере. Направление настоящего севера обозначено на карте стрелкой.
Карты Монреаля рисуют севером наверх, но не настоящим, а монреальским. Собственная география используется в названиях улиц, описаниях маршрутов транспорта.
Шутят, что Монреаль — единственный город на земле, где солнце садится на севере. Направление настоящего севера обозначено на карте стрелкой.
И официальная, и попадавшиеся мне неофициальные схемы монреальского метро рисуют под углом, средним между настоящей и монреальской географией.
Благодаря этому схема не слишком отличается по ориентации от привычной монреальской карты, но и север ближе к настоящему.
Дизайнер Кэмерон Бут
Официальная схема метро Монреаля:
Цветовое кодирование
Дизайнер Зиджейфиши
И официальная, и попадавшиеся мне неофициальные схемы монреальского метро рисуют под углом, средним между настоящей и монреальской географией.
Благодаря этому схема не слишком отличается по ориентации от привычной монреальской карты, но и север ближе к настоящему.
Дизайнер Кэмерон Бут
Официальная схема метро Монреаля:
Цветовое кодирование
Дизайнер Зиджейфиши
Охват
Некоторые транспортные системы слишком сложны для изображения на одной схеме. Хороший приём упрощения — уменьшить охват схемы, то есть показать не всё.
Например, можно показать только ночной транспорт. Ночью человеку безразлично, что ходит днём: ему нужно доехать сейчас. Отдельные дневная и ночная схема проще сами по себе, потому что на них не приходится отдельно помечать, какой из маршрутов когда ходит. Это подойдёт, если есть явное разделение на дневные и ночные маршруты.
Схема ночных паромов Японии
Трипадвайзор
Охват
Некоторые транспортные системы слишком сложны для изображения на одной схеме. Хороший приём упрощения — уменьшить охват схемы, то есть показать не всё.
Например, можно показать только ночной транспорт. Ночью человеку безразлично, что ходит днём: ему нужно доехать сейчас. Отдельные дневная и ночная схема проще сами по себе, потому что на них не приходится отдельно помечать, какой из маршрутов когда ходит. Это подойдёт, если есть явное разделение на дневные и ночные маршруты.
Схема ночных паромов Японии
Трипадвайзор
Ночные маршруты наземного транспорта Москвы
В Москве есть ночные и круглосуточные маршруты — они собраны на этой схеме. Тёмный фон напоминает, что речь о ночном транспорте.
Ночные маршруты наземного транспорта Москвы
В Москве есть ночные и круглосуточные маршруты — они собраны на этой схеме. Тёмный фон напоминает, что речь о ночном транспорте.
Ночные поезда, дизайнер Юг Церович
Охват этой схемы поездов тоже сужен до ночных маршрутов, но зато одновременно расширен на всю Европу. Показывать сразу все европейские поезда бесполезно, их слишком много.
Выделение ночных поездов в отдельную схему оправдано тем, что ночное путешествие — это совершенно другой сценарий: с комфортом и экономией на отеле.
Ночные поезда, дизайнер Юг Церович
Охват этой схемы поездов тоже сужен до ночных маршрутов, но зато одновременно расширен на всю Европу. Показывать сразу все европейские поезда бесполезно, их слишком много.
Выделение ночных поездов в отдельную схему оправдано тем, что ночное путешествие — это совершенно другой сценарий: с комфортом и экономией на отеле.
Ключевые автобусные маршруты в центральном Лондоне. Транспорт Лондона
На схеме можно показать не все, а только избранные маршруты. Например, связывающие важные
Название объясняет, что схема не исчерпывающая, да и оформление намекает на то, что это версия для туристов.
Ключевые автобусные маршруты в центральном Лондоне. Транспорт Лондона
На схеме можно показать не все, а только избранные маршруты. Например, связывающие важные
Название объясняет, что схема не исчерпывающая, да и оформление намекает на то, что это версия для туристов.
Можно разделить схемы по видам транспорта: показать отдельно автобусы, отдельно троллейбусы, отдельно трамваи. Но по таким схемам человек не сможет составить маршрут с пересадкой на другой вид транспорта, что сильно снижает её пользу.
Отдельное отображение метро обычно оправдано тем, что это особый вид транспорта. Метро проще и быстрее наземного транспорта, в нём негде заблудиться, пересадки бесплатные, интервалы между поездами короткие, нет пробок. Отсюда ощущение «телепортации», которого нет на наземном транспорте.
Во многих городах Европы единую систему скоростного транспорта образуют метро и городские электрички — их показывают вместе. В качестве «бонуса» могут показать автобус в аэропорт, если иначе до него не доехать.
Метро, электрички и автобусы в аэропорт «Тегель». Скоростной транспорт Берлина
Можно разделить схемы по видам транспорта: показать отдельно автобусы, отдельно троллейбусы, отдельно трамваи. Но по таким схемам человек не сможет составить маршрут с пересадкой на другой вид транспорта, что сильно снижает её пользу.
Отдельное отображение метро обычно оправдано тем, что это особый вид транспорта. Метро проще и быстрее наземного транспорта, в нём негде заблудиться, пересадки бесплатные, интервалы между поездами короткие, нет пробок. Отсюда ощущение «телепортации», которого нет на наземном транспорте.
Во многих городах Европы единую систему скоростного транспорта образуют метро и городские электрички — их показывают вместе. В качестве «бонуса» могут показать автобус в аэропорт, если иначе до него не доехать.
Метро, электрички и автобусы в аэропорт «Тегель». Скоростной транспорт Берлина
В Киеве наряду с метро и городскими электричками на схеме показаны трамваи.
Если в России принято считать тройку «трамвай, автобус, троллейбус» взаимозаменяемыми видами наземного транспорта — есть даже аббревиатура ТАТ, — то в других странах бывает иначе. Чтобы трамваи не стояли в пробках, пути изолируют от автомобильных дорог, и тогда трамвай вполне может считаться скоростным транспортом, в отличие от автобусов и троллейбусов.
В 2018 году трамваи добавили на схему лондонского метро:
В Киеве наряду с метро и городскими электричками на схеме показаны трамваи.
Если в России принято считать тройку «трамвай, автобус, троллейбус» взаимозаменяемыми видами наземного транспорта — есть даже аббревиатура ТАТ, — то в других странах бывает иначе. Чтобы трамваи не стояли в пробках, пути изолируют от автомобильных дорог, и тогда трамвай вполне может считаться скоростным транспортом, в отличие от автобусов и троллейбусов.
В 2018 году трамваи добавили на схему лондонского метро:
О схеме Бека:
Появление транспортных схем
Как ещё показать уход за края схемы:
Направления
Дизайнер Генри Бек, 1933
Можно сузить охват схемы до части города. На классической лондонской схеме Генри Бека отрезаны слишком длинные концы. Стрелка показывает, что линия продолжается за схему.
Дизайнер Константин Коновалов
На схеме московской «Магистрали» показан только центр. Не вместившиеся концы подписаны на полях.
Дизайнер Генри Бек, 1933
Можно сузить охват схемы до части города. На классической лондонской схеме Генри Бека отрезаны слишком длинные концы. Стрелка показывает, что линия продолжается за схему.
Дизайнер Константин Коновалов
На схеме московской «Магистрали» показан только центр. Не вместившиеся концы подписаны на полях.
О схеме Бека:
Появление транспортных схем
Как ещё показать уход за края схемы:
Направления
Дизайнер Александр Караваев, артдир я. О проекте
Эта челябинская схема 2015 года посвящена трамваям, но линии автобуса и троллейбуса тоже есть: они проведены «серым карандашом» на фоне. Остановки на этих линиях не обозначены, уходящие за схему концы отрезаны.
Детализация
Дизайнер Александр Караваев, артдир я. О проекте
Эта челябинская схема 2015 года посвящена трамваям, но линии автобуса и троллейбуса тоже есть: они проведены «серым карандашом» на фоне. Остановки на этих линиях не обозначены, уходящие за схему концы отрезаны.
Детализация
В Нью‑Йорке схемы автобусов делятся по районам. Мы уже видели Манхэттен, а вот Бруклин.
Схема автобусов Манхэттена:
Многообразие схем
В Нью‑Йорке схемы автобусов делятся по районам. Мы уже видели Манхэттен, а вот Бруклин.
Схема автобусов Манхэттена:
Многообразие схем
Заодно заметьте, что север — справа
Ориентация
Слишком раскидистую систему может быть трудно показать и подписать. В метро Чикаго есть хитрость: центральная «петля» показана на отдельной врезке. Вместо одной схемы используется как бы две, в очень разных масштабах.
Заодно заметьте, что север — справа
Ориентация
Слишком раскидистую систему может быть трудно показать и подписать. В метро Чикаго есть хитрость: центральная «петля» показана на отдельной врезке. Вместо одной схемы используется как бы две, в очень разных масштабах.
Бывает, что охват схемы определяется не пользой для пассажиров, а организационной структурой транспорта. Не во всех городах транспорт управляется централизованно; иногда за каждый вид транспорта отвечает своё подразделение какого‑нибудь ведомства.
Так может появиться даже схема маршрутов отдельного троллейбусного парка, который обслуживает часть маршрутов. Конечно, это лучше, чем если бы схемы вообще не было.
Схема маршрутов 6‑го троллейбусного парка Санкт‑Петербурга, дизайнер Елена Перминова
Бывает, что охват схемы определяется не пользой для пассажиров, а организационной структурой транспорта. Не во всех городах транспорт управляется централизованно; иногда за каждый вид транспорта отвечает своё подразделение какого‑нибудь ведомства.
Так может появиться даже схема маршрутов отдельного троллейбусного парка, который обслуживает часть маршрутов. Конечно, это лучше, чем если бы схемы вообще не было.
Схема маршрутов 6‑го троллейбусного парка Санкт‑Петербурга, дизайнер Елена Перминова
Детализация
Принципы лондонской схемы Генри Бека, такие как отказ от привязки к географии и приведение линий к углам по 45°, были ответом на растущую сложность и размер метро. Но бездумное копирование этих принципов бессмысленно. Эта схема мало что добавляет к простому перечислению станций через запятую: Алабинская, Российская, Московская...
Детализация
Принципы лондонской схемы Генри Бека, такие как отказ от привязки к географии и приведение линий к углам по 45°, были ответом на растущую сложность и размер метро. Но бездумное копирование этих принципов бессмысленно. Эта схема мало что добавляет к простому перечислению станций через запятую: Алабинская, Российская, Московская...
Бостонская схема 1967 года производит приятное впечатление графическим минимализмом, но явно выиграла бы с практической точки зрения от добавления хоть каких‑то ориентиров, хотя бы реки Чарльз и залива Массачусетс.
Бостонская схема 1967 года производит приятное впечатление графическим минимализмом, но явно выиграла бы с практической точки зрения от добавления хоть каких‑то ориентиров, хотя бы реки Чарльз и залива Массачусетс.
Дизайнер Паша Омелёхин, артдир я. О проекте
Кроме самих маршрутов на транспортной схеме полезно показывать достопримечательности, улицы города, парки и водоёмы — как на обычной карте. Это помогает связать транспорт с тем, куда на нём можно попасть.
На схеме метро Екатеринбурга мы показали даже расположение выходов в город. При этом, если смотреть на схему издалека, детали уходят на второй план, а линия со станциями остаётся хорошо читаемой.
На схеме одного транспорта может быть слой с другим, как мы видели на челябинской схеме 2015 года.
Трамваи Челябинска
Кроме самих маршрутов на транспортной схеме полезно показывать достопримечательности, улицы города, парки и водоёмы — как на обычной карте. Это помогает связать транспорт с тем, куда на нём можно попасть.
На схеме метро Екатеринбурга мы показали даже расположение выходов в город. При этом, если смотреть на схему издалека, детали уходят на второй план, а линия со станциями остаётся хорошо читаемой.
На схеме одного транспорта может быть слой с другим, как мы видели на челябинской схеме 2015 года.
Трамваи Челябинска
Дизайнер Паша Омелёхин, артдир я. О проекте
Чтобы показать географические детали, совсем необязательно делать схему географичной. В Софии улицы и парки изображены условно, следуют тем же правилам построения, что и линии.
Карта достопримечательностей Милана — пример геометричного изображения города.
Чтобы показать географические детали, совсем необязательно делать схему географичной. В Софии улицы и парки изображены условно, следуют тем же правилам построения, что и линии.
Карта достопримечательностей Милана — пример геометричного изображения города.
Милан, дизайнер Маттео Рива
Об упрощении правил построения:
Геометрия
На схеме трамваев Оклахома‑сити показаны многие городские детали, а ещё обозначены пешеходные расстояния между частями маршрута.
На схеме трамваев Оклахома‑сити показаны многие городские детали, а ещё обозначены пешеходные расстояния между частями маршрута.
Чем больше деталей, тем интереснее разглядывать схему. Кроме метро и железных дорог здесь кварталы, парки, улицы, река, важные здания. Есть подписи нескольких видов, показана координатная сетка.
Карта метро Парижа, 1915
Чем больше деталей, тем интереснее разглядывать схему. Кроме метро и железных дорог здесь кварталы, парки, улицы, река, важные здания. Есть подписи нескольких видов, показана координатная сетка.
Карта метро Парижа, 1915
Берлин, 1993. Показана координатная сетка для алфавитного указателя
Старые схемы берлинского транспорта
Берлин, 1997. Появились тарифные зоны
Старые схемы берлинского транспорта
На схеме могут быть служебные слои, такие как координатная сетка и тарифные зоны. Можно подписать названия районов города, показать надземные и подземные участки, глубину линий.
У станций можно показать автостоянки; отметить, есть ли безбарьерный доступ.
Берлин, 1993. Показана координатная сетка для алфавитного указателя
Старые схемы берлинского транспорта
Берлин, 1997. Появились тарифные зоны
Старые схемы берлинского транспорта
На схеме могут быть служебные слои, такие как координатная сетка и тарифные зоны. Можно подписать названия районов города, показать надземные и подземные участки, глубину линий.
У станций можно показать автостоянки; отметить, есть ли безбарьерный доступ.
Варианты изображения пересадок в Москве:
Поиск решения
Одна пересадка — один кружок
С разной степенью детальности можно изображать станции пересадок.
На своей первой схеме я показывал одним кружком весь пересадочный узел.
Одно название — один кружок
В более поздней версии детализация повысилась: я разделил пересадочные узлы на несколько кружков — по количеству разных названий платформ.
Через Павелецкую проходит две линии, но название одно, поэтому кружок, как и прежде, один. А вот Таганская и Марксистская распались на два кружка. Через Таганскую проходит две линии, через Марксистскую — одна.
Одна пересадка — один кружок
С разной степенью детальности можно изображать станции пересадок.
На своей первой схеме я показывал одним кружком весь пересадочный узел.
Одно название — один кружок
В более поздней версии детализация повысилась: я разделил пересадочные узлы на несколько кружков — по количеству разных названий платформ.
Через Павелецкую проходит две линии, но название одно, поэтому кружок, как и прежде, один. А вот Таганская и Марксистская распались на два кружка. Через Таганскую проходит две линии, через Марксистскую — одна.
Варианты изображения пересадок в Москве:
Поиск решения
С точностью до платформы. Схема 3.0
На московской официальной схеме детализация ещё выше: отдельный кружок соответствует каждой платформе, даже при общем названии.
При таком решении исчезает однозначное соответствие между кружком платформы и подписью, и человеку приходится гадать. Но и вообще схема становится сложнее: самая маленькая пересадка — это «гантеля», а не кружок.
С точностью до пути. Через сто лет
На плакате «Схема через сто лет» — ещё детальнее: обозначены не просто платформы, но отдельные пути. На кроссплатформенных станциях, например на Третьяковской, одна платформа обслуживает разные линии. В таких случаях линии разрезаны пополам и «пропущены» через нужные платформы.
Студия Лебедева
С точностью до платформы. Схема 3.0
На московской официальной схеме детализация ещё выше: отдельный кружок соответствует каждой платформе, даже при общем названии.
При таком решении исчезает однозначное соответствие между кружком платформы и подписью, и человеку приходится гадать. Но и вообще схема становится сложнее: самая маленькая пересадка — это «гантеля», а не кружок.
С точностью до пути. Через сто лет
На плакате «Схема через сто лет» — ещё детальнее: обозначены не просто платформы, но отдельные пути. На кроссплатформенных станциях, например на Третьяковской, одна платформа обслуживает разные линии. В таких случаях линии разрезаны пополам и «пропущены» через нужные платформы.
Студия Лебедева
На этой схеме видно каждую платформу каждой станции и переходы между ними. Правда, только внутри Кольцевой линии.
Москва, 1991
Метро.ру
На этой схеме видно каждую платформу каждой станции и переходы между ними. Правда, только внутри Кольцевой линии.
Москва, 1991
Метро.ру
Дизайнер Чарльз Бейкер. Музей транспорта
Этот плакат рекламирует открытие пересадки в Лондоне в 1924 году.
Какой завораживающей могла бы быть целая схема, где показано, как именно тоннели переплетаются под землёй! За её изучением можно было бы провести несколько увлекательных часов.
Дизайнер Чарльз Бейкер. Музей транспорта
Этот плакат рекламирует открытие пересадки в Лондоне в 1924 году.
Какой завораживающей могла бы быть целая схема, где показано, как именно тоннели переплетаются под землёй! За её изучением можно было бы провести несколько увлекательных часов.
Но чем больше деталей, тем труднее читать схему. С ростом сложности транспортной системы менее важные детали убирают.
На парижской схеме Константина Коновалова некоторые трамвайные маршруты показаны с пропусками остановок
Но чем больше деталей, тем труднее читать схему. С ростом сложности транспортной системы менее важные детали убирают.
На парижской схеме Константина Коновалова некоторые трамвайные маршруты показаны с пропусками остановок
На этапе дизайна в Студии Лебедева пробовали показать на схеме метро и автобусы. Получилось слишком сложно, да и пострадала читаемость самого метро. От идеи отказались.
На этапе дизайна в Студии Лебедева пробовали показать на схеме метро и автобусы. Получилось слишком сложно, да и пострадала читаемость самого метро. От идеи отказались.
На моей старой схеме московского метро серым показаны избранные скоростные автобусы. Отмечены только их остановки, расположенные рядом со станциями метро.
2013, дизайн мой. О проекте
На моей старой схеме московского метро серым показаны избранные скоростные автобусы. Отмечены только их остановки, расположенные рядом со станциями метро.
2013, дизайн мой. О проекте
Чтобы компактно показать сложную систему, можно вообще не подписывать промежуточные остановки.
Так же у «Симсититранса»:
Схема как символ
и в старом Челябинске:
Геометрия
Мельбурн
Общественный транспорт Виктории
Чтобы компактно показать сложную систему, можно вообще не подписывать промежуточные остановки.
Так же у «Симсититранса»:
Схема как символ
и в старом Челябинске:
Геометрия
Мельбурн
Общественный транспорт Виктории
В экстремальном случае на схеме могут вообще отсутствовать подписи. «Наносхема» для часов призвана напоминать опытным московским пассажирам, сколько остановок ехать до нужной пересадки внутри кольца.
Наносхема московского метро,
дизайн мой
В экстремальном случае на схеме могут вообще отсутствовать подписи. «Наносхема» для часов призвана напоминать опытным московским пассажирам, сколько остановок ехать до нужной пересадки внутри кольца.
Наносхема московского метро,
дизайн мой
Свобода
Наличие принципа важно для хорошего дизайна. Без него решения выглядят случайными. Но принцип — не самоцель, а лишь инструмент принятия решений. Некоторым дизайнерам принцип связывает руки.
Нужно не бояться свободы: делать исключение из совершенно любого принципа и комбинировать разные принципы на одной схеме, если схема от этого выиграет.
Свобода
Наличие принципа важно для хорошего дизайна. Без него решения выглядят случайными. Но принцип — не самоцель, а лишь инструмент принятия решений. Некоторым дизайнерам принцип связывает руки.
Нужно не бояться свободы: делать исключение из совершенно любого принципа и комбинировать разные принципы на одной схеме, если схема от этого выиграет.
О круглой московской Кольцевой:
Схема как символ
1990, Метро.ру
2014, справочник «Московский транспорт»
Студия Лебедева
На схемах московского метро Кольцевая линия идёт по кругу наперекор правилам построения других линий — это царь‑исключение, ставшее частью принципа.
На схеме ночного транспорта — 22,5‑градусная угловая сетка и дуги с общим центром, но фрагмент реки в центре вдруг идёт по совсем другой дуге, и маршруты, следующие по набережной, повторяют эту дугу.
1990, Метро.ру
На схемах московского метро Кольцевая линия идёт по кругу наперекор правилам построения других линий — это царь‑исключение, ставшее частью принципа.
На схеме ночного транспорта — 22,5‑градусная угловая сетка и дуги с общим центром, но фрагмент реки в центре вдруг идёт по совсем другой дуге, и маршруты, следующие по набережной, повторяют эту дугу.
2014, справочник «Московский транспорт»
Студия Лебедева
О круглой московской Кольцевой:
Схема как символ
Кольцо берлинских электричек уже много лет изображают на официальной схеме восьмиугольником, построенным по 45‑градусной угловой сетке.
На старых географичных схемах у него была особенная форма, которая многим напоминала морду собаки, но к середине 20 века географичные схемы в Берлине перестали использовать.
Дизайнер Паша Омелёхин в своей версии схемы воскресил эту характерную форму кольца, несмотря на то, что остальные линии подчиняются общим правилам построения.
О схеме Паши Омелёхина:
Поиск решения
Кольцо берлинских электричек уже много лет изображают на официальной схеме восьмиугольником, построенным по 45‑градусной угловой сетке.
На старых географичных схемах у него была особенная форма, которая многим напоминала морду собаки, но к середине 20 века географичные схемы в Берлине перестали использовать.
Дизайнер Паша Омелёхин в своей версии схемы воскресил эту характерную форму кольца, несмотря на то, что остальные линии подчиняются общим правилам построения.
О схеме Паши Омелёхина:
Поиск решения
На схеме‑фантазии железнодорожной сети Цинциннати река имеет куда более размашистые скругления, чем линии. Линия ,
Дизайнер Майкл Тызник
Дизайнер Майкл Тызник
На схеме‑фантазии железнодорожной сети Цинциннати река имеет куда более размашистые скругления, чем линии. Линия ,
На этой миланской схеме читается 45‑градусная угловая сетка, но местами она нарушается.
Дизайнер Дмитрий Голуб
На этой миланской схеме читается 45‑градусная угловая сетка, но местами она нарушается.
Дизайнер Дмитрий Голуб
В Москве 45‑градусная сетка углов, но в одной из версий схемы река её нарушала.
Исключение позволило избавиться от лишних изгибов на этом отрезке реки.
В Москве 45‑градусная сетка углов, но в одной из версий схемы река её нарушала.
Исключение позволило избавиться от лишних изгибов на этом отрезке реки.
Водоём — удобный объект, чтобы сделать исключение из правил. В центральной части нашей минской схемы городские детали изображены геометрично, но река течёт свободно, и это выглядит естественно.
Дизайнеры Иван Звягин, Константин Евстратенко, артдир я. О проекте
Водоём — удобный объект, чтобы сделать исключение из правил. В центральной части нашей минской схемы городские детали изображены геометрично, но река течёт свободно, и это выглядит естественно.
Дизайнеры Иван Звягин, Константин Евстратенко, артдир я. О проекте
Схема‑фантазия из проекта «Перезагрузка метро»
В проекте «Перезагрузка» у меня был принцип: не пересекать линии метро названиями станций. Можно было пересекать только линии Аэроэкспресса
Но потом оказалось, что надпись
В проекте «Перезагрузка» у меня был принцип: не пересекать линии метро названиями станций. Можно было пересекать только линии Аэроэкспресса
Схема‑фантазия из проекта «Перезагрузка метро»
Но потом оказалось, что надпись
В Лондоне метро ходит в аэропорт Хитроу, где есть три остановки у разных терминалов. В 2008 году на схеме метро для уменьшения шума слово Heathrow «вынесли за скобки» из названий станций и написали на плашке рядом. К сожалению, через год каждой станции вернули полное название.
Полные названия станций:
Hatton Cross
Heathrow Terminals 1, 2, 3
Heathrow Terminal 4
Heathrow Terminal 5
В Лондоне метро ходит в аэропорт Хитроу, где есть три остановки у разных терминалов. В 2008 году на схеме метро для уменьшения шума слово Heathrow «вынесли за скобки» из названий станций и написали на плашке рядом. К сожалению, через год каждой станции вернули полное название.
Полные названия станций:
Hatton Cross
Heathrow Terminals 1, 2, 3
Heathrow Terminal 4
Heathrow Terminal 5
Отступление от принципа должно или быть незаметным для читателя, или однозначно считываться как сильный и остроумный ход.
Здесь розовый маршрут нарушает 45‑градусную сетку в нижней части схемы. Это заметно и выглядит
Ночные‑выходные трамваи Мельбурна. Общественный транспорт Виктории
Отступление от принципа должно или быть незаметным для читателя, или однозначно считываться как сильный и остроумный ход.
Здесь розовый маршрут нарушает 45‑градусную сетку в нижней части схемы. Это заметно и выглядит
Ночные‑выходные трамваи Мельбурна. Общественный транспорт Виктории
На этой афинской схеме водоём неожиданно проходит под нестандартным углом — выглядит неряшливо.
Источник утерян
Источник утерян
На этой афинской схеме водоём неожиданно проходит под нестандартным углом — выглядит неряшливо.
Очевидный принцип помогает читателю понять схему однозначно. Но бывает, что слепое следование принципу мешает прочитать схему, а вот если его нарушить, становится понятнее.
Рассмотрим современную лондонскую схему. В принципе, станции без пересадки здесь обозначаются пеньками, а с пересадкой — кружками.
Дистрикт‑лайн и Пикадилли‑лайн, например, имеют общий участок, но проходят в разных тоннелях. Даже на одинаково называющихся станциях между ними нет пересадки — нужно выйти в город. На станциях, где пересадка есть, она обозначена явно.
Дистрикт‑лайн и Кольцевая линия также имеют общий участок, причём проходят его по одним рельсам. Пересесть можно на любой станции: к одной платформе поочерёдно подходят поезда двух линий.
Логично было бы изобразить все общие станции как пересадочные, но этого не делают, чтобы не утяжелять схему.
Кружками обозначены только станции, где можно пересесть куда‑то ещё. В остальных случаях достаточно того, что линии «склеены». Если пассажир не поймёт намёка и решит, что пересесть можно только на станциях с кружками, — не беда, в любом случае пересядет.
Транспорт Лондона, 2018
Транспорт Лондона, 2018
Очевидный принцип помогает читателю понять схему однозначно. Но бывает, что слепое следование принципу мешает прочитать схему, а вот если его нарушить, становится понятнее.
Рассмотрим современную лондонскую схему. В принципе, станции без пересадки здесь обозначаются пеньками, а с пересадкой — кружками.
Дистрикт‑лайн и Пикадилли‑лайн, например, имеют общий участок, но проходят в разных тоннелях. Даже на одинаково называющихся станциях между ними нет пересадки — нужно выйти в город. На станциях, где пересадка есть, она обозначена явно.
Дистрикт‑лайн и Кольцевая линия также имеют общий участок, причём проходят его по одним рельсам. Пересесть можно на любой станции: к одной платформе поочерёдно подходят поезда двух линий.
Логично было бы изобразить все общие станции как пересадочные, но этого не делают, чтобы не утяжелять схему.
Кружками обозначены только станции, где можно пересесть куда‑то ещё. В остальных случаях достаточно того, что линии «склеены». Если пассажир не поймёт намёка и решит, что пересесть можно только на станциях с кружками, — не беда, в любом случае пересядет.
Стандарт знаков Оверграунда
Транспорт Лондона
Идея не перебарщивать с обозначением пересадок была формализована и вошла в стандарты лондонской железнодорожной системы Оверграунд:
«Все пересадки на железную дорогу, Оверграунд, метро и лёгкое метро должны быть обозначены кружками с подходящим графическим символом, как показано.
Когда линия Оверграунда проходит вместе или по тому же маршруту, что и линия любого из этих видов транспорта, кружками обозначаются только первая и последняя пересадочные станции»
Стандарт знаков Оверграунда
Транспорт Лондона
Идея не перебарщивать с обозначением пересадок была формализована и вошла в стандарты лондонской железнодорожной системы Оверграунд:
«Все пересадки на железную дорогу, Оверграунд, метро и лёгкое метро должны быть обозначены кружками с подходящим графическим символом, как показано.
Когда линия Оверграунда проходит вместе или по тому же маршруту, что и линия любого из этих видов транспорта, кружками обозначаются только первая и последняя пересадочные станции»
На моей основной схеме московского метро пенёк станции Смоленской
Если бы я сделал его таким, как все, он бы «влип»
Если бы я сделал все пеньки такими же короткими, они бы хуже читались на схеме.
Если бы я увеличил расстояние между линиями, пришлось бы ещё увеличить капсулу, обозначающую станцию Киевскую, через которую обе линии проходят. Но утяжелять обозначение не хотелось.
В хорошем графическом дизайне общее влияет на частное, а не наоборот. Поэтому лучше сделать незаметное локальное исключение, но сохранить желаемый облик схемы в целом.
На моей основной схеме московского метро пенёк станции Смоленской
Если бы я сделал его таким, как все, он бы «влип»
Если бы я сделал все пеньки такими же короткими, они бы хуже читались на схеме.
Если бы я увеличил расстояние между линиями, пришлось бы ещё увеличить капсулу, обозначающую станцию Киевскую, через которую обе линии проходят. Но утяжелять обозначение не хотелось.
В хорошем графическом дизайне общее влияет на частное, а не наоборот. Поэтому лучше сделать незаметное локальное исключение, но сохранить желаемый облик схемы в целом.
Пример комбинирования разных принципов на одной схеме — лондонские автобусные «паукарты» (spider maps). На остановках висят такие карты с маршрутами только из этого микрорайона в остальной Лондон, то есть ограничен охват схемы. Рядом висят подобные карты ночных маршрутов — ещё одно разделение по охвату.
В середине географично показан сам микрорайон, а за его пределами геометрично показано, куда идут маршруты, каждый своей линией. Цветовое кодирование локальное: цвета одних и тех же маршрутов отличаются на разных схемах. В жёлтой зоне показаны все остановки, а за её пределами — только основные, то есть детализация уменьшена.
«Паукарта» района площади Пикадилли
Транспорт Лондона, 2012
Пример комбинирования разных принципов на одной схеме — лондонские автобусные «паукарты» (spider maps). На остановках висят такие карты с маршрутами только из этого микрорайона в остальной Лондон, то есть ограничен охват схемы. Рядом висят подобные карты ночных маршрутов — ещё одно разделение по охвату.
В середине географично показан сам микрорайон, а за его пределами геометрично показано, куда идут маршруты, каждый своей линией. Цветовое кодирование локальное: цвета одних и тех же маршрутов отличаются на разных схемах. В жёлтой зоне показаны все остановки, а за её пределами — только основные, то есть детализация уменьшена.
«Паукарта» района площади Пикадилли
Транспорт Лондона, 2012
Тест по второй части
Харьков, дизайнер Тарас Гордиенко
Выберите верное утверждение о схемах, где каждому маршруту соответствует своя линия.
Каким бывает соответствие между линиями и маршрутами на хорошей схеме?
Что автор называет «глобальным цветовым кодированием»?
Буэнос‑Айрес, дизайнер Себастиан Гагин
Японская железнодорожная сеть «Синкансэн», дизайнер Юг Церович
Выберите геометричные схемы.
Какие соображения приведены автором как влияющие на выбор цвета линии?
Определите правила построения схемы по фрагменту, предполагая, что за его пределами нет сюрпризов. Выберите схемы, где используется сетка углов и она не кратна 45°.
Трамваи Гданьска. ЗТМ
Трамваи Берлина, Скоростной транспорт Берлина
Колумбус, дизайнер Майкл Тызник
Марсель, РТМ
Планируемая сеть Олбани, дизайнер Кристофер Смеричник
Выберите верные высказывания о географичных транспортных схемах.
Железные дороги Большого Токио. Меик
Что лучше всего поможет понятнее представить транспортную систему Токио? Выберите один ответ.
В ходе поиска решения вы определились с несколькими принципам дизайна вашей схемы — они перечислены ниже. Теперь вы приступили к подробной проработке. Какие из принципов можно нарушить в отдельных случаях?
чтобы узнать результат.
Тест по второй части
Харьков, дизайнер Тарас Гордиенко
Выберите верное утверждение о схемах, где каждому маршруту соответствует своя линия.
Каким бывает соответствие между линиями и маршрутами на хорошей схеме?
Что автор называет «глобальным цветовым кодированием»?
Выберите геометричные схемы.
Буэнос‑Айрес, дизайнер Себастиан Гагин
Японская железнодорожная сеть «Синкансэн», дизайнер Юг Церович
Берлин, 1996. Архив берлинских схем
Детройт. Транзитмэп
Какие соображения приведены автором как влияющие на выбор цвета линии?
Определите правила построения схемы по фрагменту, предполагая, что за его пределами нет сюрпризов. Выберите схемы, где используется сетка углов и она не кратна 45°.
Трамваи Гданьска. ЗТМ
Трамваи Берлина, Скоростной транспорт Берлина
Колумбус, дизайнер Майкл Тызник
Марсель, РТМ
Планируемая сеть Олбани, дизайнер Кристофер Смеричник
Выберите верные высказывания о географичных транспортных схемах.
Железные дороги Большого Токио. Меик
Что лучше всего поможет понятнее представить транспортную систему Токио? Выберите один ответ.
В ходе поиска решения вы определились с несколькими принципам дизайна вашей схемы — они перечислены ниже. Теперь вы приступили к подробной проработке. Какие из принципов можно нарушить в отдельных случаях?
3
Конструкция
3
Конструкция
Графема
По схеме пассажир ищет станции и прокладывает маршруты. Чтобы помочь ему, мы вводим цветовое кодирование, убираем лишнее, систематизируем расстояния, углы и обозначения. Полученное графическое изображение обладает некоторой формой.
Хорошая форма помогает узнать схему и даёт глазам пассажира точки опоры. Юри Сузуки сделал для лондонского музея дизайна печатную плату по форме схемы метро. Кто знает Лондон, найдёт на плате станцию «Грин‑парк», хоть её название и загораживает конденсатор.
Графема
По схеме пассажир ищет станции и прокладывает маршруты. Чтобы помочь ему, мы вводим цветовое кодирование, убираем лишнее, систематизируем расстояния, углы и обозначения. Полученное графическое изображение обладает некоторой формой.
Хорошая форма помогает узнать схему и даёт глазам пассажира точки опоры. Юри Сузуки сделал для лондонского музея дизайна печатную плату по форме схемы метро. Кто знает Лондон, найдёт на плате станцию «Грин‑парк», хоть её название и загораживает конденсатор.
Лондон, 1964, дизайнер Пол Гарбутт
Архив схем лондонского метро
Ответ @andreygoldfine на просьбу нарисовать от руки схему знакомого метро
С начала 1960‑х в центре лондонской схемы горлышком направо лежит жёлтая бутылка, из которой торчат вертикальные и диагональные ветки. Если попросить человека нарисовать лондонскую схему по памяти, мы сразу её узнаем.
Лондон, 1964, дизайнер Пол Гарбутт
Архив схем лондонского метро
С начала 1960‑х в центре лондонской схемы горлышком направо лежит жёлтая бутылка, из которой торчат вертикальные и диагональные ветки. Если попросить человека нарисовать лондонскую схему по памяти, мы сразу её узнаем.
Ответ @andreygoldfine на просьбу нарисовать от руки схему знакомого метро
Схема по версии @dstjkt
Про московскую схему и говорить нечего — круг и радиусы впечатываются в мозг.
Общую форму, которая считывается до изучения подписей и отдельных линий, и делает схему узнаваемой и понятной, назовём графемой схемы.
О московской кольцевой:
Схема как символ
Про московскую схему и говорить нечего — круг и радиусы впечатываются в мозг.
Общую форму, которая считывается до изучения подписей и отдельных линий, и делает схему узнаваемой и понятной, назовём графемой схемы.
О московской кольцевой:
Схема как символ
Авторы проекта
Несмотря на множество неточностей, Лондон, Москва, Нью‑Йорк, Чикаго считываются сразу.
А вот Париж, Токио или Сеул — бесформенны. На них вместо ясной графемы — однородный узор.
О недостаках графемы парижской схемы и улучшении Константина Коновалова:
Многообразие схем
Авторы проекта
Несмотря на множество неточностей, Лондон, Москва, Нью‑Йорк, Чикаго считываются сразу.
А вот Париж, Токио или Сеул — бесформенны. На них вместо ясной графемы — однородный узор.
О недостаках графемы парижской схемы и улучшении Константина Коновалова:
Многообразие схем
Конечно, графема схемы изначально определяется топологией самой транспортной сети, а она происходит из плана города. Так что Москва и Чикаго просто вынуждены были получиться характерными.
В случае с менее «графичными» городами, создать образ для графемы — задача дизайнера. Если город не даёт подсказок, можно искусственно придумать для схемы контуры, выхватываемые взглядом.
Конечно, графема схемы изначально определяется топологией самой транспортной сети, а она происходит из плана города. Так что Москва и Чикаго просто вынуждены были получиться характерными.
В случае с менее «графичными» городами, создать образ для графемы — задача дизайнера. Если город не даёт подсказок, можно искусственно придумать для схемы контуры, выхватываемые взглядом.
Задача графемы больше, чем просто обеспечить узнаваемость схемы. Она должна быть ориентиром и опорой для глаза.
Официальная берлинская схема сама по себе хорошо узнаётся: есть кольцо‑восьмиугольник, образованное электричками, и есть ещё один пучок электричек, проходящих симметричной «волной» через центр.
Вроде бы всё хорошо: люди так и воспроизводят схему по памяти.
Проблема в том, что внутри кольца много станций и пересадок. Это самый центр города, где чаще всего приходится разбираться туристу, но узнаваемых ориентиров в этой части не хватает. Многие линии и их пересечения — на одно лицо: просто горизонтальная линия пересекает вертикальную. Глазу недостаёт «якорей», и поиск даже знакомой станции занимает огромное время.
В дизайне Паши Омелёхина, где кольцо имеет форму собачьей головы, получилось лучше с этой точки зрения. Появились такие ориентиры, как макушка, уши, шея, подбородок, пасть; в пару основной центральной волне появилась заметная зелёная контрволна.
Ещё о схеме Паши Омелёхина:
Свобода
Схема метро и электричек Берлина по версии Андрея Насонова
Схема метро и электричек Берлина по версии Андрея Насонова
Задача графемы больше, чем просто обеспечить узнаваемость схемы. Она должна быть ориентиром и опорой для глаза.
Официальная берлинская схема сама по себе хорошо узнаётся: есть кольцо‑восьмиугольник, образованное электричками, и есть ещё один пучок электричек, проходящих симметричной «волной» через центр.
Вроде бы всё хорошо: люди так и воспроизводят схему по памяти.
Проблема в том, что внутри кольца много станций и пересадок. Это самый центр города, где чаще всего приходится разбираться туристу, но узнаваемых ориентиров в этой части не хватает. Многие линии и их пересечения — на одно лицо: просто горизонтальная линия пересекает вертикальную. Глазу недостаёт «якорей», и поиск даже знакомой станции занимает огромное время.
В дизайне Паши Омелёхина, где кольцо имеет форму собачьей головы, получилось лучше с этой точки зрения. Появились такие ориентиры, как макушка, уши, шея, подбородок, пасть; в пару основной центральной волне появилась заметная зелёная контрволна.
Ещё о схеме Паши Омелёхина:
Свобода
Электрички Копенгагена, ДСБ, 2019
У этих двух схем — хорошие графемы. В Мэриленде — дерево с корнем и симметричными ветками. Можно запомнить, что нужная станция «чуть выше выпуклости правой ветки».
В Копенгагене — пучок, связанный справа, распускающийся снизу и сверху влево. Похоже на Чикаго, но без петли в центре. Станция может быть «на середине куска, ответвившегося снизу».
У этих двух схем — хорошие графемы. В Мэриленде — дерево с корнем и симметричными ветками. Можно запомнить, что нужная станция «чуть выше выпуклости правой ветки».
В Копенгагене — пучок, связанный справа, распускающийся снизу и сверху влево. Похоже на Чикаго, но без петли в центре. Станция может быть «на середине куска, ответвившегося снизу».
Электрички Копенгагена, ДСБ, 2019
На этой сингапурской схеме все линии имеют очень характерную форму, и станции пересадок тоже не похожи друг на друга.
Дизайнер Юля Кириллова, артдир Артём Горбунов. Дипломный проект в Школе бюро
На этой сингапурской схеме все линии имеют очень характерную форму, и станции пересадок тоже не похожи друг на друга.
Дизайнер Юля Кириллова, артдир Артём Горбунов. Дипломный проект в Школе бюро
Эскиз Александра Благочевского
О сетках углов:
Геометрия
На нашей схеме метро Санкт‑Петербурга в создании графемы помогла необычная сетка углов.
Если нарисовать линии по привычной 45‑градусной сетке, как на эскизе на полях, они выходят все на одно лицо: длинные вертикальные фрагменты за пределами центра и короткий горизонтальный фрагмент в центре. Пересечения тоже выглядят одинаково: вертикальная линия пересекает горизонтальную. Глазу не за что зацепиться.
У нас же все линии имеют неповторимую форму, и особенности их формы становятся ориентирами для глаза.
Дизайнеры Егор Попов и Сергей Чикин, артдир я. О проекте
Дизайнеры Егор Попов и Сергей Чикин, артдир я. О проекте
На нашей схеме метро Санкт‑Петербурга в создании графемы помогла необычная сетка углов.
Если нарисовать линии по привычной 45‑градусной сетке, как на эскизе на полях, они выходят все на одно лицо: длинные вертикальные фрагменты за пределами центра и короткий горизонтальный фрагмент в центре. Пересечения тоже выглядят одинаково: вертикальная линия пересекает горизонтальную. Глазу не за что зацепиться.
У нас же все линии имеют неповторимую форму, и особенности их формы становятся ориентирами для глаза.
Эскиз Александра Благочевского
О сетках углов:
Геометрия
Агенты перемен, 2015
Работая над графемой, нужно остерегаться случайных образов. Берлинскую собачью голову трудно назвать нейтральным образом, но он исторически оправдан, и Паша Омелёхин использовал его целенаправленно.
А вот киевская схема получилась похожей на человека на подкосившихся ногах (скомороха?). Вряд ли это имелось в виду.
Такие совпадения плохи, потому что, увидев их один раз, уже не развидишь. Они приковывают внимание к себе и отвлекают от содержимого.
Агенты перемен, 2015
Работая над графемой, нужно остерегаться случайных образов. Берлинскую собачью голову трудно назвать нейтральным образом, но он исторически оправдан, и Паша Омелёхин использовал его целенаправленно.
А вот киевская схема получилась похожей на человека на подкосившихся ногах (скомороха?). Вряд ли это имелось в виду.
Такие совпадения плохи, потому что, увидев их один раз, уже не развидишь. Они приковывают внимание к себе и отвлекают от содержимого.
Ещё хуже, когда графеме в жертву приносится вся география.
Схема трамваев Коломны Валдиса Десяткина хорошо запоминается как картинка, но эта картинка совсем не похожа на то, как выглядит город на карте. Её непросто сопоставить с реальными маршрутами.
Даже на схемах метро нужно быть осторожными с искажениями, а здесь речь о наземном транспорте, где люди смотрят в окно, видят улицы и перекрёстки.
Ещё хуже, когда графеме в жертву приносится вся география.
Схема трамваев Коломны Валдиса Десяткина хорошо запоминается как картинка, но эта картинка совсем не похожа на то, как выглядит город на карте. Её непросто сопоставить с реальными маршрутами.
Даже на схемах метро нужно быть осторожными с искажениями, а здесь речь о наземном транспорте, где люди смотрят в окно, видят улицы и перекрёстки.
О границах допустимых искажений:
Геометрия
Официальная схема трамваев Коломны некрасива, но она, в отличие от рассмотренного геометричного варианта с двумя кругами, помогает сориентироваться.
Упростить форму линий, не жертвуя узнаваемостью города, можно было бы так. Графема не хуже, чем в случае с кругами: петли хорошо узнаются и работают как ориентиры.
Официальная схема трамваев Коломны некрасива, но она, в отличие от рассмотренного геометричного варианта с двумя кругами, помогает сориентироваться.
Упростить форму линий, не жертвуя узнаваемостью города, можно было бы так. Графема не хуже, чем в случае с кругами: петли хорошо узнаются и работают как ориентиры.
О границах допустимых искажений:
Геометрия
На этих схемах графемы тоже победили географию, хотя идея назвать маршруты трамвая Оклахома‑сити «нулевым» и «восьмым» — остроумная.
При поиске графемы велик соблазн свести всё к простым геометрическим фигурам, но это не самоцель. Важнее, чтобы форма впечатывалась в мозг и характерные узнаваемые места цепляли взгляд.
Альтернативная схема питерского метро, дизайнер Юрий Семенков
Схема трамваев Оклахома‑сити, дизайнер Кристофер Смеричник
См. также официальную схему трамваев Оклахома‑сити:
Детализация
Схема трамваев Оклахома‑сити, дизайнер Кристофер Смеричник
На этих схемах графемы тоже победили географию, хотя идея назвать маршруты трамвая Оклахома‑сити «нулевым» и «восьмым» — остроумная.
При поиске графемы велик соблазн свести всё к простым геометрическим фигурам, но это не самоцель. Важнее, чтобы форма впечатывалась в мозг и характерные узнаваемые места цепляли взгляд.
Альтернативная схема питерского метро, дизайнер Юрий Семенков
См. также официальную схему трамваев Оклахома‑сити:
Детализация
Текстура
Неравномерная текстура берлинской схемы
В предыдущей главе я призывал придавать элементам схемы характерную форму, а не превращать переплетения линий в сплошной однородный узор. Разные заметные особенности схемы должны становиться опорой для глаза.
Но с другой стороны, чтобы конструкция схемы была прочной, нужно, чтобы в ней был порядок и аккуратность. На это ощущение влияет равномерная плотность, текстура схемы. В качестве особенностей не подойдут комки и дыры.
Неравномерная текстура берлинской схемы
Текстура
В предыдущей главе я призывал придавать элементам схемы характерную форму, а не превращать переплетения линий в сплошной однородный узор. Разные заметные особенности схемы должны становиться опорой для глаза.
Но с другой стороны, чтобы конструкция схемы была прочной, нужно, чтобы в ней был порядок и аккуратность. На это ощущение влияет равномерная плотность, текстура схемы. В качестве особенностей не подойдут комки и дыры.
Соблюдения сетки углов недостаточно для ровной текстуры, в чём легко убедиться на примере схемы метро и электричек Гамбурга. Комки и дыры бросаются в глаза.
О сетке углов:
Геометрия
Соблюдения сетки углов недостаточно для ровной текстуры, в чём легко убедиться на примере схемы метро и электричек Гамбурга. Комки и дыры бросаются в глаза.
О сетке углов:
Геометрия
В типографике есть понятие «серебра набора». Это ровный, спокойный набор, когда издалека на листе не видны ни чёрные пятна, ни белые дыры — если не считать огрехов печати, — а весь лист как будто равномерно покрыт серебром.
Галилео Галилей. Заметки о солнечных пятнах, 1613
В типографике есть понятие «серебра набора». Это ровный, спокойный набор, когда издалека на листе не видны ни чёрные пятна, ни белые дыры — если не считать огрехов печати, — а весь лист как будто равномерно покрыт серебром.
Галилео Галилей. Заметки о солнечных пятнах, 1613
Британская атлетика. Самванинлондон
Унилевер. Вольф Олинс
Эти логотипы состоят из разнообразных самостоятельных элементов, но элементы собираются в единое целое, равномерно заполняют общую форму.
Эти логотипы состоят из разнообразных самостоятельных элементов, но элементы собираются в единое целое, равномерно заполняют общую форму.
Британская атлетика. Самванинлондон
Унилевер. Вольф Олинс
На иллюстрации из лондонской пиццерии «Пиццалюкс» изображения еды и посуды равномерно заполняют всю площадь. К подобному балансу стоит стремиться в дизайне схемы.
На иллюстрации из лондонской пиццерии «Пиццалюкс» изображения еды и посуды равномерно заполняют всю площадь. К подобному балансу стоит стремиться в дизайне схемы.
Чтобы увидеть комки и дыры ·, достаточно посмотреть на схему расфокусированным взглядом.
Первая схема много лет была официальной в Москве. Станции расположены неравномерно — две дыры в верхней части кольца бросаются в глаза.
Заметьте, что в нижней части кольца дыры маскирует Москва‑река.
В моей версии и внутри, и снаружи кольца с текстурой дела получше.
Настройка текстуры — кропотливая работа. Чтобы добиться равномерной плотности, иногда приходится менять то, как проходят линии и где расположены обозначения станций.
Как я заполнял дыру над Баррикадной:
Поиск решения
Чтобы увидеть комки и дыры ·, достаточно посмотреть на схему расфокусированным взглядом.
Первая схема много лет была официальной в Москве. Станции расположены неравномерно — две дыры в верхней части кольца бросаются в глаза.
Заметьте, что в нижней части кольца дыры маскирует Москва‑река.
В моей версии и внутри, и снаружи кольца с текстурой дела получше.
Настройка текстуры — кропотливая работа. Чтобы добиться равномерной плотности, иногда приходится менять то, как проходят линии и где расположены обозначения станций.
Как я заполнял дыру над Баррикадной:
Поиск решения
Когда нет реки, дыры можно «заделать» чем‑то ещё. Барселонскую схему спасают от дырявости слои с городскими улицами, парками и пляжами.
Если их убрать, получается хуже — схему сразу хочется «потрясти», чтобы линии сложились равномернее.
Дублин в 2040 году, дизайнер Кевин Картер
Эту дублинскую схему от дыры в центре спасает парк.
Дублин в 2040 году, дизайнер Кевин Картер
Эту дублинскую схему от дыры в центре спасает парк.
Текст — такой же графический материал, как линии, реки, улицы и другие элементы.
Рассмотрим подписи «Международная» и «Александровский сад».
Если бы, например, Международную назвали «Сити», как планировалось изначально, а Александровский сад переименовали в «Кремль», то в районе между ними · возникла бы дыра.
Можно попытаться спасти ситуацию, слегка подвигав названия вокруг. В этом эскизе мне пришлось ещё и немного иначе погнуть серую линию, но получилось всё равно так себе.
Так что после переименования станций нередко приходится существенно менять траектории линий.
Текст — такой же графический материал, как линии, реки, улицы и другие элементы.
Рассмотрим подписи «Международная» и «Александровский сад».
Если бы, например, Международную назвали «Сити», как планировалось изначально, а Александровский сад переименовали в «Кремль», то в районе между ними · возникла бы дыра.
Можно попытаться спасти ситуацию, слегка подвигав названия вокруг. В этом эскизе мне пришлось ещё и немного иначе погнуть серую линию, но получилось всё равно так себе.
Так что после переименования станций нередко приходится существенно менять траектории линий.
Во время работы над нашей схемой метро Санкт‑Петербурга долго не получалось «собрать» центр. Где‑то в промежутках между линиями оказывались подписи, а где‑то — пустота. При этом некоторым подписям не хватало места, и приходилось залезать на линии.
Тогда дизайнер Егор Попов раздробил линии на сегменты и стал перемещать их вместе с подписями в поисках конфигурации с более‑менее равномерной плотностью. Обводки линий помогали видеть зоны, в которые не стоит залезать подписям.
Когда конфигурация нашлась, линии снова соединились.
Часть решений, найденных в этом эксперименте, сохранились до финальной версии.
Во время работы над нашей схемой метро Санкт‑Петербурга долго не получалось «собрать» центр. Где‑то в промежутках между линиями оказывались подписи, а где‑то — пустота. При этом некоторым подписям не хватало места, и приходилось залезать на линии.
Тогда дизайнер Егор Попов раздробил линии на сегменты и стал перемещать их вместе с подписями в поисках конфигурации с более‑менее равномерной плотностью. Обводки линий помогали видеть зоны, в которые не стоит залезать подписям.
Когда конфигурация нашлась, линии снова соединились.
Часть решений, найденных в этом эксперименте, сохранились до финальной версии.
Дизайнеры Егор Попов и Сергей Чикин, артдир я. О проекте
В 2016 году в Москве открыли движение электричек по Малому кольцу железной дороги. Заметьте, что центр этого кольца географически значительно выше и немного правее центра Москвы.
Новую линию назвали «МЦК» и связали бесплатными пересадками с метро.
Возникла задача добавить линию на схему.
На свою схему я добавил линию, сохранив равномерную плотность. Линия получила форму, состоящую из двух концентрических дуг и двух отрезков.
Дизайнеры официальной схемы стремились изобразить МЦК настоящим кольцом. Чтобы учесть географию, сначала рисовали его выше центра, но неконцентричность колец выглядела некрасиво. Потом появился более опрятный вариант со спрямлением снизу.
Дизайнер Александр Караваев рассказывает, что арт‑директор Артемий Лебедев попросил сохранить красоту:
Он сказал, что главная красота московской схемы — кольцо. И эту красоту надо сохранить. Усечённое кольцо тоже не покатило — символом Московского метро не может быть спущенное колесо.
Графема победила текстуру — между концентрическими кольцами снизу образовались дыры.
Выбор положения МКЖД на схеме. Схемопанорама
В 2016 году в Москве открыли движение электричек по Малому кольцу железной дороги. Заметьте, что центр этого кольца географически значительно выше и немного правее центра Москвы.
Новую линию назвали «МЦК» и связали бесплатными пересадками с метро.
Возникла задача добавить линию на схему.
На свою схему я добавил линию, сохранив равномерную плотность. Линия получила форму, состоящую из двух концентрических дуг и двух отрезков.
Дизайнеры официальной схемы стремились изобразить МЦК настоящим кольцом. Чтобы учесть географию, сначала рисовали его выше центра, но неконцентричность колец выглядела некрасиво. Потом появился более опрятный вариант со спрямлением снизу.
Дизайнер Александр Караваев рассказывает, что арт‑директор Артемий Лебедев попросил сохранить красоту:
Он сказал, что главная красота московской схемы — кольцо. И эту красоту надо сохранить. Усечённое кольцо тоже не покатило — символом Московского метро не может быть спущенное колесо.
Графема победила текстуру — между концентрическими кольцами снизу образовались дыры.
Выбор положения МКЖД на схеме. Схемопанорама
Черновик
Черновик
Черновик
Черновик
Черновик
Черновик
С дырами надо было что‑то делать.
Под Павелецкой хоть как‑то выручал текстовый блок о Павелецком вокзале. Но что засунуть между Серпуховской и Нагатинской?
Дизайнеры выражали озадаченность шуткой.
Можно было бы поставить Нагатинскую и Нагорную над новым кольцом, несмотря на то, что в реальности они расположены южнее. Но позже на схеме понадобится обозначение пересадки между Нагатинской и Варшавским шоссе, поэтому они должны быть рядом.
Оставались только «хаки». Сначала в дырку поставили логотип метро.
Потом придумали именно здесь крупно подписать Москву‑реку.
Станция, обозначенная на черновиках как «Варшавское шоссе», на самом деле называется «Верхние Котлы»
Создание схемы линий Московского метро 3.0. Студия Лебедева
Черновик
Черновик
Черновик
Черновик
Черновик
Черновик
С дырами надо было что‑то делать.
Под Павелецкой хоть как‑то выручал текстовый блок о Павелецком вокзале. Но что засунуть между Серпуховской и Нагатинской?
Дизайнеры выражали озадаченность шуткой.
Можно было бы поставить Нагатинскую и Нагорную над новым кольцом, несмотря на то, что в реальности они расположены южнее. Но позже на схеме понадобится обозначение пересадки между Нагатинской и Варшавским шоссе, поэтому они должны быть рядом.
Оставались только «хаки». Сначала в дырку поставили логотип метро.
Потом придумали именно здесь крупно подписать Москву‑реку.
Станция, обозначенная на черновиках как «Варшавское шоссе», на самом деле называется «Верхние Котлы»
Создание схемы линий Московского метро 3.0. Студия Лебедева
Дизайнеры Егор Попов и Сергей Чикин, артдир я. О проекте
Без подписи
Если один и тот же объект можно подписать в разных местах, то естественно делать это в наиболее свободном месте.
С подписью
На нашей схеме метро Санкт‑Петербурга подпись Обводного канала как раз стоит в том месте, где не хватает «мяса».
Без подписи
Если один и тот же объект можно подписать в разных местах, то естественно делать это в наиболее свободном месте.
С подписью
На нашей схеме метро Санкт‑Петербурга подпись Обводного канала как раз стоит в том месте, где не хватает «мяса».
Дизайнеры Егор Попов и Сергей Чикин, артдир я. О проекте
Черновик
Черновик
Черновик
Когда долго работаешь над схемой, глаз может привыкнуть к её несбалансированной форме, «замылиться». Тогда и расфокусировка взгляда не помогает.
Ещё один проверочный приём — отразить схему. «Таким образом мы не сосредотачиваемся на деталях, а видим картину целиком», — пишут дизайнеры официальной московской схемы.
После такого переворота очевидно, что схема заваливается налево, и дизайнеры пытаются её сбалансировать.
Создание схемы линий Московского метро 3.0. Студия Лебедева
Черновик
Черновик
Черновик
Когда долго работаешь над схемой, глаз может привыкнуть к её несбалансированной форме, «замылиться». Тогда и расфокусировка взгляда не помогает.
Ещё один проверочный приём — отразить схему. «Таким образом мы не сосредотачиваемся на деталях, а видим картину целиком», — пишут дизайнеры официальной московской схемы.
После такого переворота очевидно, что схема заваливается налево, и дизайнеры пытаются её сбалансировать.
Создание схемы линий Московского метро 3.0. Студия Лебедева
Может показаться, что между последними двумя главами есть противоречие. С одной стороны, я говорю, что схема не должна превращаться в однородный узор, а с другой — что она должна быть заполнена элементами равномерно.
Но на самом деле достижимо и то, и другое. Разница между однородным узором и равномерно заполненной схемой — как между белым шумом и фотографией космоса.
По всей вселенной что‑то есть, но её вид бесконечно разнообразен. Глаз и видит общую сплошную картину, и выхватывает отдельные звёзды, созвездия, галактики и туманности.
Может показаться, что между последними двумя главами есть противоречие. С одной стороны, я говорю, что схема не должна превращаться в однородный узор, а с другой — что она должна быть заполнена элементами равномерно.
Но на самом деле достижимо и то, и другое. Разница между однородным узором и равномерно заполненной схемой — как между белым шумом и фотографией космоса.
По всей вселенной что‑то есть, но её вид бесконечно разнообразен. Глаз и видит общую сплошную картину, и выхватывает отдельные звёзды, созвездия, галактики и туманности.
Ритм
Артём Горбунов
о согласовании в дизайне
В совете о согласовании в дизайне Артём Горбунов рассказывает историю о начале своей работы в Студии Лебедева, как с огромным трудом нарисовал и утвердил у арт‑директора Ильи Михайлова четыре картинки для сайта.
Артемий Лебедев прокомментировал результат: «У вас тут картинки все как бы немного поворачиваются. Надо сделать так, чтобы при переходе между разделами картинки поворачивались в одном направлении и получалась линейная последовательность».
Одну из картинок пришлось перерисовать. Артём называет эту историю одним из своих важнейших уроков дизайна и пишет:
В хорошем дизайне согласованы все элементы. По мере прогресса в технике всё более согласованы движения частей механизма, частоты, время взаимодействия и общая структура. В развитом бизнесе согласованы реклама, продажи, производство и логистика. В зрелом графическом дизайне согласованы цвет, модульная сетка, типографика.
Ритм
В совете о согласовании в дизайне Артём Горбунов рассказывает историю о начале своей работы в Студии Лебедева, как с огромным трудом нарисовал и утвердил у арт‑директора Ильи Михайлова четыре картинки для сайта.
Артемий Лебедев прокомментировал результат: «У вас тут картинки все как бы немного поворачиваются. Надо сделать так, чтобы при переходе между разделами картинки поворачивались в одном направлении и получалась линейная последовательность».
Одну из картинок пришлось перерисовать. Артём называет эту историю одним из своих важнейших уроков дизайна и пишет:
В хорошем дизайне согласованы все элементы. По мере прогресса в технике всё более согласованы движения частей механизма, частоты, время взаимодействия и общая структура. В развитом бизнесе согласованы реклама, продажи, производство и логистика. В зрелом графическом дизайне согласованы цвет, модульная сетка, типографика.
Артём Горбунов
о согласовании в дизайне
На моей московской схеме согласованы расстояния между вертикальными фрагментами линий, а радиусы окружностей и дуг имеют общий шаг. О проекте
Артём продолжает:
Чем профессиональнее графическая работа, тем более согласованы её элементы. Но опытные дизайнеры тратят время на нюансы, когда основная композиция уже найдена.
Транспортные схемы — пример максимального графического согласования. На схемах согласовано всё со всем: ритм линий, углы наклона, центры дуг, пересечения, скругления, надписи и отступы.
Ритм — это предсказуемые и ожидаемые повторения. Понятие используется и в музыке, и в архитектуре, и в графическом дизайне.
Чтобы появился ритм, можно ввести модульную сетку для расстояний между линиями и станциями, для толщин; сетку базовых линий надписей.
А ещё о согласовании скруглений:
Изгибы
Артём продолжает:
Чем профессиональнее графическая работа, тем более согласованы её элементы. Но опытные дизайнеры тратят время на нюансы, когда основная композиция уже найдена.
Транспортные схемы — пример максимального графического согласования. На схемах согласовано всё со всем: ритм линий, углы наклона, центры дуг, пересечения, скругления, надписи и отступы.
Ритм — это предсказуемые и ожидаемые повторения. Понятие используется и в музыке, и в архитектуре, и в графическом дизайне.
Чтобы появился ритм, можно ввести модульную сетку для расстояний между линиями и станциями, для толщин; сетку базовых линий надписей.
На моей московской схеме согласованы расстояния между вертикальными фрагментами линий, а радиусы окружностей и дуг имеют общий шаг. О проекте
А ещё о согласовании скруглений:
Изгибы
Дизайн, сделанный по модульной сетке, выглядит организованным. В нём виден порядок, поэтому он кажется понятным и доступным. Это важные качества и для успеха транспортной схемы.
Афиша цюрихского театра, дизайнер Йозеф Мюллер‑Брокманн, 1960
Сайт Бамбу‑крауд, 2019
Первая полоса газеты «Гардиан», 2018
Упаковка «Диазинона»
Чемпионат мира в Бразилии. Кароши, 2014
Гид по Барселоне. Астрид Ставро, 2012
Дизайн, сделанный по модульной сетке, выглядит организованным. В нём виден порядок, поэтому он кажется понятным и доступным. Это важные качества и для успеха транспортной схемы.
Афиша цюрихского театра, дизайнер Йозеф Мюллер‑Брокманн, 1960
Сайт Бамбу‑крауд, 2019
Первая полоса газеты «Гардиан», 2018
Упаковка «Диазинона»
Чемпионат мира в Бразилии. Кароши, 2014
Гид по Барселоне. Астрид Ставро, 2012
Ранее мы обсуждали, что одним из упрощений на схеме Генри Бека было введение 45‑градусной угловой сетки. Ещё одно важное упрощение — как раз выравнивание расстояний между станциями.
О схеме Бека:
Появление транспортных схем
Ранее мы обсуждали, что одним из упрощений на схеме Генри Бека было введение 45‑градусной угловой сетки. Ещё одно важное упрощение — как раз выравнивание расстояний между станциями.
О схеме Бека:
Появление транспортных схем
На нью‑йоркской схеме линии, проходящие через Манхэттен, идут на равных расстояниях.
На мадридской схеме фиксированный шаг есть и у радиусов, и у дуг.
Неофициальная схема ж.‑д. транспорта Мадрида,
дизайнер Давид Эрраис
Метро Нью‑Йорка,
дизайнер Джордж Саломон, 1958, источник утерян
Метро Нью‑Йорка,
дизайнер Джордж Саломон, 1958, источник утерян
На нью‑йоркской схеме линии, проходящие через Манхэттен, идут на равных расстояниях.
На мадридской схеме фиксированный шаг есть и у радиусов, и у дуг.
Неофициальная схема ж.‑д. транспорта Мадрида,
дизайнер Давид Эрраис
Невооружённым глазом видна модульная сетка на схеме железнодорожной сети Мельбурна.
Дизайнер Филип Маллис
Дизайнер Филип Маллис
Невооружённым глазом видна модульная сетка на схеме железнодорожной сети Мельбурна.
Модульная сетка необязательно должна быть единой на всю схему — разные её части могут подчиняться разным законам. Всё равно это будет смотреться аккуратнее, чем если закона нет.
На официальной московской схеме верхние концы линий выровнены по такой сетке. Интересно, что Люблинская линия немного не подчиняется ей — вместо неё по сетке идёт линия Аэроэкспресса рядом. Но подвох почти невозможно заметить.
Тем временем нижние концы линий выравниваются по другой сетке.
Дополнительно согласованы расстояния между самыми заметными диагональными отрезками.
Модульная сетка необязательно должна быть единой на всю схему — разные её части могут подчиняться разным законам. Всё равно это будет смотреться аккуратнее, чем если закона нет.
На официальной московской схеме верхние концы линий выровнены по такой сетке. Интересно, что Люблинская линия немного не подчиняется ей — вместо неё по сетке идёт линия Аэроэкспресса рядом. Но подвох почти невозможно заметить.
Тем временем нижние концы линий выравниваются по другой сетке.
Дополнительно согласованы расстояния между самыми заметными диагональными отрезками.
Дизайнер Дмитрий Голуб
Несколько параллельных линий на этой миланской схеме проходят на расстоянии, которое на глаз кажется равным.
Дизайнер Дмитрий Голуб
Несколько параллельных линий на этой миланской схеме проходят на расстоянии, которое на глаз кажется равным.
На нашей схеме метро Екатеринбурга по модульной сетке стоят городские улицы.
Дизайнер Паша Омелёхин, артдир я. О проекте
Дизайнер Паша Омелёхин, артдир я. О проекте
На нашей схеме метро Екатеринбурга по модульной сетке стоят городские улицы.
Отрезки линий, уходящие вверх и вниз на нашей питерской схеме, также стоят на одинаковых расстояниях друг от друга.
Расстояния между станциями за пределами центра по возможности выровнены, как было у Бека. Но дополнительно везде, где это не идёт в ущерб другим задачам, выровнены друг с другом станции на соседних линиях.
Дизайнеры Егор Попов и Сергей Чикин, артдир я. О проекте
Отрезки линий, уходящие вверх и вниз на нашей питерской схеме, также стоят на одинаковых расстояниях друг от друга.
Расстояния между станциями за пределами центра по возможности выровнены, как было у Бека. Но дополнительно везде, где это не идёт в ущерб другим задачам, выровнены друг с другом станции на соседних линиях.
Дизайнеры Егор Попов и Сергей Чикин, артдир я. О проекте
На мюнхенской схеме множество вертикалей идут на беспорядочном расстоянии. Расстояния между станциями тоже не согласованы. Кажется, схема бы выиграла от такого согласования.
Схема городских и региональных поездов Мюнхена. МВВ
Схема городских и региональных поездов Мюнхена. МВВ
На мюнхенской схеме множество вертикалей идут на беспорядочном расстоянии. Расстояния между станциями тоже не согласованы. Кажется, схема бы выиграла от такого согласования.
Кэмерон Бут сделал инфографику о событиях Сиднейского фестиваля в виде транспортной схемы. «Станции» символизируют мероприятия, а «линии» соединяют их по типу: музыкальные, артистические, семейные.
Кольцевая линия в центре показывает самые важные мероприятия.
Кэмерон захотел расположить «станции» на кольце равномерно. Поскольку станций десять, получилось, что угол между ними — 36°.
Если, используя этот угол, расставить станции симметрично, возникает проблема. Линия, проходящая через две станции на кольце, не подчиняется 45‑градусной сетке углов. Чтобы подчиниться, линия вынуждена погнуться.
Кэмерон заметил, что если повернуть кольцо целиком на 9°, то станции встанут удобнее для 45‑градусной сетки углов, и половины изгибов удастся избежать.
Когда смотришь на нарисованную схему, «подвоха» не видно — кажется, что всё само собой так аккуратно сложилось.
Кэмерон Бут сделал инфографику о событиях Сиднейского фестиваля в виде транспортной схемы. «Станции» символизируют мероприятия, а «линии» соединяют их по типу: музыкальные, артистические, семейные.
Кольцевая линия в центре показывает самые важные мероприятия.
Кэмерон захотел расположить «станции» на кольце равномерно. Поскольку станций десять, получилось, что угол между ними — 36°.
Если, используя этот угол, расставить станции симметрично, возникает проблема. Линия, проходящая через две станции на кольце, не подчиняется 45‑градусной сетке углов. Чтобы подчиниться, линия вынуждена погнуться.
Кэмерон заметил, что если повернуть кольцо целиком на 9°, то станции встанут удобнее для 45‑градусной сетки углов, и половины изгибов удастся избежать.
Когда смотришь на нарисованную схему, «подвоха» не видно — кажется, что всё само собой так аккуратно сложилось.
Ещё на этой схеме Кэмерона Бута интересно устроена модульная сетка, причём её устройство напрямую связано с тем, что станции на кольце повернулись на 9°.
За один модуль взято вертикальное расстояние между станцией «Тимбер!» и верхом кольца. Линии выше идут с таким же шагом.
Но если распространить эту сетку вниз, то выяснится, что нижние линии в неё уже не попадают. Оказывается, нижние линии идут с тем же шагом, но уже относительно низа кольца, а один отрезок справа от кольца вообще не подчиняется сетке.
То, что между верхней и нижней частями сетка нарушается, незаметно, потому что в центре почти нет горизонтальных отрезков. Зато там хорошо видно, что расстояния между станциями на кольце одинаковые, и поэтому кажется, что всё стоит по правилам.
Расстояния между вертикальными элементами подчиняются тому же шагу.
Ещё на этой схеме Кэмерона Бута интересно устроена модульная сетка, причём её устройство напрямую связано с тем, что станции на кольце повернулись на 9°.
За один модуль взято вертикальное расстояние между станцией «Тимбер!» и верхом кольца. Линии выше идут с таким же шагом.
Но если распространить эту сетку вниз, то выяснится, что нижние линии в неё уже не попадают. Оказывается, нижние линии идут с тем же шагом, но уже относительно низа кольца, а один отрезок справа от кольца вообще не подчиняется сетке.
То, что между верхней и нижней частями сетка нарушается, незаметно, потому что в центре почти нет горизонтальных отрезков. Зато там хорошо видно, что расстояния между станциями на кольце одинаковые, и поэтому кажется, что всё стоит по правилам.
Расстояния между вертикальными элементами подчиняются тому же шагу.
Начинающие дизайнеры часто попадают в ловушку: сначала выбирают модульную сетку, а потом пытаются подчинить ей свой дизайн. Преподаватели вёрстки предостерегают от такого.
Сетка — не причина, а следствие того, каким получился дизайн. Сначала мы проводим линии и расставляем станции так, чтобы их положение было логично и удобно для восприятия. При этом думаем над графемой и текстурой.
Когда решение найдено и все подписи вместились, замечаем: что‑то стоит почти ровно или на почти одинаковом расстоянии. С превращением «почти» в «совсем» и может помочь сетка.
Кстати, именно поэтому о модульной сетке мы заговорили только в этой части книги, в отличие от сетки углов, которая является принципиальным решением и задаёт весь образ схемы.
Не городите леса раньше времени. Выкиньте сетку и не начинайте с неё проектирование 〈...〉 Она не должна диктовать условия. Представьте, если бы карандаш говорил, как штриховать, а линейка — куда вести линию?
Миша Нозик
Самое главное не начинать с сетки. Как только вы её начертите, она сразу вас загипнотизирует. Перед глазами останутся линии и клетки, а материал уйдёт на второй план. Хуже того: сетка не позволит принять композиционные решения, которые выходят за её рамки.
Игорь Штанг
Начинающие дизайнеры часто попадают в ловушку: сначала выбирают модульную сетку, а потом пытаются подчинить ей свой дизайн. Преподаватели вёрстки предостерегают от такого.
Сетка — не причина, а следствие того, каким получился дизайн. Сначала мы проводим линии и расставляем станции так, чтобы их положение было логично и удобно для восприятия. При этом думаем над графемой и текстурой.
Когда решение найдено и все подписи вместились, замечаем: что‑то стоит почти ровно или на почти одинаковом расстоянии. С превращением «почти» в «совсем» и может помочь сетка.
Кстати, именно поэтому о модульной сетке мы заговорили только в этой части книги, в отличие от сетки углов, которая является принципиальным решением и задаёт весь образ схемы.
Не городите леса раньше времени. Выкиньте сетку и не начинайте с неё проектирование 〈...〉 Она не должна диктовать условия. Представьте, если бы карандаш говорил, как штриховать, а линейка — куда вести линию?
Миша Нозик
Самое главное не начинать с сетки. Как только вы её начертите, она сразу вас загипнотизирует. Перед глазами останутся линии и клетки, а материал уйдёт на второй план. Хуже того: сетка не позволит принять композиционные решения, которые выходят за её рамки.
Игорь Штанг
Формат
Естественная для арбуза форма — круглая. Но с круглыми арбузами проблема: они неэффективно занимают место и часто бьются при перевозке.
Люди научились выращивать квадратные арбузы, с которыми этих проблем нет.
Формат
Естественная для арбуза форма — круглая. Но с круглыми арбузами проблема: они неэффективно занимают место и часто бьются при перевозке.
Люди научились выращивать квадратные арбузы, с которыми этих проблем нет.
Транспортная схема может получиться любой формы, но разместят её, скорее всего, в виде прямоугольного плаката. Чем определяется его размер и пропорции?
В идеале — самой схемой: её проектируют из соображений читаемости и информативности и подбирают подходящий формат.
Схема челябинских трамваев в челябинском трамвае. Дизайнеры Полина Лесникова и Александр Караваев, артдир я
Транспортная схема может получиться любой формы, но разместят её, скорее всего, в виде прямоугольного плаката. Чем определяется его размер и пропорции?
В идеале — самой схемой: её проектируют из соображений читаемости и информативности и подбирают подходящий формат.
Схема челябинских трамваев в челябинском трамвае. Дизайнеры Полина Лесникова и Александр Караваев, артдир я
Если делать схему на бесконечном холсте, а потом вырезать прямоугольник вокруг, будет видно, что схема «ничего не знает» о своём формате.
Сравните мои схемы московского метро 2013 и 2016 годов. Первая схема просто неуверенно стоит в таком прямоугольнике, в который помещается. Вторая схема сама имеет форму
Если делать схему на бесконечном холсте, а потом вырезать прямоугольник вокруг, будет видно, что схема «ничего не знает» о своём формате.
Сравните мои схемы московского метро 2013 и 2016 годов. Первая схема просто неуверенно стоит в таком прямоугольнике, в который помещается. Вторая схема сама имеет форму
Когда образ схемы начинает складываться, имеет смысл выбрать пропорции прямоугольника, на котором она будет размещаться. А чтобы «освоить формат», схему нужно распластать.
Артём Горбунов пишет:
Осьминог на гравюре распластан и изогнут так, чтобы все его щупальца оказались перед нами целиком. Пластичный осьминог здесь отлично вписался в прямоугольник. В этом красота гравюры — она одновременно и натуральное изображение, и продуманная визуализация.
Красивый нюанс — подпись на трёх языках у правого нижнего щупальца.
Ипполито Сальвиани. История морских животных. Рим, 1554
Когда образ схемы начинает складываться, имеет смысл выбрать пропорции прямоугольника, на котором она будет размещаться. А чтобы «освоить формат», схему нужно распластать.
Артём Горбунов пишет:
Осьминог на гравюре распластан и изогнут так, чтобы все его щупальца оказались перед нами целиком. Пластичный осьминог здесь отлично вписался в прямоугольник. В этом красота гравюры — она одновременно и натуральное изображение, и продуманная визуализация.
Красивый нюанс — подпись на трёх языках у правого нижнего щупальца.
Ипполито Сальвиани. История морских животных. Рим, 1554
На моей московской схеме Аэроэкспресс в аэропорт Шереметьево дотянулся до левого верхнего угла,
Бутовская линия, чтобы уместиться, наоборот, свернулась калачиком. Такую же форму она имеет и на официальной московской схеме.
Как на самом деле проходит Бутовская линия:
Геометрия
На моей московской схеме Аэроэкспресс в аэропорт Шереметьево дотянулся до левого верхнего угла,
Бутовская линия, чтобы уместиться, наоборот, свернулась калачиком. Такую же форму она имеет и на официальной московской схеме.
Как на самом деле проходит Бутовская линия:
Геометрия
Для ритма мы стремимся сделать расстояние между станциями одинаковыми.
Чтобы дотянуть линию до края, приходится нарушать этот принцип и увеличивать расстояния между станциями на более короткой линии. Это не страшно, ведь общее важнее частного.
Иногда удаётся найти «хак», который позволяет дотянуть линию без увеличения расстояний между станциями. В данном случае помог перенос «Ботанического сада» на две строки.
Но если тянуть приходится слишком сильно, хаки не помогут: пострадает текстура и место станет рыхлым.
Близкие по длине линии, не дотянувшиеся до края, имеет смысл выровнять. Это добавит аккуратности и создаст прямоугольник в углу, который можно для чего‑нибудь использовать.
О выравнивании расстояний между станциями:
Ритм
Общее важнее частного:
Свобода
Для ритма мы стремимся сделать расстояние между станциями одинаковыми.
Чтобы дотянуть линию до края, приходится нарушать этот принцип и увеличивать расстояния между станциями на более короткой линии. Это не страшно, ведь общее важнее частного.
Иногда удаётся найти «хак», который позволяет дотянуть линию без увеличения расстояний между станциями. В данном случае помог перенос «Ботанического сада» на две строки.
Но если тянуть приходится слишком сильно, хаки не помогут: пострадает текстура и место станет рыхлым.
Близкие по длине линии, не дотянувшиеся до края, имеет смысл выровнять. Это добавит аккуратности и создаст прямоугольник в углу, который можно для чего‑нибудь использовать.
О выравнивании расстояний между станциями:
Ритм
Общее важнее частного:
Свобода
Поговорим об использовании углов формата.
Если поставить схему метро Чикаго в минимальный вмещающий её прямоугольник, сразу кажется, что он растянулся налево из‑за длинной голубой линии, а вниз — из‑за красной. Схема «распёрла» формат.
Если распластать схему, будет проще взять её в прямоугольник. Но чикагская схема географична, поэтому так сделать нельзя.
Обычно неравномерности текстуры нужно устранять, но дыры по сторонам и углам могут оказаться полезными.
В Чикаго слева сверху поставили телефоны, слева снизу — увеличенный фрагмент центра, под длинную голубую линию — легенду. Схема далека от совершенства, но, по крайней мере, пустоты по сторонам прикрыты.
О дырах и комках:
Текстура
О важности углов:
Артём Горбунов. Типографика и вёрстка. Правило якорных объектов
Поговорим об использовании углов формата.
Если поставить схему метро Чикаго в минимальный вмещающий её прямоугольник, сразу кажется, что он растянулся налево из‑за длинной голубой линии, а вниз — из‑за красной. Схема «распёрла» формат.
Если распластать схему, будет проще взять её в прямоугольник. Но чикагская схема географична, поэтому так сделать нельзя.
Обычно неравномерности текстуры нужно устранять, но дыры по сторонам и углам могут оказаться полезными.
В Чикаго слева сверху поставили телефоны, слева снизу — увеличенный фрагмент центра, под длинную голубую линию — легенду. Схема далека от совершенства, но, по крайней мере, пустоты по сторонам прикрыты.
О дырах и комках:
Текстура
О важности углов:
Артём Горбунов. Типографика и вёрстка. Правило якорных объектов
Похожая на чикагскую ситуация — в Волгограде. Но тут дизайнерам удалось сделать схемы опрятнее.
Схемы транспорта Волгограда. Дизайнеры Роман Дроботов и Денис Кравцов
Похожая на чикагскую ситуация — в Волгограде. Но тут дизайнерам удалось сделать схемы опрятнее.
Схемы транспорта Волгограда. Дизайнеры Роман Дроботов и Денис Кравцов
Вот материал, который обычно используется для «затыкания углов»:
заголовок,
легенда,
список маршрутов,
часы работы,
расписание,
герб города,
знак транспортного ведомства,
объяснения особенностей,
правила проезда,
телефон для справок,
куаркод сайта или приложения,
дата печати,
подпись дизайнера.
В примерах использованы иконки Сергея Чикина
Вот материал, который обычно используется для «затыкания углов»:
заголовок,
легенда,
список маршрутов,
часы работы,
расписание,
герб города,
знак транспортного ведомства,
объяснения особенностей,
правила проезда,
телефон для справок,
куаркод сайта или приложения,
дата печати,
подпись дизайнера.
В примерах использованы иконки Сергея Чикина
В рубрику «Советы» на сайте Бюро Горбунова прислали схему автобусов Добрянки.
Допущена распространённая ошибка: для заголовка и служебной информации выделена отдельная полоска, в то время как пустоты есть со всех сторон от схемы. Правая четверть схемы нужна только ради подписи «Микрорайон „Посёлок лесников“». В общем, место используется бестолково.
Даже если не менять форму линий, а просто уменьшить поля и заткнуть углы, станет лучше.
Ещё один пример из «Советов» — схема троллейбусов Видного. Здесь та же ошибка: вокруг схемы много пустот, но для служебной информации выделен целый этаж снизу.
Откадрируем схему более уверенно, поставим заголовок в свободный правый верхний угол, а служебную информацию наберём скромнее в правом нижнем. Список маршрутов здесь можно просто убрать.
В рубрику «Советы» на сайте Бюро Горбунова прислали схему автобусов Добрянки.
Допущена распространённая ошибка: для заголовка и служебной информации выделена отдельная полоска, в то время как пустоты есть со всех сторон от схемы. Правая четверть схемы нужна только ради подписи «Микрорайон „Посёлок лесников“». В общем, место используется бестолково.
Совет о транспорте Добрянки. Было и стало
Даже если не менять форму линий, а просто уменьшить поля и заткнуть углы, станет лучше.
Ещё один пример из «Советов» — схема троллейбусов Видного. Здесь та же ошибка: вокруг схемы много пустот, но для служебной информации выделен целый этаж снизу.
Откадрируем схему более уверенно, поставим заголовок в свободный правый верхний угол, а служебную информацию наберём скромнее в правом нижнем. Список маршрутов здесь можно просто убрать.
Стало
Эта схема ночных автобусов Мельбурна свёрстана избыточно сложно: получились плакаты в плакате в плакате.
Лист бумаги, на котором напечатана схема, — это уже рамка. Рисовать дополнительные рамки почти всегда избыточно.
Эта схема ночных автобусов Мельбурна свёрстана избыточно сложно: получились плакаты в плакате в плакате.
Лист бумаги, на котором напечатана схема, — это уже рамка. Рисовать дополнительные рамки почти всегда избыточно.
Дизайнеры Егор Попов и Сергей Чикин, артдир я. О проекте
Дизайнеры Егор Попов и Сергей Чикин, артдир я. О проекте
Дизайнеры Егор Попов и Сергей Чикин, артдир я. О проекте
Дизайнеры Егор Попов и Сергей Чикин, артдир я. О проекте
Дизайнеры Егор Попов и Сергей Чикин, артдир я. О проекте
Дизайнеры Егор Попов и Сергей Чикин, артдир я. О проекте
Дизайнеры Егор Попов и Сергей Чикин, артдир я. О проекте
Дизайнеры Егор Попов и Сергей Чикин, артдир я. О проекте
Дизайнеры Егор Попов и Сергей Чикин, артдир я. О проекте
Дизайнеры Егор Попов и Сергей Чикин, артдир я. О проекте
Дизайнеры Егор Попов и Сергей Чикин, артдир я. О проекте
Дизайнеры Егор Попов и Сергей Чикин, артдир я. О проекте
Дизайнеры Егор Попов и Сергей Чикин, артдир я. О проекте
Дизайнеры Егор Попов и Сергей Чикин, артдир я. О проекте
Дизайнеры Егор Попов и Сергей Чикин, артдир я. О проекте
Вот как обретала формат наша питерская схема.
Когда общая форма более‑менее сложилась, мы начали верстать плакат. Сначала просто завернули схему в минимальный прямоугольник.
Линии
В левый верхний угол ставим герб Санкт‑Петербурга. Если сделать его достаточно большим для этого угла, кажется, что он забирает на себя всё внимание. Если уменьшить до комфортных размеров, его становится недостаточно. Размещаем рядом режим работы.
В правый верхний угол ставим список линий с легендой и подписями дизайнеров. В правый нижний — заголовок. Всё на двух языках.
Пробуем другой вариант: вертикальный заголовок и подписи справа сверху, легенда снизу. Убираем список линий — их и так видно на схеме. Герб всё же оставляем в одиночестве — так ему лучше. Находим ему подходящий размер. Вертикальный заголовок с облепившими его мелкими строчками выглядит излишне навязчиво.
Возвращаем заголовок вниз, а легенду — вправо вверх. Ставим режим работы в легенду. Немного подрезаем формат по бокам. Теперь напрягает дыра под легендой — без списка линий ей уже не хватает веса.
Пробуем поставить легенду на плашку. Так пустота под плашкой становится ещё очевиднее. Растягиваем плашку. Ещё немного «сплющиваем» схему и подрезаем формат по бокам.
Заголовок снизу переворачиваем так, чтобы тяжёлая часть заняла угол, а перевод подчинился ей.
Чтобы заделать дыру на плашке, добавляем в легенду аэропорт. Он всего один и подписан прямо на схеме, так что в легенде он нужен был только для красоты. Вообще смысл важнее красоты, но здесь красота достигается без ущерба для смысла: самолёт в легенде никому не мешает.
Вот как обретала формат наша питерская схема.
Когда общая форма более‑менее сложилась, мы начали верстать плакат. Сначала просто завернули схему в минимальный прямоугольник.
Линии
В левый верхний угол ставим герб Санкт‑Петербурга. Если сделать его достаточно большим для этого угла, кажется, что он забирает на себя всё внимание. Если уменьшить до комфортных размеров, его становится недостаточно. Размещаем рядом режим работы.
В правый верхний угол ставим список линий с легендой и подписями дизайнеров. В правый нижний — заголовок. Всё на двух языках.
Пробуем другой вариант: вертикальный заголовок и подписи справа сверху, легенда снизу. Убираем список линий — их и так видно на схеме. Герб всё же оставляем в одиночестве — так ему лучше. Находим ему подходящий размер. Вертикальный заголовок с облепившими его мелкими строчками выглядит излишне навязчиво.
Возвращаем заголовок вниз, а легенду — вправо вверх. Ставим режим работы в легенду. Немного подрезаем формат по бокам. Теперь напрягает дыра под легендой — без списка линий ей уже не хватает веса.
Пробуем поставить легенду на плашку. Так пустота под плашкой становится ещё очевиднее. Растягиваем плашку. Ещё немного «сплющиваем» схему и подрезаем формат по бокам.
Заголовок снизу переворачиваем так, чтобы тяжёлая часть заняла угол, а перевод подчинился ей.
Чтобы заделать дыру на плашке, добавляем в легенду аэропорт. Он всего один и подписан прямо на схеме, так что в легенде он нужен был только для красоты. Вообще смысл важнее красоты, но здесь красота достигается без ущерба для смысла: самолёт в легенде никому не мешает.
Дизайнеры Егор Попов и Сергей Чикин, артдир я. О проекте
В реальности помимо нашего желания сделать аккуратную сбалансированную схему на формат влияют ограничения среды. На станциях уже есть стенды для размещения схем. В поездах уже есть определённое место между окнами и дверьми.
Схему автобусов Манхеттена пришлось разрезать на две части, чтобы вытянутый по вертикали остров вместился в отведённый на схему квадрат.
Нью‑Йорк, 2019
В реальности помимо нашего желания сделать аккуратную сбалансированную схему на формат влияют ограничения среды. На станциях уже есть стенды для размещения схем. В поездах уже есть определённое место между окнами и дверьми.
Схему автобусов Манхеттена пришлось разрезать на две части, чтобы вытянутый по вертикали остров вместился в отведённый на схему квадрат.
Нью‑Йорк, 2019
Официальная, да и многие неофициальные схемы метро Сингапура стремятся к горизонтальному формату.
Юля Кириллова стремилась сделать схему удобной для телефона, поэтому схема вытянулась по вертикали. Главная жертва такого формата — зелёная линия: слева она загнулась на юг, а не на север, справа ушла на север, а не на восток.
Официальная схема метро Сингапура, Транзитмэп
Дизайнер Юля Кириллова, артдир Артём Горбунов. Дипломный проект в Школе бюро
Официальная схема метро Сингапура, Транзитмэп
Официальная, да и многие неофициальные схемы метро Сингапура стремятся к горизонтальному формату.
Юля Кириллова стремилась сделать схему удобной для телефона, поэтому схема вытянулась по вертикали. Главная жертва такого формата — зелёная линия: слева она загнулась на юг, а не на север, справа ушла на север, а не на восток.
Дизайнер Юля Кириллова, артдир Артём Горбунов. Дипломный проект в Школе бюро
Охват
Дизайнер Генри Бек, 1933
Говоря о сужении охвата схемы, мы уже смотрели на отрезанные концы на классической лондонской схеме Генри Бека. Иногда отрезать менее значимые концы приходится и для того, чтобы уложить схему в заданный формат.
Может помочь и наклон схемы. Старая пригородная лондонская схема наклонена, а оставшиеся свободными углы заткнуты логотипом и легендой.
Железная дорога Лондона, Мидленда и Шотландии, около 1935. Дизайнер — Джордж Доу. Тюбмэпцентрал
Дизайнер Генри Бек, 1933
Говоря о сужении охвата схемы, мы уже смотрели на отрезанные концы на классической лондонской схеме Генри Бека. Иногда отрезать менее значимые концы приходится и для того, чтобы уложить схему в заданный формат.
Может помочь и наклон схемы. Старая пригородная лондонская схема наклонена, а оставшиеся свободными углы заткнуты логотипом и легендой.
Железная дорога Лондона, Мидленда и Шотландии, около 1935. Дизайнер — Джордж Доу. Тюбмэпцентрал
Охват
Тест по третьей части
Что автор называет графемой схемы?
Почему автор рекомендует уделить внимание графеме схемы?
Схема метро Токио по версии Миши Нозика
Какие рекомендации для создания ровной текстуры приведены в книге?
Узор. Дизайнер Алиса Макарова, 2017
Какие приёмы обнаружения дыр и комков показаны автором?
Укажите графические элементы, согласованные на схеме Московского метро.
Как сделать плакат схемы для размещения в транспорте? Выберите вариант, наиболее полно отражающий рекомендации автора.
На схеме необходимо расположить служебную информацию: режим работы, логотип оператора железных дорог, легенду, телефон справочной службы. Как автор рекомендует их разместить?
Марсель, дизайнер Кристофер Смеричник
Прага (для мобильных экранов), неизвестный дизайнер
Портленд. Железнодорожная система «Тримет»
Штутгарт. Источник утерян
Выберите схему с наиболее равномерной текстурой и с наиболее освоенным форматом.
Что может повлиять на формат схемы?
Какой недостаток, согласно книге, есть у этой схемы?
чтобы узнать результат.
Тест по третьей части
Что автор называет графемой схемы?
Почему автор рекомендует уделить внимание графеме схемы?
Схема метро Токио по версии Миши Нозика
Какие рекомендации для создания ровной текстуры приведены в книге?
Узор. Дизайнер Алиса Макарова, 2017
Какие приёмы обнаружения дыр и комков показаны автором?
Укажите графические элементы, согласованные на схеме Московского метро.
Как сделать плакат схемы для размещения в транспорте? Выберите вариант, наиболее полно отражающий рекомендации автора.
На схеме необходимо расположить служебную информацию: режим работы, логотип оператора железных дорог, легенду, телефон справочной службы. Как автор рекомендует их разместить?
Выберите схему с наиболее равномерной текстурой и с наиболее освоенным форматом.
Марсель, дизайнер Кристофер Смеричник
Прага (для мобильных экранов), неизвестный дизайнер
Портленд. Железнодорожная система «Тримет»
Штутгарт. Источник утерян
Что может повлиять на формат схемы?
Какой недостаток, согласно книге, есть у этой схемы?
4
Детали
4
Детали
Линии
Маршруты на схеме обозначают линиями, и нередко называют так же.
Во второй части книги мы обсуждали главную визуальную характеристику линии — её цвет. Цвета мы ещё коснёмся, когда будем говорить о пучках линий. А в этой главе поговорим о толщине и графическом стиле.
Цветовое кодирование
Цвет в пучках
Линии
Маршруты на схеме обозначают линиями, и нередко называют так же.
Во второй части книги мы обсуждали главную визуальную характеристику линии — её цвет. Цвета мы ещё коснёмся, когда будем говорить о пучках линий. А в этой главе поговорим о толщине и графическом стиле.
Цветовое кодирование
Цвет в пучках
Толщина — носитель цвета: чем она меньше, тем хуже видно цвет, особенно на тёмной остановке.
Пока цветов на лондонской схеме было мало, она могла себе позволить очень тонкие линии. Нью‑йоркская довольно «тонкая» и сейчас.
Толщина — носитель цвета: чем она меньше, тем хуже видно цвет, особенно на тёмной остановке.
Пока цветов на лондонской схеме было мало, она могла себе позволить очень тонкие линии. Нью‑йоркская довольно «тонкая» и сейчас.
Москва, 1988. Метро.ру
Монреаль. Урбанист
Чем линии толще, тем схема практичнее, но чем тоньше, тем схема элегантнее.
На этих схемах линии слишком толстые, особенно
Чем линии толще, тем схема практичнее, но чем тоньше, тем схема элегантнее.
На этих схемах линии слишком толстые, особенно
Москва, 1988. Метро.ру
Монреаль. Урбанист
В одном из первых эскизов нашей схемы метро Санкт‑Петербурга толщина была «фишкой»: мы сделали в линиях большие дырки‑станции и соединили их аккуратными
Эскиз Егора Попова
В одном из первых эскизов нашей схемы метро Санкт‑Петербурга толщина была «фишкой»: мы сделали в линиях большие дырки‑станции и соединили их аккуратными
Эскиз Егора Попова
Стиль этой схемы напоминает логотип студии «Диафильм».
Здесь необычно выглядят и простые станции, и пересадки. Толстые линии смотрятся вполне органично.
Скоростной транспорт Лос‑Анджелеса, дизайнер Джулиан. Транзитмэп
Стиль этой схемы напоминает логотип студии «Диафильм».
Здесь необычно выглядят и простые станции, и пересадки. Толстые линии смотрятся вполне органично.
Скоростной транспорт Лос‑Анджелеса, дизайнер Джулиан. Транзитмэп
Поскольку толщина влияет на ощущение ото всей схемы, подбирать её нужно, глядя на схему целиком:
0,4x
0,6x
0,8x
1,0x
1,2x
1,4x
1,6x
Ai
Совет: держите все линии в одном слое, чтобы можно было выделить их разом и изменить толщину.
Схема московского метро, дизайн мой. О проекте
Схема московского метро, дизайн мой. О проекте
Схема московского метро, дизайн мой. О проекте
Схема московского метро, дизайн мой. О проекте
Схема московского метро, дизайн мой. О проекте
Схема московского метро, дизайн мой. О проекте
Схема московского метро, дизайн мой. О проекте
Схема московского метро, дизайн мой. О проекте
Схема московского метро, дизайн мой. О проекте
Схема московского метро, дизайн мой. О проекте
Схема московского метро, дизайн мой. О проекте
Схема московского метро, дизайн мой. О проекте
Схема московского метро, дизайн мой. О проекте
Схема московского метро, дизайн мой. О проекте
Поскольку толщина влияет на ощущение ото всей схемы, подбирать её нужно, глядя на схему целиком:
0,4x
0,6x
0,8x
1,0x
1,2x
1,4x
1,6x
Ai
Совет: держите все линии в одном слое, чтобы можно было выделить их разом и изменить толщину.
На схеме могут встречаться линии разной толщины, например для обозначения разных видов транспорта. Толщина косвенно указывает на значимость: метро обычно толще, чем автобус.
На этой схеме нью‑йоркского метро тонкими линиями обозначены обычные поезда, а толстыми — экспрессы.
Дизайнер Томми Моиланен
На схеме могут встречаться линии разной толщины, например для обозначения разных видов транспорта. Толщина косвенно указывает на значимость: метро обычно толще, чем автобус.
На этой схеме нью‑йоркского метро тонкими линиями обозначены обычные поезда, а толстыми — экспрессы.
Дизайнер Томми Моиланен
Метро на старых берлинских схемах было цветным и жирным, а электрички — чёрными и тонкими.
Метро на старых берлинских схемах было цветным и жирным, а электрички — чёрными и тонкими.
Транспорт Медельина, Колумбия, дизайнер Кэмерон Бут. Транзитмэп
Разница в толщине разных по смыслу линий должна быть очевидной.
Здесь толстые линии — это метро, средние — автобусы и трамваи, тонкие — канатная дорога. В «тоньшине» канатной
Транспорт Медельина, Колумбия, дизайнер Кэмерон Бут. Транзитмэп
Разница в толщине разных по смыслу линий должна быть очевидной.
Здесь толстые линии — это метро, средние — автобусы и трамваи, тонкие — канатная дорога. В «тоньшине» канатной
В Париже разница в толщине между метро и электричками РЕР едва заметна. И цвета не помогают: линии тонкие и выглядят очень похожими. Усугубляется ситуация желтоватым фоном всей схемы.
Линии 3, 9, С, 1, 10
В Париже разница в толщине между метро и электричками РЕР едва заметна. И цвета не помогают: линии тонкие и выглядят очень похожими. Усугубляется ситуация желтоватым фоном всей схемы.
Линии 3, 9, С, 1, 10
Симпатично выглядят плавные изменения толщины линий.
В схеме‑фантазии из проекта «Перезагрузка московского метро» утоньшается ответвление
На своей старой челябинской схеме я утолщаю линии на отрезках, где маршрут остаётся в одиночестве, например 5 и 11
Проект «Перезагрузка»
Проект «Перезагрузка»
Симпатично выглядят плавные изменения толщины линий.
В схеме‑фантазии из проекта «Перезагрузка московского метро» утоньшается ответвление
На своей старой челябинской схеме я утолщаю линии на отрезках, где маршрут остаётся в одиночестве, например 5 и 11
Сам бог велел утоньшить линию, когда она разделяется на две, если маршрут идёт по‑разному в прямом и обратном направлении.
Пример — маршруты С43 и 38 на этой схеме.
Направления
Сеть «Магистраль», дизайнер Константин Коновалов
Сеть «Магистраль», дизайнер Константин Коновалов
Сам бог велел утоньшить линию, когда она разделяется на две, если маршрут идёт по‑разному в прямом и обратном направлении.
Пример — маршруты С43 и 38 на этой схеме.
Направления
Линии среди груды инвалидных колясок. Транспорт Лондона
Метро
Рельсы, но не метро
Канатная дорога
На сложной схеме нужно изобразить метро, монорельс, аэроэкспресс, железную дорогу, уличный и водный транспорт, фуникулёры, канатные дороги. Для отдельных видов транспорта при этом бывает нужно выделить строящиеся линии, линии с необычным режимом работы, особым тарифом, ограничением доступа.
Цветов и толщин может не хватить на все линии и их особенности. Придётся использовать разные графические стили, например обводку, пунктир, волнистость.
Транспорт Лондона в своих гайдлайнах вообще настаивает на одинаковой толщине всех линий, так что разнообразие транспорта приходится изображать линиями разного стиля. Двойной линией обозначают все железные дороги, которые не метро. А канатная дорога в правом нижнем углу обозначена аж тройной красной линией.
Без ограничения на толщину линий обозначения могут стать проще, например канатная дорога станет одинарной, но тонкой.
Линии среди груды инвалидных колясок. Транспорт Лондона
На сложной схеме нужно изобразить метро, монорельс, аэроэкспресс, железную дорогу, уличный и водный транспорт, фуникулёры, канатные дороги. Для отдельных видов транспорта при этом бывает нужно выделить строящиеся линии, линии с необычным режимом работы, особым тарифом, ограничением доступа.
Цветов и толщин может не хватить на все линии и их особенности. Придётся использовать разные графические стили, например обводку, пунктир, волнистость.
Транспорт Лондона в своих гайдлайнах вообще настаивает на одинаковой толщине всех линий, так что разнообразие транспорта приходится изображать линиями разного стиля. Двойной линией обозначают все железные дороги, которые не метро. А канатная дорога в правом нижнем углу обозначена аж тройной красной линией.
Без ограничения на толщину линий обозначения могут стать проще, например канатная дорога станет одинарной, но тонкой.
Метро
Рельсы, но не метро
Канатная дорога
Лондонский транспорт, дизайнер Юг Церович
Из‑за двойных линий в пучке справа сверху три маршрута превращаются в шесть.
Пучки
У Юга Церовича лондонская схема полнее официальной: показаны многочисленные железные дороги и паромы. Но благодаря большей свободе в графическом стиле линий выглядит она чуть ли не проще официальной.
Железные дороги здесь сплошные, как и метро, но
Лондонский транспорт, дизайнер Юг Церович
У Юга Церовича лондонская схема полнее официальной: показаны многочисленные железные дороги и паромы. Но благодаря большей свободе в графическом стиле линий выглядит она чуть ли не проще официальной.
Из‑за двойных линий в пучке справа сверху три маршрута превращаются в шесть.
Пучки
Железные дороги здесь сплошные, как и метро, но
На чикагской схеме 1983 года используется четыре стиля линий: сплошная чёрная, сплошная белая, двойная белая и белая с чёрной обводкой.
В Лондоне линий больше, поэтому там на чёрно‑белой схеме узоры намного разнообразнее.
На чикагской схеме 1983 года используется четыре стиля линий: сплошная чёрная, сплошная белая, двойная белая и белая с чёрной обводкой.
В Лондоне линий больше, поэтому там на чёрно‑белой схеме узоры намного разнообразнее.
Всё же кодировать сами маршруты лучше не узором, а цветом. Узор, как и толщина, лучше подходит для кодирования их особенностей.
В 19 веке всё метро в Лондоне ходило на угле. В 20‑м на схемах наряду с обозначением строящихся участков встречается обозначение
Строящиеся участки
Электрифицируемые участки
Всё же кодировать сами маршруты лучше не узором, а цветом. Узор, как и толщина, лучше подходит для кодирования их особенностей.
В 19 веке всё метро в Лондоне ходило на угле. В 20‑м на схемах наряду с обозначением строящихся участков встречается обозначение
Строящиеся участки
Электрифицируемые участки
Характер узора должен соответствовать его значению.
На лондонской схеме 1968 года строящиеся участки показаны тонкими контурными штрихами. Без легенды ясно, что эти отрезки «ненастоящие» и менее важны, чем остальные.
На схеме 1985 года назойливо выделены участки, по которым поезда ходят только в часы пик. Особенность важная, но узор бьёт по глазам и при этом похож на пунктир, как будто это строящиеся участки. Хорошо бы изменить и успокоить обозначение.
Строящиеся участки
Поезда только в часы пик
Как можно было бы сделать: спокойнее и больше похоже на действующую линию
Характер узора должен соответствовать его значению.
На лондонской схеме 1968 года строящиеся участки показаны тонкими контурными штрихами. Без легенды ясно, что эти отрезки «ненастоящие» и менее важны, чем остальные.
На схеме 1985 года назойливо выделены участки, по которым поезда ходят только в часы пик. Особенность важная, но узор бьёт по глазам и при этом похож на пунктир, как будто это строящиеся участки. Хорошо бы изменить и успокоить обозначение.
Строящиеся участки
Поезда только в часы пик
Как можно было бы сделать: спокойнее и больше похоже на действующую линию
Не только пунктирные, но и прозрачные линии читаются как «ненастоящие». Студия Лебедева так обозначает строящиеся участки на своей схеме метро
Строящиеся участки
Действующие участки
Не только пунктирные, но и прозрачные линии читаются как «ненастоящие». Студия Лебедева так обозначает строящиеся участки на своей схеме метро
Строящиеся участки
Действующие участки
Дизайнеры Егор Попов и Сергей Чикин,
артдир я. О проекте
На нашей схеме метро Санкт‑Петербурга строящиеся участки обозначены частой тонкой наклонной штриховкой. Для усиления второстепенности они не покрашены в цвет линии.
Дизайнеры Иван Звягин и Константин Евстратенко,
артдир я. О проекте
На нашей схеме метро Минска будущая зелёная линия показана растром.
Пунктир, штриховка и растр — графические аналоги прозрачности.
Действующие участки
Строящиеся участки
Дизайнеры Егор Попов и Сергей Чикин,
артдир я. О проекте
На нашей схеме метро Санкт‑Петербурга строящиеся участки обозначены частой тонкой наклонной штриховкой. Для усиления второстепенности они не покрашены в цвет линии.
Дизайнеры Иван Звягин и Константин Евстратенко,
артдир я. О проекте
На нашей схеме метро Минска будущая зелёная линия показана растром.
Пунктир, штриховка и растр — графические аналоги прозрачности.
Действующие участки
Строящиеся участки
Удачное обозначение линий метро используется на копенгагенской схеме Кристофера Торбьёрна Бека и Паши Омелёхина. Отличие от электричек достаточное и не создаёт шума.
Городские электрички
Метро
Удачное обозначение линий метро используется на копенгагенской схеме Кристофера Торбьёрна Бека и Паши Омелёхина. Отличие от электричек достаточное и не создаёт шума.
Городские электрички
Метро
На моей схеме московских электричек используется особое обозначение метро: по бледно‑серой подложке проведены тонкие линии привычных цветов подземки, и они могут прерываться, если мешают.
Такое обозначение ставит метро на второй план без ущерба для его читаемости и узнаваемости.
Электрички
Метро
На моей схеме московских электричек используется особое обозначение метро: по бледно‑серой подложке проведены тонкие линии привычных цветов подземки, и они могут прерываться, если мешают.
Такое обозначение ставит метро на второй план без ущерба для его читаемости и узнаваемости.
Электрички
Метро
Дизайнер Паша Омелёхин, артдир я. О проекте
На нашей екатеринбургской схеме метро показаны трамвайные пути — не как транспорт, а просто как ориентир: «это улица с рельсами».
В качестве обозначения выбран пунктир на полупрозрачном фоне. Немного напоминает картографическое обозначение железных дорог, но выглядит скромнее и спокойнее.
Железные дороги в картографии
Трамвай в Екатеринбурге
Дизайнер Паша Омелёхин, артдир я. О проекте
На нашей екатеринбургской схеме метро показаны трамвайные пути — не как транспорт, а просто как ориентир: «это улица с рельсами».
В качестве обозначения выбран пунктир на полупрозрачном фоне. Немного напоминает картографическое обозначение железных дорог, но выглядит скромнее и спокойнее.
Железные дороги в картографии
Трамвай в Екатеринбурге
До запуска
После запуска
Когда в Москве готовили к запуску МЦК, его изобразили на схеме пунктирным красным контуром.
После открытия кольцо получило броское обозначение в виде белой линии с красной обводкой и свечением.
Когда в Москве готовили к запуску МЦК, его изобразили на схеме пунктирным красным контуром.
После открытия кольцо получило броское обозначение в виде белой линии с красной обводкой и свечением.
До запуска
После запуска
На схеме челябинских трамваев 2015 года в дополнительном слое показаны маршруты автобусов и троллейбусов.
Они начерчены не просто тонкими линиями, а как бы нарисованы «от руки» — линии слегка неидеальные.
Дизайнер Александр Караваев, артдир я. О проекте
На схеме челябинских трамваев 2015 года в дополнительном слое показаны маршруты автобусов и троллейбусов.
Они начерчены не просто тонкими линиями, а как бы нарисованы «от руки» — линии слегка неидеальные.
Дизайнер Александр Караваев, артдир я. О проекте
Канатная дорога
Фуникулёр
Можно придумать сколько угодно узоров для разных линий. Например, в Барселоне специальные обозначения у канатных дорог и фуникулёров.
Но чем сложнее система обозначений, тем больше нужно объяснений и тем сложнее пользоваться схемой.
Если типов линий слишком много, возможно, стоит пожертвовать деталями ради читаемости главного. В конце концов, именно так схемы метро и появились.
Появление транспортных схем
Можно придумать сколько угодно узоров для разных линий. Например, в Барселоне специальные обозначения у канатных дорог и фуникулёров.
Но чем сложнее система обозначений, тем больше нужно объяснений и тем сложнее пользоваться схемой.
Канатная дорога
Фуникулёр
Если типов линий слишком много, возможно, стоит пожертвовать деталями ради читаемости главного. В конце концов, именно так схемы метро и появились.
Появление транспортных схем
Пучки
Шлейф для соединения плат «Ардуино». Вольтик.ру
У нескольких маршрутов могут быть совпадающие участки, то есть места, где они идут вместе. Когда каждый маршрут обозначается своей линией, на схеме возникают пучки параллельных линий. А если параллельных маршрутов много, получаются целые шлейфы.
Соответствие линий маршрутам
Пучки
У нескольких маршрутов могут быть совпадающие участки, то есть места, где они идут вместе. Когда каждый маршрут обозначается своей линией, на схеме возникают пучки параллельных линий. А если параллельных маршрутов много, получаются целые шлейфы.
Шлейф для соединения плат «Ардуино». Вольтик.ру
Соответствие линий маршрутам
В метро линии, как правило, независимы, а совпадающие участки редки. В Лондоне значительный общий участок имеют линии:
Хаммерсмит — Сити
Кольцевая
Метрополитен‑лайн
На схеме эти линии проходят параллельно и вплотную друг к другу. Это самое «толстое» место на схеме.
В наземном транспорте общие участки — обычное дело. По большой улице в центре могут проходить множество разных автобусов, троллейбусов и трамваев.
Вот через Трафальгарскую площадь проходят аж 16 маршрутов, 7 из которых вместе идут и до следующей остановки, Вестминстер. Линии проходят с небольшим отступом друг от друга.
В метро линии, как правило, независимы, а совпадающие участки редки. В Лондоне значительный общий участок имеют линии:
Хаммерсмит — Сити
Кольцевая
Метрополитен‑лайн
На схеме эти линии проходят параллельно и вплотную друг к другу. Это самое «толстое» место на схеме.
В наземном транспорте общие участки — обычное дело. По большой улице в центре могут проходить множество разных автобусов, троллейбусов и трамваев.
Вот через Трафальгарскую площадь проходят аж 16 маршрутов, 7 из которых вместе идут и до следующей остановки, Вестминстер. Линии проходят с небольшим отступом друг от друга.
Обратимся к теории информационной графики.
Эдвард Тафти рассказывает об эффекте, вызываемом повторяющимися контрастными узорами:
Современное оптическое искусство полагается на муаровый эффект, когда изображение взаимодействует с естественными микроколебаниями глаза и создаёт отвлекающее ощущение вибрации и движения.
Нетрудно заметить сходство между узором на этом развороте и узором, создаваемым толстыми шлейфами линий на схемах.
Если у дизайнера нет задачи вызвать подобную вибрацию в глазах зрителя, с ней нужно бороться как с неприятным побочным эффектом.
Графический мусор (англ. Chartjunk):
Эдвард Тафти. Наглядное отображение количественной информации, с. 107
Обратимся к теории информационной графики.
Эдвард Тафти рассказывает об эффекте, вызываемом повторяющимися контрастными узорами:
Современное оптическое искусство полагается на муаровый эффект, когда изображение взаимодействует с естественными микроколебаниями глаза и создаёт отвлекающее ощущение вибрации и движения.
Нетрудно заметить сходство между узором на этом развороте и узором, создаваемым толстыми шлейфами линий на схемах.
Если у дизайнера нет задачи вызвать подобную вибрацию в глазах зрителя, с ней нужно бороться как с неприятным побочным эффектом.
Графический мусор (англ. Chartjunk):
Эдвард Тафти. Наглядное отображение количественной информации, с. 107
Разворот, чтобы глаза отдохнули после предыдущего
Разворот, чтобы глаза отдохнули после предыдущего
Художник и дизайнер Йозеф Альберс показывает ещё один, обычно нежелательный, графический эффект: «Один плюс один равно три или больше».
Если в дизайне возникают случайные элементы, которые не выполняют никакой функции — ни смысловой, ни эстетической, — то это мусор и его надо убирать.
Йозеф Альберс. Поиск против исследования
Вот у меня два одинаковых куска картона. Ставлю один вертикально и второй тоже вертикально. Видим одну полоску плюс ещё одну полоску, получается две. Мы замечаем, что они одинаковой ширины. Итак, если полосы касаются краями, получается, что 1 ширина + 1 ширина = 2 ширины, то есть
Но если их разделить, оставив вертикальными, на 1 ширину, мы уже насчитаем 3 ширины (одна из которых негативная), то есть
Теперь полоски пересекаются под прямым углом в центрах. Результат: 2 линии образуют перекрестие с 4 рукавами, то есть 4 расширениями, которые можно читать и внутрь, и наружу. Мы также видим 4 прямоугольника, а при подключении воображения и 4 треугольника, и 4 квадрата.
Если сместить центры полосок, фигуры между ними становятся неравными.
Художник и дизайнер Йозеф Альберс показывает ещё один, обычно нежелательный, графический эффект: «Один плюс один равно три или больше».
Если в дизайне возникают случайные элементы, которые не выполняют никакой функции — ни смысловой, ни эстетической, — то это мусор и его надо убирать.
Вот у меня два одинаковых куска картона. Ставлю один вертикально и второй тоже вертикально. Видим одну полоску плюс ещё одну полоску, получается две. Мы замечаем, что они одинаковой ширины. Итак, если полосы касаются краями, получается, что 1 ширина + 1 ширина = 2 ширины, то есть
Но если их разделить, оставив вертикальными, на 1 ширину, мы уже насчитаем 3 ширины (одна из которых негативная), то есть
Теперь полоски пересекаются под прямым углом в центрах. Результат: 2 линии образуют перекрестие с 4 рукавами, то есть 4 расширениями, которые можно читать и внутрь, и наружу. Мы также видим 4 прямоугольника, а при подключении воображения и 4 треугольника, и 4 квадрата.
Если сместить центры полосок, фигуры между ними становятся неравными.
Йозеф Альберс. Поиск против исследования
Теперь применим знания о графическом мусоре к рисованию пучков. Когда линии в пучке отделены отступами, отступы сами выглядят как белые линии — возникает и вибрация, и эффект
Поэтому важно, чтобы прожилки заметно отличались по толщине от самих линий. Так неприятные эффекты хоть немного снижаются: узор становится менее регулярным, а линии лучше отделяются от фона.
Больше об эффектах
Эдвард Тафти. Представление информации, с. 61
Плохо
Лучше
Теперь применим знания о графическом мусоре к рисованию пучков. Когда линии в пучке отделены отступами, отступы сами выглядят как белые линии — возникает и вибрация, и эффект
Поэтому важно, чтобы прожилки заметно отличались по толщине от самих линий. Так неприятные эффекты хоть немного снижаются: узор становится менее регулярным, а линии лучше отделяются от фона.
Плохо
Лучше
Больше об эффектах
Эдвард Тафти. Представление информации, с. 61
Прожилки помогают глазу отделять линии друг от друга, но «шумят».
Читаемо, но шумно
Чисто, но нечитаемо
Хорошо
Пучки без прожилок смотрятся чище, но линии сливаются, и за маршрутами следить труднее.
Идеальный вариант — избавиться от прожилок, но подобрать цвета маршрутов так, чтобы в каждом пучке был достаточный контраст. Одни линии возьмут на себя роль прожилок между другими.
Высший пилотаж — подобрать такие цвета, чтобы даже для дальтоников контраст в пучках сохранялся
Цветовое кодирование
Прожилки помогают глазу отделять линии друг от друга, но «шумят».
Читаемо, но шумно
Чисто, но нечитаемо
Хорошо
Пучки без прожилок смотрятся чище, но линии сливаются, и за маршрутами следить труднее.
Идеальный вариант — избавиться от прожилок, но подобрать цвета маршрутов так, чтобы в каждом пучке был достаточный контраст. Одни линии возьмут на себя роль прожилок между другими.
Высший пилотаж — подобрать такие цвета, чтобы даже для дальтоников контраст в пучках сохранялся
Цветовое кодирование
Менять цвета маршрутов — не всегда в нашей власти.
До некоторой степени можно регулировать различимость маршрутов в пучке, меняя их порядок.
Но порядок не может быть любым — нужно учитывать ответвляющиеся маршруты. Здесь уходящие из пучка маршруты образуют в нём дыры. Это выглядит неаккуратно, а кроме того, снова создаёт белые линии, которых мы не рисовали.
Склеивание пучка после ответвлений — возможное, но неэлегантное решение. Изгиб линий возникает только ради решения графических проблем дизайнера и не сообщает ничего важного о маршруте.
Лучше избавляться от белых линий, меняя порядок маршрутов в пучке: уходящие из пучка маршруты должны проходить вдоль одного из его краёв.
В этом решении белых линий не осталось, но возникло неудачное соседство близких по цвету маршрутов — голубого и зелёного. Кажется: а, сейчас зелёный перенесём на правую сторону, и всё станет хорошо! Он как раз удачно туда и поворачивает.
Но нет: вылезает белая линия снизу под оранжевым маршрутом. Может, надо тогда оранжевый налево утащить?
К сожалению, и это не помогает — белая линия просто переезжает на новое место.
Итак, линии в пучке должны быть упорядочены таким образом, чтобы цвета хорошо различались, а уходящие из пучка маршруты проходили вдоль краёв. Как видим, добиться и того, и другого даже на скромном фрагменте с двумя перекрёстками довольно сложно. При работе над большой схемой приходится решать эту задачу по всему городу.
Менять цвета маршрутов — не всегда в нашей власти.
До некоторой степени можно регулировать различимость маршрутов в пучке, меняя их порядок.
Но порядок не может быть любым — нужно учитывать ответвляющиеся маршруты. Здесь уходящие из пучка маршруты образуют в нём дыры. Это выглядит неаккуратно, а кроме того, снова создаёт белые линии, которых мы не рисовали.
Склеивание пучка после ответвлений — возможное, но неэлегантное решение. Изгиб линий возникает только ради решения графических проблем дизайнера и не сообщает ничего важного о маршруте.
Лучше избавляться от белых линий, меняя порядок маршрутов в пучке: уходящие из пучка маршруты должны проходить вдоль одного из его краёв.
В этом решении белых линий не осталось, но возникло неудачное соседство близких по цвету маршрутов — голубого и зелёного. Кажется: а, сейчас зелёный перенесём на правую сторону, и всё станет хорошо! Он как раз удачно туда и поворачивает.
Но нет: вылезает белая линия снизу под оранжевым маршрутом. Может, надо тогда оранжевый налево утащить?
К сожалению, и это не помогает — белая линия просто переезжает на новое место.
Итак, линии в пучке должны быть упорядочены таким образом, чтобы цвета хорошо различались, а уходящие из пучка маршруты проходили вдоль краёв. Как видим, добиться и того, и другого даже на скромном фрагменте с двумя перекрёстками довольно сложно. При работе над большой схемой приходится решать эту задачу по всему городу.
С наведением порядка в пучке иногда помогает ещё одна хитрость.
Бывает, что на перекрёстке из пучка уходят две линии, подходящие к нему с противоположных сторон.
Таким линиям не обязательно идти вдоль края: одна может заменить другую прямо в середине пучка, и белой полосы не останется — что даёт свободу в выборе положения этих линий.
Читайте также о минимизации переплетений в рассказе о программе «Транзит»
С наведением порядка в пучке иногда помогает ещё одна хитрость.
Бывает, что на перекрёстке из пучка уходят две линии, подходящие к нему с противоположных сторон.
Таким линиям не обязательно идти вдоль края: одна может заменить другую прямо в середине пучка, и белой полосы не останется — что даёт свободу в выборе положения этих линий.
Читайте также о минимизации переплетений в рассказе о программе «Транзит»
Другая хитрость используется в пучках на официальной схеме челябинских трамваев. Мы подобрали сочные цвета линий, чтобы схема радостно выглядела и читалась даже в плохо освещённом трамвае.
Но в некоторых сочетаниях цвета не нравились: салатовая
Чтобы решить проблему, линии сделали чуть светлее только в этих местах. Если не знать, подвоха не замечаешь.
Другая хитрость используется в пучках на официальной схеме челябинских трамваев. Мы подобрали сочные цвета линий, чтобы схема радостно выглядела и читалась даже в плохо освещённом трамвае.
Но в некоторых сочетаниях цвета не нравились: салатовая
Чтобы решить проблему, линии сделали чуть светлее только в этих местах. Если не знать, подвоха не замечаешь.
Иногда дизайнеры специально собирают цвета в радужные последовательности, как фломастеры в упаковке. Это выглядит красиво, но, кажется, затрудняет чтение отдельных маршрутов: глаз воспринимает такой пучок как единое целое.
Экстремальный случай — когда цвета подбирают так, чтобы они образовывали градиент. Возможно, дизайнеру важнее донести мысль «по этой улице идут голубые маршруты», чем показать, как идёт каждый из них.
Троллейбусы Кемерова, дизайнер Кирилл Жаркой
Трамваи Мельбурна, дизайнер Филип Маллис
Троллейбусы Кемерова, дизайнер Кирилл Жаркой
Иногда дизайнеры специально собирают цвета в радужные последовательности, как фломастеры в упаковке. Это выглядит красиво, но, кажется, затрудняет чтение отдельных маршрутов: глаз воспринимает такой пучок как единое целое.
Трамваи Мельбурна, дизайнер Филип Маллис
Экстремальный случай — когда цвета подбирают так, чтобы они образовывали градиент. Возможно, дизайнеру важнее донести мысль «по этой улице идут голубые маршруты», чем показать, как идёт каждый из них.
На этой схеме в центре Филадельфии синий пучок линий плавно превращается в красный. Границы между линиями вообще стёрты.
Выглядит красиво, но непонятно: является ли тёмно‑красный маршрут продолжением тёмно‑синего, а бледно‑красный продолжением бледно‑синего? Судя по легенде, нет:
Как и толстые линии, толстые пучки часто смотрятся плохо. Если отдельные маршруты не важны и хочется просто передать мысль «тут можно проехать многими маршрутами», почему бы не слить пучок в одну линию, как в этюде Роберта Энхельта?
Концепт карты транспортной сети Филадельфии, дизайнер Роберт МакКоннел
Концепт карты транспортной сети Филадельфии, дизайнер Роберт МакКоннел
На этой схеме в центре Филадельфии синий пучок линий плавно превращается в красный. Границы между линиями вообще стёрты.
Выглядит красиво, но непонятно: является ли тёмно‑красный маршрут продолжением тёмно‑синего, а бледно‑красный продолжением бледно‑синего? Судя по легенде, нет:
Как и толстые линии, толстые пучки часто смотрятся плохо. Если отдельные маршруты не важны и хочется просто передать мысль «тут можно проехать многими маршрутами», почему бы не слить пучок в одну линию, как в этюде Роберта Энхельта?
Красиво связан пучок между тремя центральными пересадками на схеме «Симсититранса».
Если таких мест на схеме будет несколько, чтение затруднится. В данном случае дизайнерам повезло, что автобусная сеть дала возможность для этого фокуса.
Студия Лебедева, 2005
Студия Лебедева, 2005
Красиво связан пучок между тремя центральными пересадками на схеме «Симсититранса».
Если таких мест на схеме будет несколько, чтение затруднится. В данном случае дизайнерам повезло, что автобусная сеть дала возможность для этого фокуса.
Предположим, что у нас есть несколько линий разной толщины и стиля, и они изображают маршруты, идущие по одной улице. Из таких линий будет трудно сделать пучок.
Если склеить линии, становится непонятно, что считать отдельным маршрутом.
Но и с прожилками смотрится неоднозначно: пару тонких
Может помочь группировка похожих линий в отдельные пучки, отделённые расстоянием.
Также хорошо бы убрать полностью прозрачные части линий, заменив их светлыми цветами.
О стиле линий:
Линии
Предположим, что у нас есть несколько линий разной толщины и стиля, и они изображают маршруты, идущие по одной улице. Из таких линий будет трудно сделать пучок.
Если склеить линии, становится непонятно, что считать отдельным маршрутом.
Но и с прожилками смотрится неоднозначно: пару тонких
Может помочь группировка похожих линий в отдельные пучки, отделённые расстоянием.
Также хорошо бы убрать полностью прозрачные части линий, заменив их светлыми цветами.
О стиле линий:
Линии
Если линии с пунктиром или другим узором, то в пучках надо следить, чтобы элементы узора не рассинхронизировались.
Узоры часто «съезжают» из‑за разницы в траекториях и длинах линий.
Следует подружить узоры, сдвинув тот, что съехал, вдоль линии. Это легко сделать, если линия должна подружиться с одним‑единственным пучком.
Но обычно линии выходят из одних пучков и вливаются в другие. Настроишь в одном пучке — съедет в другом.
Приходится мухлевать, немного меняя шаг узора на самом повороте.
Если линии с пунктиром или другим узором, то в пучках надо следить, чтобы элементы узора не рассинхронизировались.
Узоры часто «съезжают» из‑за разницы в траекториях и длинах линий.
Следует подружить узоры, сдвинув тот, что съехал, вдоль линии. Это легко сделать, если линия должна подружиться с одним‑единственным пучком.
Но обычно линии выходят из одних пучков и вливаются в другие. Настроишь в одном пучке — съедет в другом.
Приходится мухлевать, немного меняя шаг узора на самом повороте.
Черновик
В 2006 году я начал рисовать схему челябинских троллейбусов и трамваев. Со всеми маршрутами и уже упорядоченными пучками схема выглядела так.
Троллейбусы были обозначены сплошными, а трамваи — двойными линиями («рельсами»). Между линиями в пучках были прожилки.
Черновик
В 2006 году я начал рисовать схему челябинских троллейбусов и трамваев. Со всеми маршрутами и уже упорядоченными пучками схема выглядела так.
Троллейбусы были обозначены сплошными, а трамваи — двойными линиями («рельсами»). Между линиями в пучках были прожилки.
Работа над челябинской схемой — иллюстрация последовательного применения принципов, изложенных выше.
Увидев мой черновик, Артём Горбунов предложил, среди прочего, избавиться от белых прожилок между линиями. Особенно из‑за них вибрировали большие перекрёстки в центре: Алое поле и Площадь Революции.
Об оптической вибрации
Чтобы ничего не двигать, я сначала попробовал просто «надуть» линии до исчезновения прожилок.
По моим ощущениями, линии стали слишком толстыми. Синий и коричневый маршруты троллейбуса слились. Обозначение трамвая двойной линией стало проблематичным: прожилки есть, но не между линиями, а внутри них. Захотелось вернуть прожилки между линиями.
Но первое движение в устаканившемся дизайне часто его «ломает». Важно доводить эксперименты до конца, а не сдаваться сразу.
О слишком толстых линиях
Следуя совету Артёма, я стал подбирать другие цвета, добиваясь хорошей различимости линий во всех пучках в городе. Кроме этого, я постепенно уменьшал толщину всех линий.
О подборе цветов в пучке
Потом успокаивал остановки, менял обозначение трамваев на беспрожилочное. Трамваи с точечками стало проще воспринимать цельными линиями, но выглядеть они стали шумнее — надо было искать что‑то ещё.
Об успокоении стиля линий
В опубликованном в 2008 году варианте схема стала несравненно чище и опрятнее, при этом проблемы с различимостью линий удалось устранить — глазу легко следить за любой из них. Теперь и в голову не придёт возвращать прожилки! Трамваи в результате тоже стали почище, хотя и небезупречными.
Работа над челябинской схемой — иллюстрация последовательного применения принципов, изложенных выше.
Увидев мой черновик, Артём Горбунов предложил, среди прочего, избавиться от белых прожилок между линиями. Особенно из‑за них вибрировали большие перекрёстки в центре: Алое поле и Площадь Революции.
Об оптической вибрации
Чтобы ничего не двигать, я сначала попробовал просто «надуть» линии до исчезновения прожилок.
По моим ощущениями, линии стали слишком толстыми. Синий и коричневый маршруты троллейбуса слились. Обозначение трамвая двойной линией стало проблематичным: прожилки есть, но не между линиями, а внутри них. Захотелось вернуть прожилки между линиями.
Но первое движение в устаканившемся дизайне часто его «ломает». Важно доводить эксперименты до конца, а не сдаваться сразу.
О слишком толстых линиях
Следуя совету Артёма, я стал подбирать другие цвета, добиваясь хорошей различимости линий во всех пучках в городе. Кроме этого, я постепенно уменьшал толщину всех линий.
О подборе цветов в пучке
Потом успокаивал остановки, менял обозначение трамваев на беспрожилочное. Трамваи с точечками стало проще воспринимать цельными линиями, но выглядеть они стали шумнее — надо было искать что‑то ещё.
Об успокоении стиля линий
В опубликованном в 2008 году варианте схема стала несравненно чище и опрятнее, при этом проблемы с различимостью линий удалось устранить — глазу легко следить за любой из них. Теперь и в голову не придёт возвращать прожилки! Трамваи в результате тоже стали почище, хотя и небезупречными.
Трамваи Екатеринбурга, Таня Черкиз, 2009
Обратите внимание на проблемы с подбором цветов в пучках: многие соседние линии сливаются в одну
Троллейбусы Рязани, Александр Дейков, 2011
Трамваи Нижнего Тагила,
Анатолий Пивоваров, 2017
Трамваи Уфы, Денис Домрачев, 2016
Транспорт Севастополя,
Данил Сидельников, 2011
Транспорт Кирова, Александр Глушаков, 2017
Трамваи Краснодара, Александр Сорокин, 2010
Получившаяся схема челябинских троллейбусов и трамваев на несколько лет стала образцом для подражания — многие дизайнеры начали изображать транспорт своих городов.
Получившаяся схема челябинских троллейбусов и трамваев на несколько лет стала образцом для подражания — многие дизайнеры начали изображать транспорт своих городов.
Трамваи Екатеринбурга, Таня Черкиз, 2009
Обратите внимание на проблемы с подбором цветов в пучках: многие соседние линии сливаются в одну
Троллейбусы Рязани, Александр Дейков, 2011
Трамваи Нижнего Тагила,
Анатолий Пивоваров, 2017
Трамваи Уфы, Денис Домрачев, 2016
Транспорт Севастополя,
Данил Сидельников, 2011
Транспорт Кирова, Александр Глушаков, 2017
Трамваи Краснодара, Александр Сорокин, 2010
Автобусы Риги, дизайнер Виктор Барышев
Принцип:
Соответствие линий маршрутам
Охват
Опыт челябинской схемы можно было бы применить, чтобы успокоить абсолютно чемпионские шлейфы на рижской схеме. Но здесь и без прожилок, и с идеально подобранными цветами будет смотреться тяжеловато.
Вероятно, решение стоит искать на уровне принципа: отказаться от обозначения каждого маршрута отдельной линией или даже уменьшить охват.
Опыт челябинской схемы можно было бы применить, чтобы успокоить абсолютно чемпионские шлейфы на рижской схеме. Но здесь и без прожилок, и с идеально подобранными цветами будет смотреться тяжеловато.
Вероятно, решение стоит искать на уровне принципа: отказаться от обозначения каждого маршрута отдельной линией или даже уменьшить охват.
Автобусы Риги, дизайнер Виктор Барышев
Принцип:
Соответствие линий маршрутам
Охват
Пучки без прожилок — это труднодостижимый идеал. Краски съедут при печати, плакат повесят под бликующее стекло или наклеят с пузырями. Так что неудивительно, что многие выбирают пуленепробиваемый дизайн с прожилками.
Если всё же хочется сделать без прожилок, важно печатать и тестировать схему в жизни. Как она будет смотреться в трясущемся трамвае в пасмурный день?
Об изгибах в пучках:
Изгибы
Об остановках в пучках:
Остановки
Полевые испытания схемы челябинских трамваев. Рассказ Александра Караваева
Пучки без прожилок — это труднодостижимый идеал. Краски съедут при печати, плакат повесят под бликующее стекло или наклеят с пузырями. Так что неудивительно, что многие выбирают пуленепробиваемый дизайн с прожилками.
Если всё же хочется сделать без прожилок, важно печатать и тестировать схему в жизни. Как она будет смотреться в трясущемся трамвае в пасмурный день?
Полевые испытания схемы челябинских трамваев. Рассказ Александра Караваева
Об изгибах в пучках:
Изгибы
Об остановках в пучках:
Остановки
Изгибы
После того, как Генри Бек прекратил работу над схемой лондонского метро, за неё взялся дизайнер Гарольд Хатчинсон. Он отказался от плавных поворотов линий и стал их просто «ломать».
Это очень плохая схема. Переломы — хоть и не единственная её проблема, но одна из самых заметных.
О Генри Беке:
Появление транспортных схем
Изгибы
После того, как Генри Бек прекратил работу над схемой лондонского метро, за неё взялся дизайнер Гарольд Хатчинсон. Он отказался от плавных поворотов линий и стал их просто «ломать».
Это очень плохая схема. Переломы — хоть и не единственная её проблема, но одна из самых заметных.
О Генри Беке:
Появление транспортных схем
Дизайнер Генри Бек, 1933
Повороты должны быть плавными.
Повороты должны быть плавными.
Дизайнер Генри Бек, 1933
Повороты должны быть «на виду», а не спрятаны под кружками пересадок.
Это неочевидно: кружки кажутся удобными «опорными точками», их хочется соединить прямыми отрезками. Но как одна линия должен восприниматься весь маршрут, а не отдельные соединения между станциями.
Получается плохой гештальт: цвет намекает на одну связь между отрезками, а принцип непрерывности — на другую. При беглом чтении легко «уехать» не туда.
Для тех, кто не различает цвета, схема становится совершенно нечитаемой: невозможно угадать, где продолжается какая линия.
Когда повороты видны, а линии всегда проходят через станции прямо, глазу легко следить за линией.
В таком случае линии читаются целиком даже без цвета.
Повороты должны быть «на виду», а не спрятаны под кружками пересадок.
Это неочевидно: кружки кажутся удобными «опорными точками», их хочется соединить прямыми отрезками. Но как одна линия должен восприниматься весь маршрут, а не отдельные соединения между станциями.
Получается плохой гештальт: цвет намекает на одну связь между отрезками, а принцип непрерывности — на другую. При беглом чтении легко «уехать» не туда.
Для тех, кто не различает цвета, схема становится совершенно нечитаемой: невозможно угадать, где продолжается какая линия.
Когда повороты видны, а линии всегда проходят через станции прямо, глазу легко следить за линией.
В таком случае линии читаются целиком даже без цвета.
О сетке углов:
Геометрия
На геометричной схеме возникает вопрос, может ли быть поворот сразу на два, три шага сетки углов. Скажем, при сетке в 45°, можно ли погнуть линию сразу на 90° или 135°?
Поворот на 90° — обычная вещь. Но если такой поворот на схеме один, он может этим обращать на себя внимание и выглядеть непоследовательностью в дизайне. Если таких несколько, они воспринимаются как должное.
Поворот на 135° очень сомнителен: кажется, что дизайнер плохо проложил линии, если ему вдруг приходится практически разворачивать одну из них назад.
Иногда для графического единства такие «резкие» повороты составляют из одинарных. Но это может и ухудшить ситуацию: два, а тем более три поворота подряд выглядят неоправданно громоздко.
Иногда удаётся «скрыть» проблему, перенеся какую‑нибудь станцию на промежуточное звено поворота, как в примере на следующем развороте.
45°
90°. Нормально, если такой поворот не один
135°. Сомнительно
45°
90°. Нормально, если такой поворот не один
135°. Сомнительно
На геометричной схеме возникает вопрос, может ли быть поворот сразу на два, три шага сетки углов. Скажем, при сетке в 45°, можно ли погнуть линию сразу на 90° или 135°?
Поворот на 90° — обычная вещь. Но если такой поворот на схеме один, он может этим обращать на себя внимание и выглядеть непоследовательностью в дизайне. Если таких несколько, они воспринимаются как должное.
Поворот на 135° очень сомнителен: кажется, что дизайнер плохо проложил линии, если ему вдруг приходится практически разворачивать одну из них назад.
Иногда для графического единства такие «резкие» повороты составляют из одинарных. Но это может и ухудшить ситуацию: два, а тем более три поворота подряд выглядят неоправданно громоздко.
Иногда удаётся «скрыть» проблему, перенеся какую‑нибудь станцию на промежуточное звено поворота, как в примере на следующем развороте.
О сетке углов:
Геометрия
На моей московской схеме разрешаются углы в 90°, но я предпочитаю
На моей московской схеме разрешаются углы в 90°, но я предпочитаю
2004 и 2018
Транспорт Лондона
На лондонской схеме 2004 года фрагмент линии Хаммерсмит — Сити после станции Ливерпуль‑стрит изгибается на 90°, но потом поворот на 135° к «Олдгейт‑ист» вдруг делает тремя шагами по 45°.
На схеме 2018 года этот кусок выглядит чище: с одним поворотом на 45° и одним на 90°. Это стало возможно после серьёзного изменения конфигурации линий вокруг.
На лондонской схеме 2004 года фрагмент линии Хаммерсмит — Сити после станции Ливерпуль‑стрит изгибается на 90°, но потом поворот на 135° к «Олдгейт‑ист» вдруг делает тремя шагами по 45°.
На схеме 2018 года этот кусок выглядит чище: с одним поворотом на 45° и одним на 90°. Это стало возможно после серьёзного изменения конфигурации линий вокруг.
2004 и 2018
Транспорт Лондона
Резкое скругление
Два явных поворота
Если делить поворот на сегменты, эти сегменты должны явно читаться, то есть быть достаточной длины по сравнению с длиной скруглений. В первых двух примерах скругления довольно резкие, и два поворота читаются хорошо.
Плавное скругление
Чёрт знает что
Если скруглить линии плавнее, а длину промежуточного сегмента оставить прежней, двойной поворот получится корявым: в нём уже не читается отрезок прямой линии, а кажется, будто поворот просто нарисован нетвёрдой рукой.
Промежуточный сегмент можно удлинить, но тогда поворот станет занимать ещё больше места.
Резкое скругление
Два явных поворота
Если делить поворот на сегменты, эти сегменты должны явно читаться, то есть быть достаточной длины по сравнению с длиной скруглений. В первых двух примерах скругления довольно резкие, и два поворота читаются хорошо.
Плавное скругление
Чёрт знает что
Если скруглить линии плавнее, а длину промежуточного сегмента оставить прежней, двойной поворот получится корявым: в нём уже не читается отрезок прямой линии, а кажется, будто поворот просто нарисован нетвёрдой рукой.
Промежуточный сегмент можно удлинить, но тогда поворот станет занимать ещё больше места.
2015. Студия Лебедева
2017. Студия Лебедева
На официальной московской схеме был как раз такой неприятный изгиб Люблинской линии возле «Трубной». Вместо поворота в два шага — просто «помятая» линия.
В более поздней версии недочёт исправили. Ещё появилось приятное соседство двух поворотов по 90°.
2015. Студия Лебедева
2017. Студия Лебедева
На официальной московской схеме был как раз такой неприятный изгиб Люблинской линии возле «Трубной». Вместо поворота в два шага — просто «помятая» линия.
В более поздней версии недочёт исправили. Ещё появилось приятное соседство двух поворотов по 90°.
Теперь о том, как именно рисовать скругления.
Если представить, что мы рисуем линию рукой, ведя по бумаге пером определённой ширины, то для изображения резкого поворота нам придётся прервать движение. Спотыкается на таком углу и глаз.
Как минимум нужно сделать, чтобы линия везде имела одну толщину. Но и в таком варианте линия поворачивает слишком резко.
Простой способ сглаживания на компьютере — радиальное скругление. Вместо угла рисуется дуга окружности. Точкой • обозначен её центр.
Чем больше радиус окружности, дуга которой заменяет угол, тем плавнее линия и тем легче глазу по ней скользить.
Но слишком большое скругление занимает много места на схеме, всё становится «неповоротливым». Большому кораблю трудно маневрировать.
Теперь о том, как именно рисовать скругления.
Если представить, что мы рисуем линию рукой, ведя по бумаге пером определённой ширины, то для изображения резкого поворота нам придётся прервать движение. Спотыкается на таком углу и глаз.
Как минимум нужно сделать, чтобы линия везде имела одну толщину. Но и в таком варианте линия поворачивает слишком резко.
Простой способ сглаживания на компьютере — радиальное скругление. Вместо угла рисуется дуга окружности. Точкой • обозначен её центр.
Чем больше радиус окружности, дуга которой заменяет угол, тем плавнее линия и тем легче глазу по ней скользить.
Но слишком большое скругление занимает много места на схеме, всё становится «неповоротливым». Большому кораблю трудно маневрировать.
Если используется радиальное скругление, для графического единства хорошо взять стандартный радиус для всей схемы.
В пучках придётся сделать исключение: если оставить радиус всех скруглений одинаковым, между линиями возникнут просветы.
Устранить просветы можно, согласовав скругления в пучке:
по внешнему скруглению, уменьшив внутренние;
по среднему, уменьшив внутреннее и увеличив внешнее;
по внутреннему, увеличив внешние.
Больше линий в пучке — больше вариантов.
Если в соседних пучках сделать по‑разному, это будет бросаться в глаза.
Делайте одинаково.
Если используется радиальное скругление, для графического единства хорошо взять стандартный радиус для всей схемы.
В пучках придётся сделать исключение: если оставить радиус всех скруглений одинаковым, между линиями возникнут просветы.
Устранить просветы можно, согласовав скругления в пучке:
по внешнему скруглению, уменьшив внутренние;
по среднему, уменьшив внутреннее и увеличив внешнее;
по внутреннему, увеличив внешние.
Больше линий в пучке — больше вариантов.
Если в соседних пучках сделать по‑разному, это будет бросаться в глаза.
Делайте одинаково.
Стандарт диаграмм линий. Радиусы и углы
Транспорт Лондона
Стандарты «Транспорта Лондона» предписывают использовать повороты на 45° или 90° с радиальным скруглением радиусом в три толщины линии.
В пучках полагается согласовывать скругления по внутреннему, делая внешние больше.
Стандарт диаграмм линий. Радиусы и углы
Транспорт Лондона
Стандарты «Транспорта Лондона» предписывают использовать повороты на 45° или 90° с радиальным скруглением радиусом в три толщины линии.
В пучках полагается согласовывать скругления по внутреннему, делая внешние больше.
Есть ещё один повод сделать исключение из правила «один радиус на всю схему».
При одинаковом радиусе длина дуги пропорциональна углу поворота. Поворот на 45° — коротенький, на 90° — длиннее, на 135° — слишком продолжительный.
Для каждого угла хорошо подобрать радиус скругления вручную. На рисунке радиус для 45° в полтора раза увеличен по сравнению с 90°, а для 135° — в полтора же раза уменьшен. Так приятнее.
Ai
Эффект Иллюстратора Round corners корректно рисует скругления с указанным радиусом только для углов в 90°. На рисунке у всех линий указан один радиус скругления, но только у жёлтой поворот действительно построен из дуги окружности этого радиуса. Как видно, у поворота на 45° радиус намного больше, а у 135° — намного меньше, чем указано.
«Честно» радиусы рисует инструмент Live corners, появившийся в версии 17.1.
Есть ещё один повод сделать исключение из правила «один радиус на всю схему».
При одинаковом радиусе длина дуги пропорциональна углу поворота. Поворот на 45° — коротенький, на 90° — длиннее, на 135° — слишком продолжительный.
Для каждого угла хорошо подобрать радиус скругления вручную. На рисунке радиус для 45° в полтора раза увеличен по сравнению с 90°, а для 135° — в полтора же раза уменьшен. Так приятнее.
Ai
Эффект Иллюстратора Round corners корректно рисует скругления с указанным радиусом только для углов в 90°. На рисунке у всех линий указан один радиус скругления, но только у жёлтой поворот действительно построен из дуги окружности этого радиуса. Как видно, у поворота на 45° радиус намного больше, а у 135° — намного меньше, чем указано.
«Честно» радиусы рисует инструмент Live corners, появившийся в версии 17.1.
При радиальном скруглении линия составляется из трёх приставленных друг к другу фрагментов: отрезка прямой, дуги окружности, снова отрезка прямой. Это противоестественно, реальные объекты так не гнутся.
Если согнуть стальной прут или душевой шланг, радиус кривизны будет плавно возрастать в направлении от центра изгиба. Точно указать точку, где изгиб заканчивается, будет невозможно.
При радиальном скруглении линия составляется из трёх приставленных друг к другу фрагментов: отрезка прямой, дуги окружности, снова отрезка прямой. Это противоестественно, реальные объекты так не гнутся.
Если согнуть стальной прут или душевой шланг, радиус кривизны будет плавно возрастать в направлении от центра изгиба. Точно указать точку, где изгиб заканчивается, будет невозможно.
В начале главы я говорил о том, что «сломанные» линии выглядят плохо. Линии, скруглённые радиусом, тоже в каком‑то смысле сломаны — достаточно один раз увидеть места, где дуга окружности «приделывается» к прямым отрезкам, и развидеть их уже не получится.
Чтобы скруглить линию естественно, нужно втянуть её «усы» внутрь угла, а сами опорные точки, наоборот, растащить. При этом важно не переборщить: если линия стала походить на разварившуюся макаронину, стоит сделать шаг назад.
В начале главы я говорил о том, что «сломанные» линии выглядят плохо. Линии, скруглённые радиусом, тоже в каком‑то смысле сломаны — достаточно один раз увидеть места, где дуга окружности «приделывается» к прямым отрезкам, и развидеть их уже не получится.
Чтобы скруглить линию естественно, нужно втянуть её «усы» внутрь угла, а сами опорные точки, наоборот, растащить. При этом важно не переборщить: если линия стала походить на разварившуюся макаронину, стоит сделать шаг назад.
При повороте на 90° у радиального скругления «усы» торчат где‑то на 56% радиуса.
Приятное глазу скругление обычно получается, если увеличить торчание усов до 75%.
При повороте на 90° у радиального скругления «усы» торчат где‑то на 56% радиуса.
Приятное глазу скругление обычно получается, если увеличить торчание усов до 75%.
Когда мы смотрели на радиальные скругления, мы обсудили, что лучше подбирать разный радиус для поворотов на разный угол.
Естественные, нарисованные вручную скругления также придётся подбирать отдельно для поворотов на разные углы.
То же для радиальных скруглений
Когда мы смотрели на радиальные скругления, мы обсудили, что лучше подбирать разный радиус для поворотов на разный угол.
Естественные, нарисованные вручную скругления также придётся подбирать отдельно для поворотов на разные углы.
То же для радиальных скруглений
Радиально
В зависимости от используемой сетки углов, придётся нарисовать вручную больше или меньше разных скруглений. Чем больше угол, тем заметнее разница между радиусами и естественными скруглениями.
30°
60°
120°
150°
Естественно
В зависимости от используемой сетки углов, придётся нарисовать вручную больше или меньше разных скруглений. Чем больше угол, тем заметнее разница между радиусами и естественными скруглениями.
30° 60° 120° 150°
Радиально
Естественно
При использовании естественных скруглений проблема пучков проявляется с особой силой.
Как обычно, если вложить наши скругления друг в друга, между ними возникнут просветы. Но если в случае с радиальными скруглениями эти просветы устраняются подбором радиуса, то здесь всё непросто.
Вот неудачная попытка подогнать все линии к жёлтой. В одних местах просветы ещё есть, а в других линии уже налезли друг на друга.
Если расставить опорные точки на перпендикулярах, удаётся сделать налезания сильно менее заметными.
Дальше уже можно смухлевать, спрятав линии друг под друга — никто ничего не заметит.
Правда, если между линиями оставлены прожилки, спрятать неточность не получится.
По форме прожилок видно, что линии не подогнаны друг к другу идеально. Придётся двигать тщательнее.
Но вернёмся к варианту без прожилок. У нас осталась ещё одна проблема — сломалась зелёная линия.
Попробуем починить её и подогнать все остальные уже к ней. Получается почти нормально, но теперь возникает проблема с синей линией: её усы оказываются недостаточно вытянутыми в угол, и её скругление становится слишком похожим на радиальное. Если линий станет больше четырёх, то у внеших этот недостаток станет ещё заметнее.
Чтобы довести изгиб до ума, приходится оттаскивать опорные точки более внешних скруглений дальше от угла ради того, чтобы сильнее вытянуть им усы. Теперь поворот выглядит хорошо, и такой вариант выдержит увеличение числа линий.
При использовании естественных скруглений проблема пучков проявляется с особой силой.
Как обычно, если вложить наши скругления друг в друга, между ними возникнут просветы. Но если в случае с радиальными скруглениями эти просветы устраняются подбором радиуса, то здесь всё непросто.
Вот неудачная попытка подогнать все линии к жёлтой. В одних местах просветы ещё есть, а в других линии уже налезли друг на друга.
Если расставить опорные точки на перпендикулярах, удаётся сделать налезания сильно менее заметными.
Дальше уже можно смухлевать, спрятав линии друг под друга — никто ничего не заметит.
Правда, если между линиями оставлены прожилки, спрятать неточность не получится.
По форме прожилок видно, что линии не подогнаны друг к другу идеально. Придётся двигать тщательнее.
Но вернёмся к варианту без прожилок. У нас осталась ещё одна проблема — сломалась зелёная линия.
Попробуем починить её и подогнать все остальные уже к ней. Получается почти нормально, но теперь возникает проблема с синей линией: её усы оказываются недостаточно вытянутыми в угол, и её скругление становится слишком похожим на радиальное. Если линий станет больше четырёх, то у внеших этот недостаток станет ещё заметнее.
Чтобы довести изгиб до ума, приходится оттаскивать опорные точки более внешних скруглений дальше от угла ради того, чтобы сильнее вытянуть им усы. Теперь поворот выглядит хорошо, и такой вариант выдержит увеличение числа линий.
Мы обсудили ситуации, когда пучок поворачивает целиком.
А что делать, если одна из линий проходит прямо? Здесь скругления неприятно рассогласовываются. Если оставить синюю линию со старым скруглением, как если бы она была четвёртой в пучке, оно будет смотреться слишком большим.
Можно нарисовать ей скругление такое, как если бы она была третьей в пучке — получится поаккуратнее.
Нелогичный, но ещё более приятный вариант — скруглить её так же, как красную.
А ещё можно перестать считать такую линию частью пучка и скруглить независимо, как единственную.
Идеально — если удаётся обойти проблему пересортировкой линий.
Мы обсудили ситуации, когда пучок поворачивает целиком.
А что делать, если одна из линий проходит прямо? Здесь скругления неприятно рассогласовываются. Если оставить синюю линию со старым скруглением, как если бы она была четвёртой в пучке, оно будет смотреться слишком большим.
Можно нарисовать ей скругление такое, как если бы она была третьей в пучке — получится поаккуратнее.
Нелогичный, но ещё более приятный вариант — скруглить её так же, как красную.
А ещё можно перестать считать такую линию частью пучка и скруглить независимо, как единственную.
Идеально — если удаётся обойти проблему пересортировкой линий.
На австралийской схеме поездов плохо закругляется линия : слева просвет между ней и голубой линией непостоянной ширины. Как решить проблему пересортировкой линий — непонятно. Но если скругление зелёной линии просто уменьшить, перестав считать её частью пучка, станет лучше.
Полный провал с согласованием скруглений на схеме автобусов Риги. От таких поворотов остаётся ощущение недоделанности: вроде попытались согласовать, но не смогли. Нужно или согласовать полностью, или рассогласовать совсем.
Автобусы Риги, дизайнер Виктор Барышев
На австралийской схеме поездов плохо закругляется линия : слева просвет между ней и голубой линией непостоянной ширины. Как решить проблему пересортировкой линий — непонятно. Но если скругление зелёной линии просто уменьшить, перестав считать её частью пучка, станет лучше.
Полный провал с согласованием скруглений на схеме автобусов Риги. От таких поворотов остаётся ощущение недоделанности: вроде попытались согласовать, но не смогли. Нужно или согласовать полностью, или рассогласовать совсем.
Автобусы Риги, дизайнер Виктор Барышев
Аккуратно пучки скруглены на этой схеме Челябинских трамваев.
Аккуратно пучки скруглены на этой схеме Челябинских трамваев.
На ощущение от схемы влияет размер скругления, поэтому подбирать его стоит, глядя на схему издалека.
Схема с маленькими скруглениями обычно выглядит более строгой, уверенной, механистичной.
При увеличении скруглений схема становится «дружелюбнее».
Но и постепенно теряется геометричность.
На ощущение от схемы влияет размер скругления, поэтому подбирать его стоит, глядя на схему издалека.
Схема с маленькими скруглениями обычно выглядит более строгой, уверенной, механистичной.
При увеличении скруглений схема становится «дружелюбнее».
Но и постепенно теряется геометричность.
Когда схема близка к финалу, хочется подобрать наилучшие размер и форму скруглений. Но когда все они нарисованы вручную, перерисовать каждое по отдельности просто чтобы посмотреть, не станет ли чуть приятнее глазу — слишком большая работа. Да и невозможно будет убедиться, что они нарисованы без ошибок.
Поэтому нужно иметь возможность настраивать скругления централизованно.
Ai
Совет: сделайте из поворота символ. Достаточно изменить сам символ, чтобы посмотреть, как изменение отразится на всей схеме. Здесь я для веселья нарисовал в символе скругления бантик, и вся схема мгновенно получила бантики.
О символах в справке по Иллюстратору
Когда схема близка к финалу, хочется подобрать наилучшие размер и форму скруглений. Но когда все они нарисованы вручную, перерисовать каждое по отдельности просто чтобы посмотреть, не станет ли чуть приятнее глазу — слишком большая работа. Да и невозможно будет убедиться, что они нарисованы без ошибок.
Поэтому нужно иметь возможность настраивать скругления централизованно.
Ai
Совет: сделайте из поворота символ. Достаточно изменить сам символ, чтобы посмотреть, как изменение отразится на всей схеме. Здесь я для веселья нарисовал в символе скругления бантик, и вся схема мгновенно получила бантики.
О символах в справке по Иллюстратору
Когда у схемы нет сетки углов, и она рисуется «свободной рукой», требования к изгибам становятся только выше. Ведь одно дело, когда красоту создаёт системность и единообразие — тогда её можно добиться простой аккуратностью.
Совсем другое, когда красота возникает от безупречного чутья и умения сохранять в линиях напряжение. Здесь нет универсального рецепта. Графические дизайнеры, а тем более шрифтовики, оттачивают такое чутьё десятилетиями.
Трамваи Одессы, 2016
Студия Лебедева
Трамваи Одессы, 2016
Студия Лебедева
Когда у схемы нет сетки углов, и она рисуется «свободной рукой», требования к изгибам становятся только выше. Ведь одно дело, когда красоту создаёт системность и единообразие — тогда её можно добиться простой аккуратностью.
Совсем другое, когда красота возникает от безупречного чутья и умения сохранять в линиях напряжение. Здесь нет универсального рецепта. Графические дизайнеры, а тем более шрифтовики, оттачивают такое чутьё десятилетиями.
Остановки
Простейшее обозначение остановки — точка, то есть маленький кружок. Так же в математике обозначают любые значимые точки на графике.
Но это обозначение подойдёт, только если маршруты показаны тонкими линиями.
13‑й поезд,
дизайн мой
Остановки
Простейшее обозначение остановки — точка, то есть маленький кружок. Так же в математике обозначают любые значимые точки на графике.
Но это обозначение подойдёт, только если маршруты показаны тонкими линиями.
13‑й поезд, дизайн мой
Толщина — носитель цвета:
Линии
Центральная лондонская железная дорога, 1902:
Появление транспортных схем
Метрополитен Софии, 2018
Чтобы цвета маршрутов на схеме хорошо различались, линии должны быть достаточно толстыми. Поэтому кружкам тоже приходится расти. Большие кружки часто использовали на старых схемах.
Но большой закрашенный кружок — это уже не точка, а клякса. Выглядит плохо и на современных схемах встречается редко.
Вариации по размеру кружка от невидимого до некрасивого
Чтобы цвета маршрутов на схеме хорошо различались, линии должны быть достаточно толстыми. Поэтому кружкам тоже приходится расти. Большие кружки часто использовали на старых схемах.
Но большой закрашенный кружок — это уже не точка, а клякса. Выглядит плохо и на современных схемах встречается редко.
Вариации по размеру кружка от невидимого до некрасивого
Толщина — носитель цвета:
Линии
Центральная лондонская железная дорога, 1902:
Появление транспортных схем
Метрополитен Софии, 2018
Чтобы кружок‑точка хорошо читался и не становился кляксой, его можно выколоть, то есть не закрашивать. В картографии так часто обозначают населённые пункты, которые при этом бывают соединены дорогами.
Карта железнодорожных расстояний Калифорнии. Рамси
Карта железнодорожных расстояний Калифорнии. Рамси
Чтобы кружок‑точка хорошо читался и не становился кляксой, его можно выколоть, то есть не закрашивать. В картографии так часто обозначают населённые пункты, которые при этом бывают соединены дорогами.
Иль‑де‑Франс, 2020. Трансилиен
Берлин, 1926. Старые схемы берлинского транспорта
Конечные
Вариации выколотых кружков по размеру
Иль‑де‑Франс, 2020. Трансилиен
Берлин, 1926. Старые схемы берлинского транспорта
Вариации выколотых кружков по размеру
Конечные
Вариации только по радиусу
Вариации только по толщине контура
У выколотых кружков можно независимо настраивать радиус и толщину контура. Стоит уделить внимание подбору хорошего соотношения.
Первое кольцо слишком тонкое, теряется на фоне линии. Второе всё ещё значительно тоньше линии, но уже читается. Третье хоть и тоньше, но хорошо сочетается с линией. Четвёртое кажется сделанным из того же теста, что сама линия, хотя всё ещё в полтора раза тоньше неё. Последнее по толщине совпадает с линией — и уже кажется слишком толстым.
Вариации только по радиусу
Вариации только по толщине контура
У выколотых кружков можно независимо настраивать радиус и толщину контура. Стоит уделить внимание подбору хорошего соотношения.
Первое кольцо слишком тонкое, теряется на фоне линии. Второе всё ещё значительно тоньше линии, но уже читается. Третье хоть и тоньше, но хорошо сочетается с линией. Четвёртое кажется сделанным из того же теста, что сама линия, хотя всё ещё в полтора раза тоньше неё. Последнее по толщине совпадает с линией — и уже кажется слишком толстым.
Остановки в пучках
Концепция схемы транспорта Перми, дизайнер Дмитрий Кучев
Важный частный случай — когда выколотый кружок целиком умещается в толщину линии. Такой кружок можно использовать в пучке без прожилок — свобода, которой предыдущие лишены.
Здесь тоже нужно внимание к размеру. Если вырезать слишком большие дыры , отрезки между остановками победят сами остановки, линии визуально распадутся на звенья.
Важный частный случай — когда выколотый кружок целиком умещается в толщину линии. Такой кружок можно использовать в пучке без прожилок — свобода, которой предыдущие лишены.
Здесь тоже нужно внимание к размеру. Если вырезать слишком большие дыры , отрезки между остановками победят сами остановки, линии визуально распадутся на звенья.
Концепция схемы транспорта Перми, дизайнер Дмитрий Кучев
Остановки в пучках
Междугородние поезда и автобусы Калифорнии, дизайнер Роберт МакКоннел, 2016
Кружок можно не выкалывать, а наоборот, закрасить — скажем, чёрным. Такое мы уже видели на нью‑йоркской схеме Массимо Виньелли, а вот ещё пара американских примеров. На тонких линиях калифорнийской схемы точки толще линий — выглядит очень симпатично.
О схеме Виньелли:
Многообразие схем
Кружок можно не выкалывать, а наоборот, закрасить — скажем, чёрным. Такое мы уже видели на нью‑йоркской схеме Массимо Виньелли, а вот ещё пара американских примеров. На тонких линиях калифорнийской схемы точки толще линий — выглядит очень симпатично.
Междугородние поезда и автобусы Калифорнии, дизайнер Роберт МакКоннел, 2016
Схема‑фантазия транспорта Колумбуса, дизайнер Майкл Тызник, 2008
О схеме Виньелли:
Многообразие схем
Не могу не показать черновик схемы транспорта Вашингтона. Этот дизайн воспринимается как чёрные точки на цветных линиях, но на самом деле линии тоже чёрные, просто обведены цветными карандашами.
Кажется, это просто следствие процесса работы, а не задумка. Но вполне можно брать на вооружение как приём, который позволяет нарисовать цвет «широкой кистью», сохранив минималистичную чертёжную эстетику.
Не могу не показать черновик схемы транспорта Вашингтона. Этот дизайн воспринимается как чёрные точки на цветных линиях, но на самом деле линии тоже чёрные, просто обведены цветными карандашами.
Кажется, это просто следствие процесса работы, а не задумка. Но вполне можно брать на вооружение как приём, который позволяет нарисовать цвет «широкой кистью», сохранив минималистичную чертёжную эстетику.
Для полноты картины посмотрим на вариации закрашенных чёрных кружков по размеру относительно толщины линии.
Вариации по размеру
Для хорошего контраста можно закрашивать кружки чёрным или белым в зависимости от цвета конкретной линии. Но это опасно — читатель может подумать, что цвета имеют разный смысл:
Что здесь не так с остановкой на жёлтой линии?
Закрашивать кружки каким‑либо ещё цветом, кроме чёрного и белого, обычно причин нет.
Вариации по размеру
Для полноты картины посмотрим на вариации закрашенных чёрных кружков по размеру относительно толщины линии.
Для хорошего контраста можно закрашивать кружки чёрным или белым в зависимости от цвета конкретной линии. Но это опасно — читатель может подумать, что цвета имеют разный смысл:
Что здесь не так с остановкой на жёлтой линии?
Закрашивать кружки каким‑либо ещё цветом, кроме чёрного и белого, обычно причин нет.
Вариации по размеру
Кружок можно не выкалывать и не обводить, а вырезать из линии. При этом размер самого кружка и толщину выреза снова можно настраивать независимо.
На схеме метро Будапешта обозначение работает плохо, особенно на жёлтой линии: из‑за частых остановок линия кажется пунктирной.
Вариации только по радиусу
Вариации только по толщине выреза
Вариации по размеру
Кружок можно не выкалывать и не обводить, а вырезать из линии. При этом размер самого кружка и толщину выреза снова можно настраивать независимо.
На схеме метро Будапешта обозначение работает плохо, особенно на жёлтой линии: из‑за частых остановок линия кажется пунктирной.
Вариации только по радиусу
Вариации только по толщине выреза
Берлин, 1923. Старые схемы берлинского транспорта
А что, если не кружки? На карте города железнодорожная станция — это прямоугольное утолщение вокруг линии. Особенно красиво оно смотрится на тонких линиях.
Можно попробовать такое же обозначение и для метро, и даже для уличного транспорта. Их остановки так не выглядят на карте, но это и не важно на схеме.
А что, если не кружки? На карте города железнодорожная станция — это прямоугольное утолщение вокруг линии. Особенно красиво оно смотрится на тонких линиях.
Берлин, 1923. Старые схемы берлинского транспорта
Можно попробовать такое же обозначение и для метро, и даже для уличного транспорта. Их остановки так не выглядят на карте, но это и не важно на схеме.
Нью‑Йорк, 1958,
дизайнер Джордж Саломон, источник утерян
Vienna, ca. 2010. Travelstories
Когда прямоугольник растянут не вдоль, а поперёк линии, получается отсечка. Но линии с такими остановками получаются зубастыми. Это обозначение лучше оставить для конечных, а для обычных остановок лучше использовать что‑то поспокойнее.
Конечные
Вариации по пропорциям относительно линии от хорошего к плохому
Когда прямоугольник растянут не вдоль, а поперёк линии, получается отсечка. Но линии с такими остановками получаются зубастыми. Это обозначение лучше оставить для конечных, а для обычных остановок лучше использовать что‑то поспокойнее.
Нью‑Йорк, 1958,
дизайнер Джордж Саломон, источник утерян
Vienna, ca. 2010. Travelstories
Вариации по пропорциям относительно линии от хорошего к плохому
Конечные
Марсель, дизайнер Кристофер Смеричник
Как и кружок, прямоугольник можно закрасить, оставить контурным, вырезать, уместить внутрь линии; можно скруглить ему углы.
Но важно вовремя остановиться с украшательствами: обозначения на этих примерах кажутся безосновательно сложными, а ведь наша задача, наоборот, упрощать.
Как упрощали в прошлом:
Появление транспортных схем
Двутавровые балки? Москва, 1970. Метро.ру
Вариации по стилю
Марсель, дизайнер Кристофер Смеричник
Как и кружок, прямоугольник можно закрасить, оставить контурным, вырезать, уместить внутрь линии; можно скруглить ему углы.
Но важно вовремя остановиться с украшательствами: обозначения на этих примерах кажутся безосновательно сложными, а ведь наша задача, наоборот, упрощать.
Двутавровые балки? Москва, 1970. Метро.ру
Вариации по стилю
Как упрощали в прошлом:
Появление транспортных схем
В игре «Мини‑метро» вдобавок к кругам и квадратам встречаются треугольники, плюсы, пятиугольники и даже звёзды. Здесь это связано с правилами: форма показывает, кому из пассажиров куда нужно попасть.
Но в жизни столько разных обозначений станций сведут читателя с ума.
Ладно, звезду можно попробовать, если у вас станция «Кремль».
Мини‑метро. Пример — Реддит
Мини‑метро. Пример — Реддит
В игре «Мини‑метро» вдобавок к кругам и квадратам встречаются треугольники, плюсы, пятиугольники и даже звёзды. Здесь это связано с правилами: форма показывает, кому из пассажиров куда нужно попасть.
Но в жизни столько разных обозначений станций сведут читателя с ума.
Ладно, звезду можно попробовать, если у вас станция «Кремль».
О принципе экономии чернил:
Эдвард Тафти. Визуальное представление количественной информации, с. 91
Ранее о графическом мусоре:
Пучки
Если подумать об экономии чернил в обозначении станции, приходит идея ничего не рисовать, а наоборот, разорвать линию. Но экономия получается лишь формальная. С разрывами мы тут же получаем графический мусор: вибрацию и эффекты
На старой схеме московских электричек из‑за частых разрывов линии казались пунктирными, а соотносить разрывы с названиями было очень сложно.
Кстати, можно вообще не обозначать остановки:
Детализация
Вариации по размерам разрыва
Если подумать об экономии чернил в обозначении станции, приходит идея ничего не рисовать, а наоборот, разорвать линию. Но экономия получается лишь формальная. С разрывами мы тут же получаем графический мусор: вибрацию и эффекты
На старой схеме московских электричек из‑за частых разрывов линии казались пунктирными, а соотносить разрывы с названиями было очень сложно.
Кстати, можно вообще не обозначать остановки:
Детализация
Вариации по размерам разрыва
О принципе экономии чернил:
Эдвард Тафти. Визуальное представление количественной информации, с. 91
Ранее о графическом мусоре:
Пучки
В работах
О сетке углов:
Геометрия
В работах
О сетке углов:
Геометрия
На схеме метро и электричек Гамбурга станции обозначены небольшими
От мусорности такое решение не спасает, а местами возникают паразитные образы: когда выкусы смотрят друг на друга, между цветными линиями проявляется белая линия с отсечками.
На схеме метро и электричек Гамбурга станции обозначены небольшими
От мусорности такое решение не спасает, а местами возникают паразитные образы: когда выкусы смотрят друг на друга, между цветными линиями проявляется белая линия с отсечками.
1933, дизайнер Генри Бек
Появление транспортных схем
Берлин, 1918. Старые схемы берлинского транспорта
Москва, 2019. Студия Лебедева
Важнейшее обозначение остановок — пеньки, торчащие из линии в одну из сторон. Их внедрил в своей первой же опубликованной схеме Генри Бек, но прообразы встречались и раньше. Например, односторонние прямоугольники есть на этой берлинской схеме 1918 года.
Говоря о схеме Бека, мы уже обсуждали преимущества пеньков: они спокойные и указывают на название станции, помогая связать одно с другим.
Кроме того, на их фоне кружки хорошо заметны как обозначения пересадок.
Пересадки
Вариации по толщине и выпиранию
Важнейшее обозначение остановок — пеньки, торчащие из линии в одну из сторон. Их внедрил в своей первой же опубликованной схеме Генри Бек, но прообразы встречались и раньше. Например, односторонние прямоугольники есть на этой берлинской схеме 1918 года.
1933, дизайнер Генри Бек
Появление транспортных схем
Берлин, 1918. Старые схемы берлинского транспорта
Москва, 2019. Студия Лебедева
Говоря о схеме Бека, мы уже обсуждали преимущества пеньков: они спокойные и указывают на название станции, помогая связать одно с другим.
Кроме того, на их фоне кружки хорошо заметны как обозначения пересадок.
Вариации по толщине и выпиранию
Пересадки
Выбирая размер пенька, стоит учитывать принцип минимального значимого отличия. Эдвард Тафти пишет:
Делайте все визуальные отличия как можно тоньше, но всё же ясными и значимыми.
Эти пеньки видны вблизи, но при чтении всей схемы теряются. Нам нужно не минимальное отличие, которое глаз в принципе способен воспринять, а минимальное из тех, которое он прочитает однозначно и несомненно.
Вот такие пеньки — как раз. Они обрели значимость, потому что стали соразмерными другим значимым элементам изображения, таким как линии и буквы.
В реальной схеме мне захотелось сделать пеньки ещё чуть больше из стилистических соображений. Кажется, так они лучше дружат с линиями, лучше держат подписи. Но кто‑то скажет, что это уже слегка избыточно.
А вот это уже явный перебор: пеньки излишне тяжеловесны, победили линии и подписи. Если смотреть на схему издалека, то эти ящики — первое, на что обращаешь внимание.
Минимальное значимое отличие:
Эдвард Тафти. Наглядное объяснение, с. 73
Ai
Ранее я советовал сделать символ из поворота линии, чтобы централизованно настраивать изгибы. Здесь актуален тот же совет: сделайте символ из пенька (или другого обозначения остановки). Меняйте параметры, глядя на всю схему, чтобы подобрать наилучший вариант.
Выбирая размер пенька, стоит учитывать принцип минимального значимого отличия. Эдвард Тафти пишет:
Делайте все визуальные отличия как можно тоньше, но всё же ясными и значимыми.
Эти пеньки видны вблизи, но при чтении всей схемы теряются. Нам нужно не минимальное отличие, которое глаз в принципе способен воспринять, а минимальное из тех, которое он прочитает однозначно и несомненно.
Вот такие пеньки — как раз. Они обрели значимость, потому что стали соразмерными другим значимым элементам изображения, таким как линии и буквы.
В реальной схеме мне захотелось сделать пеньки ещё чуть больше из стилистических соображений. Кажется, так они лучше дружат с линиями, лучше держат подписи. Но кто‑то скажет, что это уже слегка избыточно.
А вот это уже явный перебор: пеньки излишне тяжеловесны, победили линии и подписи. Если смотреть на схему издалека, то эти ящики — первое, на что обращаешь внимание.
Минимальное значимое отличие:
Эдвард Тафти. Наглядное объяснение, с. 73
Схема московского метро, дизайн мой. О проекте
Ai
Ранее я советовал сделать символ из поворота линии, чтобы централизованно настраивать изгибы. Здесь актуален тот же совет: сделайте символ из пенька (или другого обозначения остановки). Меняйте параметры, глядя на всю схему, чтобы подобрать наилучший вариант.
Барнаул, дизайнер Илья Уткаев
Берлин, дизайнер Паша Омелёхин
Санкт‑Петербург, черновик Сергея Чикина
Екатеринбург, дизайнер Паша Омелёхин, артдир я
Форма пенька может быть сложнее прямоугольника. Это одна из степеней свободы, которая задаёт стиль и характер схемы.
Вариации по форме
Форма пенька может быть сложнее прямоугольника. Это одна из степеней свободы, которая задаёт стиль и характер схемы.
Барнаул, дизайнер Илья Уткаев
Берлин, дизайнер Паша Омелёхин
Санкт‑Петербург, черновик Сергея Чикина
Екатеринбург, дизайнер Паша Омелёхин, артдир я
Вариации по форме
Пенёк можно сделать контурным или скруглить. Если хорошо подобрать пропорции, получится красота.
Трамваи Одессы,
Студия Лебедева
Троллейбусы Ялты, дизайнер Николай Башков, артдир Александр Караваев. О проекте
Пенёк можно сделать контурным или скруглить. Если хорошо подобрать пропорции, получится красота.
Троллейбусы Ялты, дизайнер Николай Башков, артдир Александр Караваев. О проекте
Трамваи Одессы,
Студия Лебедева
Доха, 2008, фото Мохамада Такрити
В Дохе были даже шипы.
Такое трудно порекомендовать — выглядит слишком агрессивно. Но зато такую схему никогда не забудешь.
Доха, 2008, фото Мохамада Такрити
В Дохе были даже шипы.
Такое трудно порекомендовать — выглядит слишком агрессивно. Но зато такую схему никогда не забудешь.
Пеньки хороши, но не универсальны. Главная сила пенька, его направленность, может обернуться его же слабостью. Тут две причины для осторожности.
Во‑первых, посмотрите на промежуточный макет моей схемы московского метро.
Подписи станций иногда расположены по разные стороны линий, а пеньки указывают на них. Но при беглом чтении снизу вверх глаз успевает привыкнуть к подписям справа, и, например, станции между Воробьёвыми горами и Парком культуры можно случайно пропустить.
Если бы станции были кружками, обозначения было бы видно по обе стороны линии и Спортивная и Фрунзенская были бы заметнее. Но с кружками связь станций с подписями слабее.
Лучше поставить подписи по одну сторону от линий и вернуть пеньки. Так и было сделано в финальной версии.
Ещё проблемы при чтении «по инерции»:
Подписи и айтрекинг
Пеньки хороши, но не универсальны. Главная сила пенька, его направленность, может обернуться его же слабостью. Тут две причины для осторожности.
Во‑первых, посмотрите на промежуточный макет моей схемы московского метро.
Подписи станций иногда расположены по разные стороны линий, а пеньки указывают на них. Но при беглом чтении снизу вверх глаз успевает привыкнуть к подписям справа, и, например, станции между Воробьёвыми горами и Парком культуры можно случайно пропустить.
Если бы станции были кружками, обозначения было бы видно по обе стороны линии и Спортивная и Фрунзенская были бы заметнее. Но с кружками связь станций с подписями слабее.
Лучше поставить подписи по одну сторону от линий и вернуть пеньки. Так и было сделано в финальной версии.
Ещё проблемы при чтении «по инерции»:
Подписи и айтрекинг
Наземный транспорт в Щукине, дизайн мой. Проект заброшен
Минск, дизайнеры Иван Звягин и Константин Евстратенко, артдир я. О проекте
Направления
Во‑вторых, когда появляется хотя бы намёк на географическую подложку, пеньки начинают восприниматься как указатель расположения остановки относительно дороги. Это особенно путает в наземном транспорте: кажется, что автобус останавливается только при движении в одном направлении.
В Минске даже на схеме метро мы дополнительно обозначаем расположение выходов в город точками для полной ясности.
Во‑вторых, когда появляется хотя бы намёк на географическую подложку, пеньки начинают восприниматься как указатель расположения остановки относительно дороги. Это особенно путает в наземном транспорте: кажется, что автобус останавливается только при движении в одном направлении.
Наземный транспорт в Щукине, дизайн мой. Проект заброшен
Минск, дизайнеры Иван Звягин и Константин Евстратенко, артдир я. О проекте
В Минске даже на схеме метро мы дополнительно обозначаем расположение выходов в город точками для полной ясности.
Направления
На схемах Станислава Сизикова пеньки как раз показывают сторону остановки, поэтому на большинстве остановок они с двух сторон.
А вот на остановке «Проспект Богдана Хмельницкого» автобус останавливается только при движении в сторону «Таксопарка».
Маршрут № 15, Белгород, черновик
На схемах Станислава Сизикова пеньки как раз показывают сторону остановки, поэтому на большинстве остановок они с двух сторон.
А вот на остановке «Проспект Богдана Хмельницкого» автобус останавливается только при движении в сторону «Таксопарка».
Маршрут № 15, Белгород, черновик
Способы согласования графических стилей станции и линии
О графическом стиле линий:
Линии
Выше мы рассматривали обозначения остановок на сплошных линиях. На несплошных им может потребоваться коррекция. Всех вариантов не перебрать, но посмотрим на распространённые обозначения на двойных линиях.
Если поставить выколотый кружок «как есть», он может рассогласоваться с контурами линии по толщине. Также неприятно, что появляются аж четыре пересечения, из‑за чего кружок выглядит как наклейка на линии, а не её составная часть.
Если сделать общий контур вокруг линии и выколотого кружка, лишние пересечения исчезают, но обозначение получается слишком шумным, похожим на мишень.
Если убрать внутренний контур, наоборот, получается пустовато — можно подумать, что остановка не работает.
Кажется, лучше всего поставить точку внутрь.
Толщина контуров и размер точки — поле для экспериментов.
Способы согласования графических стилей станции и линии
Выше мы рассматривали обозначения остановок на сплошных линиях. На несплошных им может потребоваться коррекция. Всех вариантов не перебрать, но посмотрим на распространённые обозначения на двойных линиях.
Если поставить выколотый кружок «как есть», он может рассогласоваться с контурами линии по толщине. Также неприятно, что появляются аж четыре пересечения, из‑за чего кружок выглядит как наклейка на линии, а не её составная часть.
Если сделать общий контур вокруг линии и выколотого кружка, лишние пересечения исчезают, но обозначение получается слишком шумным, похожим на мишень.
Если убрать внутренний контур, наоборот, получается пустовато — можно подумать, что остановка не работает.
Кажется, лучше всего поставить точку внутрь.
Толщина контуров и размер точки — поле для экспериментов.
О графическом стиле линий:
Линии
Как и кружки на предыдущем примере, просто прилепленные к двойным линиям пеньки смотрятся неэлегантно: их стиль не учитывает стиль линии. Контур линии слишком тонкий, чтобы держать на себе такой ящик с грузом.
Если сделать пенёк хотя бы на волосок короче, становится чуть лучше, хотя конечные по‑прежнему тяжеловесны. Правда, уменьшенные пеньки могут быть уже маловаты для сплошных линий. На этой схеме все линии двойные, так что проблем нет.
Но на двойных линиях с удвоенной силой проявляется проблема одностороннего чтения пеньков, о которой мы говорили выше. Из‑за того, что пенёк крепится только к одной из двух линий контура, невнимательный читатель может прозевать остановки с другой стороны.
Проблема разносторонних пеньков при беглом чтении
Ночные междугородние автобусы
Общественный транспорт Виктории
Ночные междугородние автобусы
Общественный транспорт Виктории
Ночные междугородние автобусы
Общественный транспорт Виктории
Ночные междугородние автобусы
Общественный транспорт Виктории
Как и кружки на предыдущем примере, просто прилепленные к двойным линиям пеньки смотрятся неэлегантно: их стиль не учитывает стиль линии. Контур линии слишком тонкий, чтобы держать на себе такой ящик с грузом.
Если сделать пенёк хотя бы на волосок короче, становится чуть лучше, хотя конечные по‑прежнему тяжеловесны. Правда, уменьшенные пеньки могут быть уже маловаты для сплошных линий. На этой схеме все линии двойные, так что проблем нет.
Но на двойных линиях с удвоенной силой проявляется проблема одностороннего чтения пеньков, о которой мы говорили выше. Из‑за того, что пенёк крепится только к одной из двух линий контура, невнимательный читатель может прозевать остановки с другой стороны.
Проблема разносторонних пеньков при беглом чтении
Транспорт Глазго, дизайнер Ангус Дойл
Метро. Московский транспорт, 2019
Электрички Москвы, дизайн мой. О проекте
На двойных линиях в Москве перешли на кружки, опасаясь плохой заметности пеньков по разные стороны, хотя на сплошных линиях оставили пеньки. Это непоследовательно и не факт, что повышает заметность. Ещё обводки кружков слишком тонкие, и остановки кажутся неполноценными. В Глазго соотношения удачнее.
Лучше сделать пеньки такими же контурными, как и сами линии, тогда они образуют единое целое и будут лучше читаться. Выглядит тоже красивее.
Метро. Московский транспорт, 2019
На двойных линиях в Москве перешли на кружки, опасаясь плохой заметности пеньков по разные стороны, хотя на сплошных линиях оставили пеньки. Это непоследовательно и не факт, что повышает заметность. Ещё обводки кружков слишком тонкие, и остановки кажутся неполноценными. В Глазго соотношения удачнее.
Транспорт Глазго, дизайнер Ангус Дойл
Электрички Москвы, дизайн мой. О проекте
Лучше сделать пеньки такими же контурными, как и сами линии, тогда они образуют единое целое и будут лучше читаться. Выглядит тоже красивее.
Способы согласования графических стилей станции и линии
Итак, вот варианты адаптации пенька к двойной линии.
Последний пример не совсем из этого ряда, но немного похож. Подобное обозначение использует Юг Церович на своей лондонской схеме. Внутри сплошных линий у него чёрные кружки, а на двойных — кружки
цвета самой линии. Но в таком контексте они выглядят как квадратики.
Чем сложнее и разнообразнее рисунки линий, тем сложнее будет подобрать и согласовать обозначения станций.
О графическом стиле линий:
Линии
Лондонский транспорт, дизайнер Юг Церович
Способы согласования графических стилей станции и линии
Итак, вот варианты адаптации пенька к двойной линии.
Последний пример не совсем из этого ряда, но немного похож. Подобное обозначение использует Юг Церович на своей лондонской схеме. Внутри сплошных линий у него чёрные кружки, а на двойных — кружки
цвета самой линии. Но в таком контексте они выглядят как квадратики.
Чем сложнее и разнообразнее рисунки линий, тем сложнее будет подобрать и согласовать обозначения станций.
Лондонский транспорт, дизайнер Юг Церович
О графическом стиле линий:
Линии
Почему лучше без отступов между линиями:
Пучки
Пермь, дизайнер Дмитрий Кучев
Остановка в пучке читается как место пересадки: можно сойти с одного маршрута и сесть на другой.
Как‑то особенно обозначать это не нужно — в обоих примерах остановки в пучках и на отдельных линиях выглядят одинаково. Мы предполагаем, что можно пересесть, например, на Трансагентстве в Перми или на Лане в Гётеборге.
Гётеборг. Весттрафик
Когда кружки стоят внутри линий, а линии в пучке идут без прожилок, остановка нескольких маршрутов воспринимается как одно целое.
Выпирающие кружкки вынуждают оставлять отступ между линиями, разделять и усложнять остановку.
Пермь, дизайнер Дмитрий Кучев
Остановка в пучке читается как место пересадки: можно сойти с одного маршрута и сесть на другой.
Как‑то особенно обозначать это не нужно — в обоих примерах остановки в пучках и на отдельных линиях выглядят одинаково. Мы предполагаем, что можно пересесть, например, на Трансагентстве в Перми или на Лане в Гётеборге.
Гётеборг. Весттрафик
Когда кружки стоят внутри линий, а линии в пучке идут без прожилок, остановка нескольких маршрутов воспринимается как одно целое.
Выпирающие кружкки вынуждают оставлять отступ между линиями, разделять и усложнять остановку.
Почему лучше без отступов между линиями:
Пучки
Сложно
Гётеборг
Однозначно
Двусмысленно
Лондон, дизайнер Юг Церович
Однозначно
Одесса,
Студия Лебедева
Однозначно
В отличие от кружков, пеньки обладают суперспособностью выпирать, не раздвигая линии. Линии вставляются пеньками друг в друга, как детальки «Лего».
Если торчит только внеший пенёк, обозначение двусмысленно: непонятно, остановка только на линии, из которой он торчит, или на всём пучке?
Станция Энджел есть только на серой линии, но можно подумать, что и на голубой. Но если бы остановка действительно была и на голубой, то из‑за отсутствия пенька в этом не было бы уверенности.
В контурных пеньках Одессы и Ялты торчит только крайний маршрут. Но здесь этого достаточно: объединяющую роль берёт на себя разрыв. Нет сомнений, что останавливаются все маршруты пучка.
В отличие от кружков, пеньки обладают суперспособностью выпирать, не раздвигая линии. Линии вставляются пеньками друг в друга, как детальки «Лего».
Если торчит только внеший пенёк, обозначение двусмысленно: непонятно, остановка только на линии, из которой он торчит, или на всём пучке?
Сложно
Гётеборг
Однозначно
Двусмысленно
Лондон, дизайнер Юг Церович
Однозначно
Одесса,
Студия Лебедева
Однозначно
Станция Энджел есть только на серой линии, но можно подумать, что и на голубой. Но если бы остановка действительно была и на голубой, то из‑за отсутствия пенька в этом не было бы уверенности.
В контурных пеньках Одессы и Ялты торчит только крайний маршрут. Но здесь этого достаточно: объединяющую роль берёт на себя разрыв. Нет сомнений, что останавливаются все маршруты пучка.
И линии, и сами пеньки можно показать без отступов
Ноттингем, 1975. Транзитмэп
Если покопаться в истории, выяснится, что пеньки соседних линий могут не только вставляться друг в друга, но и стоять рядом.
Нью‑Йорк, 1970‑е. Интервью Херца
В черновике Майкла Херца на станции Юнион‑стрит соседствуют аж три пенька. Кажется, три — предел для такого дизайна.
Ноттингем, 1975. Транзитмэп
Если покопаться в истории, выяснится, что пеньки соседних линий могут не только вставляться друг в друга, но и стоять рядом.
Нью‑Йорк, 1970‑е. Интервью Херца
В черновике Майкла Херца на станции Юнион‑стрит соседствуют аж три пенька. Кажется, три — предел для такого дизайна.
И линии, и сами пеньки можно показать без отступов
Когда закрашенные пеньки вставлены друг в друга, нужно следить, чтобы они не прерывали линии.
Если пенёк выпирает на целую толщину линии, он «перекроет кислород» соседним маршрутам.
Если не хочется уменьшать пеньки на всей схеме, можно подрезать только внутренние пеньки в пучках.
Чтобы снизить трение при скольжении взгляда, можно немного скруглить пеньки и доработать форму.
Поиски формы пенька для схемы челябинских трамваев. Александр Караваев о процессе создания
Когда закрашенные пеньки вставлены друг в друга, нужно следить, чтобы они не прерывали линии.
Если пенёк выпирает на целую толщину линии, он «перекроет кислород» соседним маршрутам.
Если не хочется уменьшать пеньки на всей схеме, можно подрезать только внутренние пеньки в пучках.
Чтобы снизить трение при скольжении взгляда, можно немного скруглить пеньки и доработать форму.
Поиски формы пенька для схемы челябинских трамваев. Александр Караваев о процессе создания
Волжские автобусы, дизайнер Руслан Поклонский
Волжские автобусы, дизайнер Руслан Поклонский
Волжские автобусы, дизайнер Руслан Поклонский
Волжские автобусы, дизайнер Руслан Поклонский
Волжские автобусы, дизайнер Руслан Поклонский
Волжские автобусы, дизайнер Руслан Поклонский
Мы обсудили, что остановка в пучке читается как место пересадки и это не требует специального обозначения. Но бывает, что пересесть как раз нельзя, и тогда это важно явно показать.
Не все маршруты пучка могут останавливаться на остановке. Рассмотрите внимательно фрагмент схемы волжских автобусов, на которой используются пеньки.
На остановке Поворот нет зелёного пенька. Но многие ли пассажиры заметят это?
А сколько людей обратят внимание на отсутствие голубого пенька на остановке Грузовой двор?
Что делать тем, кто заметит эти особенности, — считать их ошибкой дизайнера или заключить, что где какого пенька нет, там тот автобус и не останавливается? Это пример едва заметного, а не значимого отличия. Выше обсуждали, что такое обозначение двусмысленно.
Минимальное значимое отличие
Кстати, на показанном фрагменте есть ещё две неполных остановки. Заметили?
Если предположить, что дизайнер реально имел в виду пропуски остановок, то кружки работают получше: их отсутствие легче заметить и правильно интерпретировать. Но чтобы люди приучились обращать внимание на такие места, их на схеме должно быть достаточно много.
Надёжнее — вынуть линии из пучка. Для этого маршруты с пропуском остановок нужно всегда показывать на противоположном от подписи краю пучка. Вынимать надо чуть‑чуть, чтобы не показалось, что маршрут уходит на другую улицу.
Ещё о сортировке маршрутов в пучке:
Пучки
Мы обсудили, что остановка в пучке читается как место пересадки и это не требует специального обозначения. Но бывает, что пересесть как раз нельзя, и тогда это важно явно показать.
Не все маршруты пучка могут останавливаться на остановке. Рассмотрите внимательно фрагмент схемы волжских автобусов, на которой используются пеньки.
На остановке Поворот нет зелёного пенька. Но многие ли пассажиры заметят это?
А сколько людей обратят внимание на отсутствие голубого пенька на остановке Грузовой двор?
Что делать тем, кто заметит эти особенности, — считать их ошибкой дизайнера или заключить, что где какого пенька нет, там тот автобус и не останавливается? Это пример едва заметного, а не значимого отличия. Выше обсуждали, что такое обозначение двусмысленно.
Минимальное значимое отличие
Кстати, на показанном фрагменте есть ещё две неполных остановки. Заметили?
Если предположить, что дизайнер реально имел в виду пропуски остановок, то кружки работают получше: их отсутствие легче заметить и правильно интерпретировать. Но чтобы люди приучились обращать внимание на такие места, их на схеме должно быть достаточно много.
Надёжнее — вынуть линии из пучка. Для этого маршруты с пропуском остановок нужно всегда показывать на противоположном от подписи краю пучка. Вынимать надо чуть‑чуть, чтобы не показалось, что маршрут уходит на другую улицу.
Ещё о сортировке маршрутов в пучке:
Пучки
Волжские автобусы, дизайнер Руслан Поклонский
Нью‑Йорк Виньелли, 1972
Нью‑Йорк Херца, 1979
В метро Нью‑Йорка есть обычные поезда и экспрессы, которые пропускают остановки. Например, на 14‑й Стрит останавливаются поезда 1, 2, 3; а на следующих 18, 23 и 28‑й Стрит — только поезда 1.
Массимо Виньелли на своей схеме показывал остановки кружками: нет остановки — нет и кружка. Майкл Херц использовал другой принцип: родственные маршруты стал обозначать одной линией, а на остановках стал перечислять номера тех, что на ней останавливаются: 1·2·3.
Москва, дизайн мой
А ещё ведь бывает, что остановку делают все попутные маршруты, но пересадки между ними нет. Вспомним Лондон, где линии специально разделены, чтобы было очевидно, где нет пересадки между Пикадилли‑лайн и соседними. Или две станции Смоленские в Москве, расположенные по разные стороны Садового кольца и не соединённые переходом.
Соответствие линий маршрутам
История нью‑йоркских схем:
Многообразие схем
Подробнее о Лондоне и о Смоленской:
Свобода
Нью‑Йорк Виньелли, 1972
Нью‑Йорк Херца, 1979
В метро Нью‑Йорка есть обычные поезда и экспрессы, которые пропускают остановки. Например, на 14‑й Стрит останавливаются поезда 1, 2, 3; а на следующих 18, 23 и 28‑й Стрит — только поезда 1.
Массимо Виньелли на своей схеме показывал остановки кружками: нет остановки — нет и кружка. Майкл Херц использовал другой принцип: родственные маршруты стал обозначать одной линией, а на остановках стал перечислять номера тех, что на ней останавливаются: 1·2·3.
Москва, дизайн мой
А ещё ведь бывает, что остановку делают все попутные маршруты, но пересадки между ними нет. Вспомним Лондон, где линии специально разделены, чтобы было очевидно, где нет пересадки между Пикадилли‑лайн и соседними. Или две станции Смоленские в Москве, расположенные по разные стороны Садового кольца и не соединённые переходом.
Соответствие линий маршрутам
История нью‑йоркских схем:
Многообразие схем
Подробнее о Лондоне и о Смоленской:
Свобода
Ужасно шумно
Шумновато
Если все маршруты в пучке делают остановку, то вместо того, чтобы рисовать её на каждой линии, можно придумать одно общее обозначение.
На своей схеме челябинских троллейбусов и трамваев я сначала изобразил остановки чёрными перекладинами в разрывах линий. Обозначение мне казалось удачным, ведь остановка хорошо выделяется. Но это перебор: остановка уже не просто хорошо заметна, а раздражает глаза.
Следующий вариант, с разрывами в перекладинах, почище по сравнению с первым, но всё равно шумноват.
Нормально
Хорошо
Дальше остановки стали одинарными чёрными линейками и научились указывать на свои подписи, как пеньки. Тут мне показалось, что остановки немного смешались с самими линиями.
Чтобы выделить остановки в отдельный визуальный слой, я сделал их тоньше. Это контринтуитивный шаг, но благодаря нему остановки начинают восприниматься самостоятельно. Не заметить их невозможно, как тончайший волос, упавший на лист.
Конечно, такой дизайн надо проверить на печати. Если что, один из способов добавить заметности — превратить линейки в булавки.
Хорошо и заметнее
Успокоение челябинской схемы:
Пучки
Ужасно шумно
Шумновато
Если все маршруты в пучке делают остановку, то вместо того, чтобы рисовать её на каждой линии, можно придумать одно общее обозначение.
На своей схеме челябинских троллейбусов и трамваев я сначала изобразил остановки чёрными перекладинами в разрывах линий. Обозначение мне казалось удачным, ведь остановка хорошо выделяется. Но это перебор: остановка уже не просто хорошо заметна, а раздражает глаза.
Следующий вариант, с разрывами в перекладинах, почище по сравнению с первым, но всё равно шумноват.
Нормально
Хорошо
Дальше остановки стали одинарными чёрными линейками и научились указывать на свои подписи, как пеньки. Тут мне показалось, что остановки немного смешались с самими линиями.
Чтобы выделить остановки в отдельный визуальный слой, я сделал их тоньше. Это контринтуитивный шаг, но благодаря нему остановки начинают восприниматься самостоятельно. Не заметить их невозможно, как тончайший волос, упавший на лист.
Конечно, такой дизайн надо проверить на печати. Если что, один из способов добавить заметности — превратить линейки в булавки.
Хорошо и заметнее
Успокоение челябинской схемы:
Пучки
Посмотрите, какие красивые булавки на карте летних плаваний 1907 года в Согнефьорде.
Посмотрите, какие красивые булавки на карте летних плаваний 1907 года в Согнефьорде.
Обычным цветным пенькам ни к чему быть слишком длинными. Но лондонским паромам это понадобилось, чтобы остановки оказались на берегу, а не в воде.
Электрички Копенгагена, ДСБ, 2019
Пенёк привычных пропорций не стоит красить чёрным: лишний цвет только добавит мусора. В данном случае аккуратнее смотрелись бы пеньки потолще и в цвет линии.
Кстати, многие ли из вас заметили, что на сиреневой линии нет остановок Вирум и Соргенфри?
Кажется, из этих вариантов пригодится только последний
Обычным цветным пенькам ни к чему быть слишком длинными. Но лондонским паромам это понадобилось, чтобы остановки оказались на берегу, а не в воде.
Электрички Копенгагена, ДСБ, 2019
Пенёк привычных пропорций не стоит красить чёрным: лишний цвет только добавит мусора. В данном случае аккуратнее смотрелись бы пеньки потолще и в цвет линии.
Кажется, из этих вариантов пригодится только последний
Кстати, многие ли из вас заметили, что на сиреневой линии нет остановок Вирум и Соргенфри?
Ещё об обозначениях особенностей остановок:
Символы
Мы посмотрели много обозначений остановок и их вариаций, обсудили их применимость в разных случаях. Любое из них можно бесконечно модифицировать обводками и тенями, но в общем случае это не нужно: только добавляет шума.
Но дополнительные отличия могут быть полезны особенным остановкам, например если на станции поезда останавливаются только по будням или если это остановка по требованию.
Про особо важные параметры остановок — конечность, пересадочность и направленность — поговорим в следующих главах. Некоторые параметры ещё можно обозначить символами, о которых также поговорим дальше.
Также не всему нужно графическое обозначение. Если станция метро возле стадиона во время крупных мероприятий работает только на выход, лучше написать об этом на схеме словами рядом со станцией, а не придумывать ей особенное обозначение.
Избыточные украшательства
Избыточные украшательства
Мы посмотрели много обозначений остановок и их вариаций, обсудили их применимость в разных случаях. Любое из них можно бесконечно модифицировать обводками и тенями, но в общем случае это не нужно: только добавляет шума.
Но дополнительные отличия могут быть полезны особенным остановкам, например если на станции поезда останавливаются только по будням или если это остановка по требованию.
Про особо важные параметры остановок — конечность, пересадочность и направленность — поговорим в следующих главах. Некоторые параметры ещё можно обозначить символами, о которых также поговорим дальше.
Также не всему нужно графическое обозначение. Если станция метро возле стадиона во время крупных мероприятий работает только на выход, лучше написать об этом на схеме словами рядом со станцией, а не придумывать ей особенное обозначение.
Ещё об обозначениях особенностей остановок:
Символы
Конечные
Конечная — это остановка, так что для её обозначения можно обойтись приёмами из предыдущей главы.
Но и особое выделение конечных имеет смысл, потому что они используются как идентификатор маршрута наряду с номером или цветом. На транспорте без динамического табло указывают обе конечные, а с табло — только пункт назначения. На остановках маршруты перечисляют тоже с указанием их номеров и направлений.
Челябинск. Трамвай по маршруту «Чичерина — Коксохим»
Стокгольм. Автобус до остановки «Станция Мэшта»
Тель‑Авив. Ближайшие автобусы — до остановок «Ридинг»,
Конечные
Конечная — это остановка, так что для её обозначения можно обойтись приёмами из предыдущей главы.
Но и особое выделение конечных имеет смысл, потому что они используются как идентификатор маршрута наряду с номером или цветом. На транспорте без динамического табло указывают обе конечные, а с табло — только пункт назначения. На остановках маршруты перечисляют тоже с указанием их номеров и направлений.
Челябинск. Трамвай по маршруту «Чичерина — Коксохим»
Стокгольм. Автобус до остановки «Станция Мэшта»
Тель‑Авив. Ближайшие автобусы — до остановок «Ридинг»,
Визуализация маршрута на Гугль‑картах на Айфоне
Электронные карты обычно тоже называют направления по конечным, когда строишь маршрут на транспорте.
Чтобы доехать на нью‑йоркском метро от Таймс‑сквера до кофейни «Сей кофе» в Бруклине, нужно сначала сесть на поезд в направлении Бей Ридж и потом на Юнион‑сквер пересесть на поезд
в направлении Канарси до станции Морган‑авеню.
Электронные карты обычно тоже называют направления по конечным, когда строишь маршрут на транспорте.
Чтобы доехать на нью‑йоркском метро от Таймс‑сквера до кофейни «Сей кофе» в Бруклине, нужно сначала сесть на поезд в направлении Бей Ридж и потом на Юнион‑сквер пересесть на поезд
в направлении Канарси до станции Морган‑авеню.
Визуализация маршрута на Гугль‑картах на Айфоне
О значении конечных в Париже и Барселоне:
Многообразие схем
Метро Парижа. РАТП
Грузовые линии Колумбуса, дизайнер Майкл Тызник
Мы уже обсуждали особое выделение конечных на схеме метро Парижа, связанное с использованием их названий в указателях направлений.
В Париже у конечных целых три отличия от других станций: их кружки на линии закрашены чёрным , названия набраны жирным, а рядом размещён
номер маршрута.
На этой схеме Колумбуса конечные выколоты. Но отличие почти незаметно и только вызывает сомнение, работает ли остановка.
Если конечная — ориентир, то важнее выделить её название, а не графическое обозначение. Само обозначение в данном случае можно и не трогать.
Метро Парижа. РАТП
Мы уже обсуждали особое выделение конечных на схеме метро Парижа, связанное с использованием их названий в указателях направлений.
В Париже у конечных целых три отличия от других станций: их кружки на линии закрашены чёрным , названия набраны жирным, а рядом размещён
номер маршрута.
Грузовые линии Колумбуса, дизайнер Майкл Тызник
На этой схеме Колумбуса конечные выколоты. Но отличие почти незаметно и только вызывает сомнение, работает ли остановка.
Если конечная — ориентир, то важнее выделить её название, а не графическое обозначение. Само обозначение в данном случае можно и не трогать.
О значении конечных в Париже и Барселоне:
Многообразие схем
Линии скруглены
Афины. Источник утерян
Линии обрублены
Московская автобусная сеть «Магистраль»,
дизайнер Константин Коновалов, 2018
Иногда визуальное отличие на конечных возникает лишь по эстетическим причинам. Если кружки встроены в линию, на конечной вслед за ними естественно закруглить и саму линию, иначе конец выглядит грубовато.
Иногда визуальное отличие на конечных возникает лишь по эстетическим причинам. Если кружки встроены в линию, на конечной вслед за ними естественно закруглить и саму линию, иначе конец выглядит грубовато.
Линии скруглены
Афины. Источник утерян
Линии обрублены
Московская автобусная сеть «Магистраль»,
дизайнер Константин Коновалов, 2018
Ещё кружкам, встроенным в линию, можно дать толстую обводку на конечных — получатся своего рода клеммы.
Если толщину обводки сделать такой же, как толщину линии, появится «физический смысл»: такие конечные напоминают кольцо для разворота. Это может сработать даже на пеньковой схеме.
Ещё пример — Челябинск, ~1977:
Геометрия
Сеть «Р‑Нет», Нидерланды. Мейксенар, 2011
Схема‑фантазия железнодорожной сети Цинциннати, дизайнер Майкл Тызник
Планируемый скоростной трамвай Большого Тель‑Авива. Хаарец
Сеть «Р‑Нет», Нидерланды. Мейксенар, 2011
Ещё кружкам, встроенным в линию, можно дать толстую обводку на конечных — получатся своего рода клеммы.
Если толщину обводки сделать такой же, как толщину линии, появится «физический смысл»: такие конечные напоминают кольцо для разворота. Это может сработать даже на пеньковой схеме.
Схема‑фантазия железнодорожной сети Цинциннати, дизайнер Майкл Тызник
Планируемый скоростной трамвай Большого Тель‑Авива. Хаарец
Ещё пример — Челябинск, ~1977:
Геометрия
Лондон, 1933, дизайнер Генри Бек
Киев, Агенты перемен
Сингапур, дизайнер Юля Кириллова, артдир Артём Горбунов
Барселона, ТМБ
О Генри Беке:
Появление транспортных схем
Когда остановки обозначены пеньками, на конечных их традиционно делают двухсторонними — получаются аккуратные тупики. Кажется, это тоже изобрёл Генри Бек.
Тупик не выделяет конечные, а просто графически завершает линию. Барселоне приходится добавлять конечным веса символами маршрута и плашкой под названием.
Когда остановки обозначены пеньками, на конечных их традиционно делают двухсторонними — получаются аккуратные тупики. Кажется, это тоже изобрёл Генри Бек.
Лондон, 1933, дизайнер Генри Бек
О Генри Беке:
Появление транспортных схем
Киев, Агенты перемен
Сингапур, дизайнер Юля Кириллова, артдир Артём Горбунов
Барселона, ТМБ
Тупик не выделяет конечные, а просто графически завершает линию. Барселоне приходится добавлять конечным веса символами маршрута и плашкой под названием.
Санкт‑Петербург, дизайнеры Егор Попов и Сергей Чикин, артдир я
Иногда тупик получается собрать из пенька и его отражения относительно линии. Так на моей московской схеме, но может сработать и с более сложными пеньками вроде ялтинских.
Ai
Если пенёк — это символ, как я рекомендовал, то на конечной достаточно сделать его дубликат и отразить.
Символ из пенька:
Остановки
Если пенёк имеет скосы, как в Минске, то конечную‑тупик придётся нарисовать отдельно.
На одной из схем Берлина даже обычный прямоугольный тупик почему‑то укоротили.
В Санкт‑Петербурге на строящихся участках мы сделали конечные‑тупики из слегка закруглённого года планируемого открытия.
Наконец, если конечную нужно сделать у пучка, тупик можно собрать из пеньков линий, как в Симферополе.
Симферополь. Студия Лебедева
Иногда тупик получается собрать из пенька и его отражения относительно линии. Так на моей московской схеме, но может сработать и с более сложными пеньками вроде ялтинских.
Санкт‑Петербург, дизайнеры Егор Попов и Сергей Чикин, артдир я
Симферополь. Студия Лебедева
Если пенёк имеет скосы, как в Минске, то конечную‑тупик придётся нарисовать отдельно.
На одной из схем Берлина даже обычный прямоугольный тупик почему‑то укоротили.
В Санкт‑Петербурге на строящихся участках мы сделали конечные‑тупики из слегка закруглённого года планируемого открытия.
Наконец, если конечную нужно сделать у пучка, тупик можно собрать из пеньков линий, как в Симферополе.
Ai
Если пенёк — это символ, как я рекомендовал, то на конечной достаточно сделать его дубликат и отразить.
Символ из пенька:
Остановки
Берлин, 1990. Старые схемы берлинского транспорта
Если оставить на конечной односторонний пенёк, линия может выглядеть графически незаконченной. Но такое обозначение традиционно для берлинских схем.
Укороченный тупик с предыдущего разворота — скорее исключение.
Берлин, 2019, дизайнер Паша Омелёхин
Паша Омелёхин на своей схеме следует традиции, хотя сами пеньки у него куда более сложной формы.
Берлин, 1990. Старые схемы берлинского транспорта
Если оставить на конечной односторонний пенёк, линия может выглядеть графически незаконченной. Но такое обозначение традиционно для берлинских схем.
Укороченный тупик с предыдущего разворота — скорее исключение.
Берлин, 2019, дизайнер Паша Омелёхин
Паша Омелёхин на своей схеме следует традиции, хотя сами пеньки у него куда более сложной формы.
Схема московских электричек, дизайн мой
Схема московских электричек, дизайн мой
Схема московских электричек, дизайн мой
Аэроэкспрессы — это поезда в московские аэропорты. Они идут по тем же железным дорогам, что обычные электрички, но кроме конечных почти нигде не останавливаются.
На моей схеме электричек у Аэроэкспрессов особое обозначение: их линии «проявляются» внутри линий железнодорожных направлений, только чтобы показать конечные — сами аэропорты.
Аэроэкспресс в Шереметьево идёт по ответвлению от основной железной дороги между Шереметьевской и Лобней.
В Домодедово можно доехать и обычными поездами, и Аэроэкспрессом, поэтому конечная общая.
Во Внукове обычные поезда доходят лишь до старой платформы, а Аэроэкспрессы — до самого аэропорта.
Аэроэкспрессы — это поезда в московские аэропорты. Они идут по тем же железным дорогам, что обычные электрички, но кроме конечных почти нигде не останавливаются.
На моей схеме электричек у Аэроэкспрессов особое обозначение: их линии «проявляются» внутри линий железнодорожных направлений, только чтобы показать конечные — сами аэропорты.
Аэроэкспресс в Шереметьево идёт по ответвлению от основной железной дороги между Шереметьевской и Лобней.
В Домодедово можно доехать и обычными поездами, и Аэроэкспрессом, поэтому конечная общая.
Во Внукове обычные поезда доходят лишь до старой платформы, а Аэроэкспрессы — до самого аэропорта.
Схема московских электричек, дизайн мой
Конечные — хорошее оправдание для использования экстравагантных обозначений. Конечных обычно немного, да и большинство из них на периферии, так что можно развлечься без ущерба для читаемости основной информации.
Очень красивые конечные придумал дизайнер Роман Ватриковский для своей схемы люберецких автобусов.
Конечные в Челябинске:
Схема как символ
Конечные в Челябинске:
Схема как символ
Конечные — хорошее оправдание для использования экстравагантных обозначений. Конечных обычно немного, да и большинство из них на периферии, так что можно развлечься без ущерба для читаемости основной информации.
Очень красивые конечные придумал дизайнер Роман Ватриковский для своей схемы люберецких автобусов.
Для этой книги Роман Ватриковский поделился своими черновиками, где нашлись ещё несколько приятных вариантов. К сожалению, проект заброшен.
Для этой книги Роман Ватриковский поделился своими черновиками, где нашлись ещё несколько приятных вариантов. К сожалению, проект заброшен.
Челябинск, 2015, дизайнеры Александр Караваев, артдир я
2018, те же и Полина Лесникова
Осло, 2008
2016. Рутер
Планируемая сеть Олбани, дизайнер Кристофер Смеричник
При тестировании схемы челябинских трамваев 2015 года выяснилось, что некоторые пассажиры не замечают конечную Колющенко. Как, она ведь огромная?
Оказалось, при чтении остановок по порядку люди не видят продолжение ряда после Вокзала и заключают, что это конечная, а «павлиний хвост» дальше — это такое оформление списка маршрутов.
В следующей версии дизайн изменили, поставив подпись в продолжение ряда, и люди перестали терять конечные.
Подобная проблема была на старой схеме метро Осло — конечные не выглядели продолжением ряда и терялись. В более поздней версии проблема исчезла, правда, ценой дублирования названий конечных.
А на схеме Олбани возможна обратная проблема: закругления линий идут уже после конечных и кажется, будто маршрут идёт немного дальше.
Челябинск, 2015, дизайнеры Александр Караваев, артдир я
2018, те же и Полина Лесникова
При тестировании схемы челябинских трамваев 2015 года выяснилось, что некоторые пассажиры не замечают конечную Колющенко. Как, она ведь огромная?
Оказалось, при чтении остановок по порядку люди не видят продолжение ряда после Вокзала и заключают, что это конечная, а «павлиний хвост» дальше — это такое оформление списка маршрутов.
В следующей версии дизайн изменили, поставив подпись в продолжение ряда, и люди перестали терять конечные.
Осло, 2008
2016. Рутер
Подобная проблема была на старой схеме метро Осло — конечные не выглядели продолжением ряда и терялись. В более поздней версии проблема исчезла, правда, ценой дублирования названий конечных.
А на схеме Олбани возможна обратная проблема: закругления линий идут уже после конечных и кажется, будто маршрут идёт немного дальше.
Планируемая сеть Олбани, дизайнер Кристофер Смеричник
Ночные поезда Мельбурна. Общественный транспорт Виктории
Вводить на конечной визуальное отличие необязательно. Попытка сделать тупики на схеме с кружками, как у ночных поездов Мельбурна, выглядит натужно.
На этой схеме железных дорог залива Сан‑Франциско промежуточные остановки обозначены волосками, а конечные — массивными тупиками. Кажется, низачем.
Вводить на конечной визуальное отличие необязательно. Попытка сделать тупики на схеме с кружками, как у ночных поездов Мельбурна, выглядит натужно.
На этой схеме железных дорог залива Сан‑Франциско промежуточные остановки обозначены волосками, а конечные — массивными тупиками. Кажется, низачем.
Ночные поезда Мельбурна. Общественный транспорт Виктории
Парижские трамваи, 1921. Транзитмэп
Роттердам, ~1974, «Тел‑дизайн». Транзитмэп
При низкой детализации на схеме могут быть обозначены только конечные. В Париже это скромные квадратики, а в Лондоне, наоборот, подчёркнуто длинные тупики. Экстремальный вариант — вообще не обозначать конечные и ограничиться лишь подписями, как в Роттердаме.
Ещё пример — Челябинск, ~1977:
Геометрия
Лондонские троллейбусы и трамваи,
дизайнер Фредерик Элстон, 1948.
Майк Эшворт
При низкой детализации на схеме могут быть обозначены только конечные. В Париже это скромные квадратики, а в Лондоне, наоборот, подчёркнуто длинные тупики. Экстремальный вариант — вообще не обозначать конечные и ограничиться лишь подписями, как в Роттердаме.
Парижские трамваи, 1921. Транзитмэп
Роттердам, ~1974, «Тел‑дизайн». Транзитмэп
Лондонские троллейбусы и трамваи,
дизайнер Фредерик Элстон, 1948.
Майк Эшворт
Ещё пример — Челябинск, ~1977:
Геометрия
Транспорт Лондона, 2016
Пересадки
Пересадки в полтора раза важнее обычных остановок: можно не только зайти и выйти, но и пересесть. Хорошее обозначение — выколотый кружок. Под одним кружком нейтрального чёрного цвета могут пройти несколько линий, даже если одна из них сама чёрная.
Транспорт Лондона, 2016
Пересадки
Пересадки в полтора раза важнее обычных остановок: можно не только зайти и выйти, но и пересесть. Хорошее обозначение — выколотый кружок. Под одним кружком нейтрального чёрного цвета могут пройти несколько линий, даже если одна из них сама чёрная.
Лондон, 1950, дизайнер Генри Бек. Рамси
Платформы одного пересадочного узла иногда обозначают отдельными кружками — обычно цве́та их линий. Если все кружки касаются друг друга, то для изображения их связи достаточно прорезать белые «коридорчики».
Санкт‑Петербург. Студия Лебедева, 2015
Раздельное изображение платформ помогает показать пересадку между параллельными линиями или подписать платформы, если они называются по‑разному. Ещё так можно намекнуть на их географическое расположение.
Как я изображал одним кружком разноимённые платформы:
Поиск решения
Лондон, 1950, дизайнер Генри Бек. Рамси
Платформы одного пересадочного узла иногда обозначают отдельными кружками — обычно цве́та их линий. Если все кружки касаются друг друга, то для изображения их связи достаточно прорезать белые «коридорчики».
Санкт‑Петербург. Студия Лебедева, 2015
Раздельное изображение платформ помогает показать пересадку между параллельными линиями или подписать платформы, если они называются по‑разному. Ещё так можно намекнуть на их географическое расположение.
Как я изображал одним кружком разноимённые платформы:
Поиск решения
Сначала кажется, что надо решить на уровне принципа: изображать ли весь узел одним кружком или каждую платформу отдельным. Но на практике выясняется, что такие решения намного лучше принимать локально, по возможности экономя кружки.
Рассмотрим этот лондонский фрагмент.
Снизу каждая из трёх пересадок экономно показана одним кружком. А вот Эджвер‑роуд показан двумя касающимися кружками, причём каждый из них соответствует сразу паре линий. Если бы здесь оставили один кружок и воткнули в него жёлто‑зелёную пару, то стало бы неясно, как себя ведёт жёлтая линия. А так видно, что если ты едешь с Бейкер‑стрит и хочешь уехать к Ноттинг‑Хилл‑гейту, то надо пересесть.
Когда кружки друг друга не касаются, коридорчики приходится удлинять. Кажется, на Бейкер‑стрит можно было бы исхитриться и обойтись одним кружком, введя дополнительный изгиб на серой линии.
Но на Паддингтоне снова параллельные линии, и без гантелей никак. Кстати, соседняя пересадка между направлениями жёлтой линии на Эджвер‑роуд выглядит короче, чем на Паддингтоне. Это соответствует действительности: в первом случае оба направления идут по одним рельсам, и надо будет просто пересесть на следующий поезд, а во втором придётся пройти через весь вокзал на другую его сторону. Так что длиной коридорчика можно намекнуть, где лучше пересесть.
Марлебон — особый случай, это пересадка на железную дорогу, которая сама здесь не изображена.
А сверху уже знакомая нам ситуация: на Вест‑Хемпстеде обычный кружок на пересечении линий, а на Финчли‑роуд — гантеля, из‑за параллельности линий.
Итак, изобразить каждую пересадку одним кружком не получается. Но очевидно, что если использовать отдельный кружок для каждой линии, то этот фрагмент визуально усложнится в разы. Нелогично, что пересадка из трёх линий на Оксфорд‑серкусе выглядит проще, чем пересадка из двух на Финчли‑роуд. Но если сделать логично, схема станет хуже.
Транспорт Лондона, 2012
Транспорт Лондона, 2012
Транспорт Лондона, 2012
Транспорт Лондона, 2012
Транспорт Лондона, 2012
Транспорт Лондона, 2012
Транспорт Лондона, 2012
Транспорт Лондона, 2012
Транспорт Лондона, 2012
Транспорт Лондона, 2012
Транспорт Лондона, 2012
Транспорт Лондона, 2012
Сначала кажется, что надо решить на уровне принципа: изображать ли весь узел одним кружком или каждую платформу отдельным. Но на практике выясняется, что такие решения намного лучше принимать локально, по возможности экономя кружки.
Рассмотрим этот лондонский фрагмент.
Снизу каждая из трёх пересадок экономно показана одним кружком. А вот Эджвер‑роуд показан двумя касающимися кружками, причём каждый из них соответствует сразу паре линий. Если бы здесь оставили один кружок и воткнули в него жёлто‑зелёную пару, то стало бы неясно, как себя ведёт жёлтая линия. А так видно, что если ты едешь с Бейкер‑стрит и хочешь уехать к Ноттинг‑Хилл‑гейту, то надо пересесть.
Когда кружки друг друга не касаются, коридорчики приходится удлинять. Кажется, на Бейкер‑стрит можно было бы исхитриться и обойтись одним кружком, введя дополнительный изгиб на серой линии.
Но на Паддингтоне снова параллельные линии, и без гантелей никак. Кстати, соседняя пересадка между направлениями жёлтой линии на Эджвер‑роуд выглядит короче, чем на Паддингтоне. Это соответствует действительности: в первом случае оба направления идут по одним рельсам, и надо будет просто пересесть на следующий поезд, а во втором придётся пройти через весь вокзал на другую его сторону. Так что длиной коридорчика можно намекнуть, где лучше пересесть.
Марлебон — особый случай, это пересадка на железную дорогу, которая сама здесь не изображена.
А сверху уже знакомая нам ситуация: на Вест‑Хемпстеде обычный кружок на пересечении линий, а на Финчли‑роуд — гантеля, из‑за параллельности линий.
Итак, изобразить каждую пересадку одним кружком не получается. Но очевидно, что если использовать отдельный кружок для каждой линии, то этот фрагмент визуально усложнится в разы. Нелогично, что пересадка из трёх линий на Оксфорд‑серкусе выглядит проще, чем пересадка из двух на Финчли‑роуд. Но если сделать логично, схема станет хуже.
Транспорт Лондона, 2012
Официальная схема линий Московского метро. Студия Лебедева, 2018
Несколько названий трудно подружить с одним кружком:
Поиск решения
Когда каждая платформа изображена своим кружком, можно попробовать учесть топологию пересадочного узла:
Поиск решения
Замусорено
В Москве часто платформа каждой линии имеет своё название, поэтому на пересадках возникает много кружков. Чёрный цвет бы слишком замусоривал схему.
Чисто
С цветными кружками чище и читаемее: сразу очевидно, между какими линиями пересадка. Стены коридорчиков покрашены градиентом — красиво!
Замусорено
В Москве часто платформа каждой линии имеет своё название, поэтому на пересадках возникает много кружков. Чёрный цвет бы слишком замусоривал схему.
Чисто
С цветными кружками чище и читаемее: сразу очевидно, между какими линиями пересадка. Стены коридорчиков покрашены градиентом — красиво!
Официальная схема линий Московского метро. Студия Лебедева, 2018
Несколько названий трудно подружить с одним кружком:
Поиск решения
Когда каждая платформа изображена своим кружком, можно попробовать учесть топологию пересадочного узла:
Поиск решения
Одна платформа — один кружок. Официальная схема
Одно название — один кружок. Дизайн мой
Одна платформа — один кружок. Официальная схема
Одно название — один кружок. Дизайн мой
Одна платформа — один кружок. Официальная схема
Одно название — один кружок. Дизайн мой
Одна платформа — один кружок. Официальная схема
Одно название — один кружок. Дизайн мой
Одна платформа — один кружок. Официальная схема
Одно название — один кружок. Дизайн мой
На официальной московской схеме кружки не экономят: даже одноимённые платформы изображают раздельно, каждую своим цветом, и соединяют переходом‑градиентом. Например, на Кольцевой линии две платформы Октябрьской выглядят так же, как пара Добрынинская — Серпуховская. Идеологически это объясняется тем, что в принятой в Москве терминологии каждая платформа считается отдельной станцией.
Говоря о детализации с точностью до платформы, я писал: «исчезает однозначное соответствие между кружком платформы и подписью, и человеку приходится гадать». Пассажир или будет искать недостающее второе название около кружков Октябрьской, или не поймёт, куда отнести висящее в воздухе слово «Серпуховская». Две подписи на три станции, как в случае с Третьяковской, вызывают ещё большее недоумение.
Детализация
На моей схеме один кружок соответствует одному названию. Такой дизайн не только исключает путаницу, но и упрощает схему графически. Парк культуры, Октябрьская, Павелецкая, Третьяковская — каждой из них достаточно одного кружка.
На официальной московской схеме кружки не экономят: даже одноимённые платформы изображают раздельно, каждую своим цветом, и соединяют переходом‑градиентом. Например, на Кольцевой линии две платформы Октябрьской выглядят так же, как пара Добрынинская — Серпуховская. Идеологически это объясняется тем, что в принятой в Москве терминологии каждая платформа считается отдельной станцией.
Говоря о детализации с точностью до платформы, я писал: «исчезает однозначное соответствие между кружком платформы и подписью, и человеку приходится гадать». Пассажир или будет искать недостающее второе название около кружков Октябрьской, или не поймёт, куда отнести висящее в воздухе слово «Серпуховская». Две подписи на три станции, как в случае с Третьяковской, вызывают ещё большее недоумение.
Детализация
На моей схеме один кружок соответствует одному названию. Такой дизайн не только исключает путаницу, но и упрощает схему графически. Парк культуры, Октябрьская, Павелецкая, Третьяковская — каждой из них достаточно одного кружка.
Сверху: одна платформа — один кружок, официальная схема. Снизу: одно название — один кружок, дизайн мой
Когда один кружок обозначает несколько платформ разных линий, возникает вопрос с выбором его цвета.
Логика подсказывает, что относящиеся к нескольким линиям кружки надо покрасить чёрным, а к одной — цветом этой линии. Но здесь получается некрасиво и даже кажется браком — будто некоторые цвета не пропечатались.
Взять средний цвет пересекающихся линий — снова логично, но снова плохо. Множество новых цветов усложняют схему на вид, к тому же некоторые из них выглядят грязно.
Можно просто оставить один из цветов — тогда будет чисто и по‑прежнему видно, что остановка есть. Но будет трудно избежать обвинений в неоднозначности. И нужно объяснить — хотя бы самому себе — почему выбран именно этот из цветов.
На моей московской схеме кружки покрашены цветами сразу всех линий, которые через них проходят. Как именно распределить цвета по частям окружности — дело вкуса. Я провожу одну из линий прямо поверх кружка и закрашиваю оставшуюся часть цветом другой.
Когда один кружок обозначает несколько платформ разных линий, возникает вопрос с выбором его цвета.
Логика подсказывает, что относящиеся к нескольким линиям кружки надо покрасить чёрным, а к одной — цветом этой линии. Но здесь получается некрасиво и даже кажется браком — будто некоторые цвета не пропечатались.
Взять средний цвет пересекающихся линий — снова логично, но снова плохо. Множество новых цветов усложняют схему на вид, к тому же некоторые из них выглядят грязно.
Можно просто оставить один из цветов — тогда будет чисто и по‑прежнему видно, что остановка есть. Но будет трудно избежать обвинений в неоднозначности. И нужно объяснить — хотя бы самому себе — почему выбран именно этот из цветов.
На моей московской схеме кружки покрашены цветами сразу всех линий, которые через них проходят. Как именно распределить цвета по частям окружности — дело вкуса. Я провожу одну из линий прямо поверх кружка и закрашиваю оставшуюся часть цветом другой.
За время работы над схемой я перепробовал много вариантов изображения нескольких одноимённых платформ одним цветным символом.
В проекте «Перезагрузка» заливал кружок градиентом из цветов линий.
Работая над конкурсной версией схемы, сначала разделял кружок на равные секторы по цветам линий. Но так возникали неприятные углы на стыке с линиями.
Пробовал вставлять кружки друг в друга, получались симпатичные шарниры. Но такое визуальное выделение несправедливо: функционально одноимённые и двуимённые станции одинаковы.
При «шарнирном» дизайне на Киевской, где соединены целых три одноимённые платформы, получалась мишень и усложнялся выбор того, в каком порядке вкладывать цвета.
В финальной конкурсной версии убрал белые прожилки между кружками, чтобы обозначение меньше шумело. А на Киевской придумал хитрость: поделил внутренний кружок
между синей и голубой линиями.
Уже позже пришёл к варианту, который мы видели на предудыщем развороте — когда окраска кружка поддерживает окраску проходящих по нему линий.
Майкл Тызник не побоялся даже четырёхцветных мишеней
О конкурсе:
Поиск решения
О капсуле на Киевской:
Свобода
За время работы над схемой я перепробовал много вариантов изображения нескольких одноимённых платформ одним цветным символом.
В проекте «Перезагрузка» заливал кружок градиентом из цветов линий.
Работая над конкурсной версией схемы, сначала разделял кружок на равные секторы по цветам линий. Но так возникали неприятные углы на стыке с линиями.
Пробовал вставлять кружки друг в друга, получались симпатичные шарниры. Но такое визуальное выделение несправедливо: функционально одноимённые и двуимённые станции одинаковы.
При «шарнирном» дизайне на Киевской, где соединены целых три одноимённые платформы, получалась мишень и усложнялся выбор того, в каком порядке вкладывать цвета.
В финальной конкурсной версии убрал белые прожилки между кружками, чтобы обозначение меньше шумело. А на Киевской придумал хитрость: поделил внутренний кружок
между синей и голубой линиями.
Уже позже пришёл к варианту, который мы видели на предудыщем развороте — когда окраска кружка поддерживает окраску проходящих по нему линий.
О конкурсе:
Поиск решения
О капсуле на Киевской:
Свобода
Майкл Тызник не побоялся даже четырёхцветных мишеней
Лондон
Барселона
Москва
На фрагментах линии приведены к одинаковой толщине
При соединении кружков коридорчиком приходится искать хорошие соотношения между размером кружка, толщиной его обводки, толщиной коридорчика и его обводки, длиной коридорчика; выбирать способ соединения коридорчика с кружками, разбираться с цветами и градиентами.
В Лондоне толщины всех обводок одинаковы, равны толщине коридорчика и половине толщины линии. В Барселоне обводки намного толще, выглядит грубее. На московской схеме обводки кружков очень толстые, но они не чёрные, поэтому не смотрятся грязными; коридорчики и их обводки, наоборот, тонкие.
При соединении кружков коридорчиком приходится искать хорошие соотношения между размером кружка, толщиной его обводки, толщиной коридорчика и его обводки, длиной коридорчика; выбирать способ соединения коридорчика с кружками, разбираться с цветами и градиентами.
Лондон
Барселона
Москва
В Лондоне толщины всех обводок одинаковы, равны толщине коридорчика и половине толщины линии. В Барселоне обводки намного толще, выглядит грубее. На московской схеме обводки кружков очень толстые, но они не чёрные, поэтому не смотрятся грязными; коридорчики и их обводки, наоборот, тонкие.
На фрагментах линии приведены к одинаковой толщине
Харьковское метро, дизайнер Тарас Гордиенко
Москва, 2015, дизайн мой
Мне хотелось сделать форму пересадки более пластичной, чем просто круги с палкой между ними. Я скруглил соединения коридорчиков и кружков, и получился арахис. Для пущей графичности я отказался от градиента.
У Тараса Гордиенко на схеме Харькова — другое решение той же задачи: у него кружок растянулся и, как резинка, держит две станции. Интересно, как бы повело себя такое обозначение на тройных или четверных станциях.
Несмотря на нюансы в деталях, для пассажира всё это — привычные и понятные кружки с коридорчиком, что хорошо.
Москва, 2015, дизайн мой
Мне хотелось сделать форму пересадки более пластичной, чем просто круги с палкой между ними. Я скруглил соединения коридорчиков и кружков, и получился арахис. Для пущей графичности я отказался от градиента.
У Тараса Гордиенко на схеме Харькова — другое решение той же задачи: у него кружок растянулся и, как резинка, держит две станции. Интересно, как бы повело себя такое обозначение на тройных или четверных станциях.
Несмотря на нюансы в деталях, для пассажира всё это — привычные и понятные кружки с коридорчиком, что хорошо.
Харьковское метро, дизайнер Тарас Гордиенко
Если вы используете градиент, следите, чтобы он выглядел хорошо. Между некоторыми цветами, например как здесь, переход выглядит грязным.
Можно попробовать исправить градиент: добавить дополнительную точку в середине и на глаз подкрутить её цвет в более чистую сторону. Но чем приятнее подобран цвет, тем сильнее бросается в глаза, что он вставлен искусственно.
Другой путь — попробовать градиент в цветовой модели, отличной
А вот модель Lab обычно даёт прекрасный результат, потому что она учитывает восприятие человеческим глазом.
Ai
К сожалению, я не знаю, как в Иллюстраторе построить градиенты в цветовой модели Lab. Но можно сделать градиент в специализированном построителе градиентов, а потом аппроксимировать в RGB или CMYK, поставив много промежуточных точек.
Если вы используете градиент, следите, чтобы он выглядел хорошо. Между некоторыми цветами, например как здесь, переход выглядит грязным.
Можно попробовать исправить градиент: добавить дополнительную точку в середине и на глаз подкрутить её цвет в более чистую сторону. Но чем приятнее подобран цвет, тем сильнее бросается в глаза, что он вставлен искусственно.
Другой путь — попробовать градиент в цветовой модели, отличной
А вот модель Lab обычно даёт прекрасный результат, потому что она учитывает восприятие человеческим глазом.
Ai
К сожалению, я не знаю, как в Иллюстраторе построить градиенты в цветовой модели Lab. Но можно сделать градиент в специализированном построителе градиентов, а потом аппроксимировать в RGB или CMYK, поставив много промежуточных точек.
Москва
Москва
Лондон
Барселона
В Лондоне, как мы уже видели, нет порядка в длинах коридорчиков. В Барселоне бардак и в длинах, и в углах поворота, да ещё и центры окружностей часто не попадают в свои линии.
На официальной московской схеме углы поворота пересадок выглядят случайными. А ещё тут сами коридорчики пересадок могут быть дугами разных радиусов.
Схема выиграет, если даже для коридорчиков внедрить ритм: систематизировать их длины, углы, радиусы.
У меня все коридорчики одинаковой длины, а ещё они подчиняются общей угловой сетке. Эта угловая сетка отличается от 45‑градусной угловой сетки линий: коридорчикам разрешены углы 0, 30 и 90° к горизонту. Такая сетка пересадок возникла из ромба на Библиотеке имени Ленина.
О ромбе:
Поиск решения
Лондон
Барселона
В Лондоне, как мы уже видели, нет порядка в длинах коридорчиков. В Барселоне бардак и в длинах, и в углах поворота, да ещё и центры окружностей часто не попадают в свои линии.
На официальной московской схеме углы поворота пересадок выглядят случайными. А ещё тут сами коридорчики пересадок могут быть дугами разных радиусов.
Схема выиграет, если даже для коридорчиков внедрить ритм: систематизировать их длины, углы, радиусы.
У меня все коридорчики одинаковой длины, а ещё они подчиняются общей угловой сетке. Эта угловая сетка отличается от 45‑градусной угловой сетки линий: коридорчикам разрешены углы 0, 30 и 90° к горизонту. Такая сетка пересадок возникла из ромба на Библиотеке имени Ленина.
Москва
О ромбе:
Поиск решения
На большинстве примеров, которые мы пока рассмотрели, пересадки были обозначены кружками, а непересадочные станции — пеньками.
Если все станции сделать кружками, пересадки для лучшей заметности придётся усложнять. Когда схема простая, это не проблема, но чем больше система, тем важнее экономно использовать графические средства.
Рассмотрим старую московскую схему. Здесь все станции были недальновидно обозначены кружками. Пересадки пришлось ставить на дополнительную белую подложку с чёрной обводкой — получалось очень мусорно.
Но посмотрите вниз на Бутовскую линию. Из‑за того, что она наземная, её придумали обозначать двойной линией — снова ненужное расточительство. Станции на ней вынужденно обозначили двойными кружками. Строящаяся её часть стала сразу и двойной, и пунктирной. В результате чтобы изобразить на Битцевском парке строящуюся пересадку между подземной и наземной станциями, пришлось городить чёрт знает что.
Это пример неконтролируемой графической инфляции, которая происходит, когда не следуешь принципу минимального значимого отличия.
Кажется, для больших схем кружки и пеньки — это идеальная пара для пересадок и непересадок.
О минимальном значимом отличии:
Остановки
О других сложностях с пересадками на этой схеме:
Поиск решения
На схеме изображён «взрыв на фабрике велосипедных цепей»:
На большинстве примеров, которые мы пока рассмотрели, пересадки были обозначены кружками, а непересадочные станции — пеньками.
Если все станции сделать кружками, пересадки для лучшей заметности придётся усложнять. Когда схема простая, это не проблема, но чем больше система, тем важнее экономно использовать графические средства.
Рассмотрим старую московскую схему. Здесь все станции были недальновидно обозначены кружками. Пересадки пришлось ставить на дополнительную белую подложку с чёрной обводкой — получалось очень мусорно.
Но посмотрите вниз на Бутовскую линию. Из‑за того, что она наземная, её придумали обозначать двойной линией — снова ненужное расточительство. Станции на ней вынужденно обозначили двойными кружками. Строящаяся её часть стала сразу и двойной, и пунктирной. В результате чтобы изобразить на Битцевском парке строящуюся пересадку между подземной и наземной станциями, пришлось городить чёрт знает что.
Это пример неконтролируемой графической инфляции, которая происходит, когда не следуешь принципу минимального значимого отличия.
Кажется, для больших схем кружки и пеньки — это идеальная пара для пересадок и непересадок.
О минимальном значимом отличии:
Остановки
О других сложностях с пересадками на этой схеме:
Поиск решения
На схеме изображён «взрыв на фабрике велосипедных цепей»:
Если порыться в истории московской схемы, найдутся самые несуразные обозначения пересадок.
1980, Метро.ру
Если порыться в истории московской схемы, найдутся самые несуразные обозначения пересадок.
1980, Метро.ру
Ленинград, 1973
Амстердам, 2018. ГВБ
Электрички Минска, 2020, дизайнер Кристофер Смеричник
Барселона «в духе немецкого авангарда». Залакейн‑вейфайндинг
На старых ленинградских пересадках — ненужные стрелочки, неудачные соотношения толщин и большие проблемы с расположением подписей.
На амстердамской схеме — завал из прямоугольников, чёрных и белых кружков и капсул, внутри которых точки и треугольники. Каждое обозначение что‑то значит, но в целом получается кошмар.
На минской схеме — нарядное обозначение, отсылающее к белорусскому орнаменту. Обозначение слишком замороченное, но здесь работает, потому что такое место на схеме одно.
На барселонской схеме — длинные изломанные перемычки, из‑за которых пересадка перестаёт читаться как один объект.
Украшать можно:
Схема как символ
Ленинград, 1973
На старых ленинградских пересадках — ненужные стрелочки, неудачные соотношения толщин и большие проблемы с расположением подписей.
Амстердам, 2018. ГВБ
На амстердамской схеме — завал из прямоугольников, чёрных и белых кружков и капсул, внутри которых точки и треугольники. Каждое обозначение что‑то значит, но в целом получается кошмар.
Электрички Минска, 2020, дизайнер Кристофер Смеричник
На минской схеме — нарядное обозначение, отсылающее к белорусскому орнаменту. Обозначение слишком замороченное, но здесь работает, потому что такое место на схеме одно.
Барселона «в духе немецкого авангарда». Залакейн‑вейфайндинг
На барселонской схеме — длинные изломанные перемычки, из‑за которых пересадка перестаёт читаться как один объект.
Украшать можно:
Схема как символ
Санкт‑Петербург, дизайнер Игорь Петров
Обычно пеньки малопригодны для обозначения пересадок: визуально пенёк воспринимается как часть линии, а пересадка относится к нескольким линиям. Но в Минске мы обошлись пеньками: просто соединили их перемычкой. Пересадка здесь одна и ровно посередине — это её достаточно выделяет.
Если попытаться к кружку приделать пенёк, чтобы с его помощью указать на подпись, получается некрасиво. Кружок не умеет указывать на свою подпись, и с этим нужно научиться жить. Придётся найти такие места всем подписям, чтобы достаточно было их близости к кружку.
Обычно пеньки малопригодны для обозначения пересадок: визуально пенёк воспринимается как часть линии, а пересадка относится к нескольким линиям. Но в Минске мы обошлись пеньками: просто соединили их перемычкой. Пересадка здесь одна и ровно посередине — это её достаточно выделяет.
Санкт‑Петербург, дизайнер Игорь Петров
Если попытаться к кружку приделать пенёк, чтобы с его помощью указать на подпись, получается некрасиво. Кружок не умеет указывать на свою подпись, и с этим нужно научиться жить. Придётся найти такие места всем подписям, чтобы достаточно было их близости к кружку.
1959. Транзитмэп
Проект схемы метро Виннипега выглядит шумно: станции обозначены аж выносными линиями с изломом, линии испорчены узорами. Зато остроумно и необычно обозначены пересадки.
1967. Коллекция Ричарда Торогуда, источник утерян
На старой бостонской схеме все станции — это просто точки. За пределами центра пересадки соединены короткими перемычками, а в центре на них прерывается линия. Всё отлично читается.
1959. Транзитмэп
Проект схемы метро Виннипега выглядит шумно: станции обозначены аж выносными линиями с изломом, линии испорчены узорами. Зато остроумно и необычно обозначены пересадки.
1967. Коллекция Ричарда Торогуда, источник утерян
На старой бостонской схеме все станции — это просто точки. За пределами центра пересадки соединены короткими перемычками, а в центре на них прерывается линия. Всё отлично читается.
Четвёртую главу подряд мы неизбежно приходим к вопросу: а что меняется c появлением попутных маршрутов и, следовательно, пучков?
Мы обсуждали, что остановка в пучке по умолчанию воспринимается как место пересадки и спецобозначение этому не требуется.
Остановки
Вот на схеме волгоградского трамвая все общие остановки двух маршрутов обозначены как пересадки — это перебор.
Здесь схема простая, поэтому от неэкономного обозначения проблем нет. Когда схема усложняется, избыточные обозначения начинают вредить: слишком много внимания привлекается к заурядным остановкам, а пересадки перестают выделяться.
Как на лондонских схемах избегают лишнего обозначения пересадок:
Свобода
Четвёртую главу подряд мы неизбежно приходим к вопросу: а что меняется c появлением попутных маршрутов и, следовательно, пучков?
Мы обсуждали, что остановка в пучке по умолчанию воспринимается как место пересадки и спецобозначение этому не требуется.
Остановки
Вот на схеме волгоградского трамвая все общие остановки двух маршрутов обозначены как пересадки — это перебор.
Здесь схема простая, поэтому от неэкономного обозначения проблем нет. Когда схема усложняется, избыточные обозначения начинают вредить: слишком много внимания привлекается к заурядным остановкам, а пересадки перестают выделяться.
Как на лондонских схемах избегают лишнего обозначения пересадок:
Свобода
Схема‑фантазия железнодорожной сети Цинциннати, дизайнер Майкл Тызник
Осло, 2008
Пересадки в пучке могут не выделяться, но всё же немного отличаться от обычных остановок.
В Цинциннати кружки на линиях соединены коридорчиком. Одиночная остановка кажется просто частным случаем такой «чурчхелы».
В Осло простые станции обозначены пеньками, а станции в пучке — выкусами. Но отличие почти незаметно и не мешает, хотя изящным его не назовёшь. Сойдёт.
Схема‑фантазия железнодорожной сети Цинциннати, дизайнер Майкл Тызник
Пересадки в пучке могут не выделяться, но всё же немного отличаться от обычных остановок.
В Цинциннати кружки на линиях соединены коридорчиком. Одиночная остановка кажется просто частным случаем такой «чурчхелы».
В Осло простые станции обозначены пеньками, а станции в пучке — выкусами. Но отличие почти незаметно и не мешает, хотя изящным его не назовёшь. Сойдёт.
Осло, 2008
Огромные, разные кружки в Гётеборге. Весттрафик
Если пучок пересекается одной или несколькими другими линиями, то уже понадобится выделить пересадку.
Кружок не подойдёт. Если сделать его нормального размера, то нет уверенности, что остановка есть на всех линиях. Если увеличить, чтобы покрыть все линии, он может получиться огромным. Кроме того, из‑за разной толщины пучков в разных частях схемы такие кружки тоже станут разными, и это создаст бардак.
Чурчхела тоже неубедительна: зелёная линия проехала мимо остановки, а на синей зачем‑то четыре кружка, как будто там четыре остановки.
Линия должна пересекать остановку один раз:
Поиск решения
Когда пучок пересекается с одиночными линиями, хорошо работает капсула.
Огромные, разные кружки в Гётеборге. Весттрафик
Если пучок пересекается одной или несколькими другими линиями, то уже понадобится выделить пересадку.
Кружок не подойдёт. Если сделать его нормального размера, то нет уверенности, что остановка есть на всех линиях. Если увеличить, чтобы покрыть все линии, он может получиться огромным. Кроме того, из‑за разной толщины пучков в разных частях схемы такие кружки тоже станут разными, и это создаст бардак.
Чурчхела тоже неубедительна: зелёная линия проехала мимо остановки, а на синей зачем‑то четыре кружка, как будто там четыре остановки.
Линия должна пересекать остановку один раз:
Поиск решения
Когда пучок пересекается с одиночными линиями, хорошо работает капсула.
Капсулы работают в пучке и даже в случае, когда пучок пересекают другие одиночные линии, — но только до тех пор, пока название станции на всех этих линиях совпадает. Если понадобятся несколько подписей, то капсулы придётся соединять коридорчиками, и обозначение усложнится.
Так пересадки рисуют в Париже, они получаются одна страшнее другой. Все капсулы и коридорчики разного размера и крепятся как угодно. Складывается впечатление, что никто даже не искал удачной формы и расположения — просто соединили как смогли.
Капсулы работают в пучке и даже в случае, когда пучок пересекают другие одиночные линии, — но только до тех пор, пока название станции на всех этих линиях совпадает. Если понадобятся несколько подписей, то капсулы придётся соединять коридорчиками, и обозначение усложнится.
Так пересадки рисуют в Париже, они получаются одна страшнее другой. Все капсулы и коридорчики разного размера и крепятся как угодно. Складывается впечатление, что никто даже не искал удачной формы и расположения — просто соединили как смогли.
Если не получается провести линии так, чтобы сохранить пересадку компактной, нужно найти такое её обозначение, которое бы оставалось элегантным даже на сложных узлах.
Сравните изображения одних и тех же узлов на официальной схеме и у Константина Коновалова. В обозначениях Константина нет угловой сетки и не зафиксирована длина перемычки, но они красивые.
Если не получается провести линии так, чтобы сохранить пересадку компактной, нужно найти такое её обозначение, которое бы оставалось элегантным даже на сложных узлах.
Сравните изображения одних и тех же узлов на официальной схеме и у Константина Коновалова. В обозначениях Константина нет угловой сетки и не зафиксирована длина перемычки, но они красивые.
Сеть «Р‑Нет», Нидерланды. Мейксенар, 2011
Бывает, что нужно подсказать пассажирам удачное место для пересадки в пучке. Технически пересесть можно где угодно, но на большой крытой остановке с магазинчиками может быть приятнее ждать следующего поезда или автобуса — такую остановку можно и обозначить как пересадочную.
На схеме «Р‑Нета» станции Хофддорп и Схипхол‑плаза выделены особыми капсулами, покрашенными цветами всех проходящих через них линий. Пересесть между всеми маршрутами можно и на некоторых других станциях, но эти две — самые крупные, и у них останавливается много другого транспорта.
Бывает, что нужно подсказать пассажирам удачное место для пересадки в пучке. Технически пересесть можно где угодно, но на большой крытой остановке с магазинчиками может быть приятнее ждать следующего поезда или автобуса — такую остановку можно и обозначить как пересадочную.
Сеть «Р‑Нет», Нидерланды. Мейксенар, 2011
На схеме «Р‑Нета» станции Хофддорп и Схипхол‑плаза выделены особыми капсулами, покрашенными цветами всех проходящих через них линий. Пересесть между всеми маршрутами можно и на некоторых других станциях, но эти две — самые крупные, и у них останавливается много другого транспорта.
Железные дороги Израиля, дизайнер Давид Рендсбург
В Тель‑Авиве есть четыре станции железных дорог: Университет, Савидор‑центр, Хашалом и Хахагана. На любой из них можно пересесть с любого поезда на любой, если не считать ночных поездов, которые останавливаются не везде. Но только первая и последняя станции имеют особое обозначение в виде чурчхеллы с цветными точечками. В легенде такое обозначение объясняется как «рекомендуемая станция пересадки». Заметьте, что сама возможность пересадки всегда показана тонкой линейкой — особенно хорошо видно в Герцлии севернее Тель‑Авива.
Две центральные станции — самые загруженные в Израиле. Возможно, на них специально не рекомендуют пересаживаться, чтобы не нагружать ещё сильнее. Кроме того, Хахагана достойна особого выделения, потому что для многих поездов она конечная, а ещё рядом с ней находится центральная автобусная станция.
Эти примеры показывают, что для обозначения или необозначения пересадки в пучке могут быть разные причины.
Железные дороги Израиля, дизайнер Давид Рендсбург
В Тель‑Авиве есть четыре станции железных дорог: Университет, Савидор‑центр, Хашалом и Хахагана. На любой из них можно пересесть с любого поезда на любой, если не считать ночных поездов, которые останавливаются не везде. Но только первая и последняя станции имеют особое обозначение в виде чурчхеллы с цветными точечками. В легенде такое обозначение объясняется как «рекомендуемая станция пересадки». Заметьте, что сама возможность пересадки всегда показана тонкой линейкой — особенно хорошо видно в Герцлии севернее Тель‑Авива.
Две центральные станции — самые загруженные в Израиле. Возможно, на них специально не рекомендуют пересаживаться, чтобы не нагружать ещё сильнее. Кроме того, Хахагана достойна особого выделения, потому что для многих поездов она конечная, а ещё рядом с ней находится центральная автобусная станция.
Эти примеры показывают, что для обозначения или необозначения пересадки в пучке могут быть разные причины.
Идея выборочно обозначать пересадки — правильная, но сами обозначения на этой израильской схеме слишком сложны графически. В мелких отличиях легко заблудиться: остаётся неуверенность, точно ли между всеми поездами есть пересадка или не совсем и не всегда?
А вот удачный пример обозначения пересадок в Копенгагене. Здесь сразу видно, что Вестерпорт — не лучшее место для пересадки. Если бы на Изральской схеме были такие же простые палки вместо чурчхел, она бы считывалась быстрее.
Недостаточно отличий между полными и частичными пересадками — на схеме волжских автобусов:
Остановки
Копенгаген, дизайнер Марко Берендс
Идея выборочно обозначать пересадки — правильная, но сами обозначения на этой израильской схеме слишком сложны графически. В мелких отличиях легко заблудиться: остаётся неуверенность, точно ли между всеми поездами есть пересадка или не совсем и не всегда?
А вот удачный пример обозначения пересадок в Копенгагене. Здесь сразу видно, что Вестерпорт — не лучшее место для пересадки. Если бы на Изральской схеме были такие же простые палки вместо чурчхел, она бы считывалась быстрее.
Недостаточно отличий между полными и частичными пересадками — на схеме волжских автобусов:
Остановки
Копенгаген, дизайнер Марко Берендс
Бывает, что на пересадке пересекаются не линия с линией, не пучок с линией, а пучок с пучком. Так капсулы превращаются в целые белые прямоугольники — деталь, характерная для германских схем.
Франкфурт‑на‑Майне. РМВ
Во Франкфурте прямоугольники до того огромные, что названия станций засунули прямо в них. Оба варианта выглядят так себе: надписям неуютно в прямоугольниках, но и пустые белые пятна слишком рвут схему.
За линией U4 трудно уследить на станции Констаблервахе. Пересадка — плохое место для поворота:
Изгибы
Бывает, что на пересадке пересекаются не линия с линией, не пучок с линией, а пучок с пучком. Так капсулы превращаются в целые белые прямоугольники — деталь, характерная для германских схем.
Франкфурт‑на‑Майне. РМВ
Во Франкфурте прямоугольники до того огромные, что названия станций засунули прямо в них. Оба варианта выглядят так себе: надписям неуютно в прямоугольниках, но и пустые белые пятна слишком рвут схему.
За линией U4 трудно уследить на станции Констаблервахе. Пересадка — плохое место для поворота:
Изгибы
Если оставить белый прямоугольник частично прозрачным, да ещё и утоньшить внутри него линии, получается неплохо и верно германской традиции.
Неофициальная схема железных дорог Германии. Зефлаингиндонезиан
Ещё Германия:
Железные дороги в 1969 году
Если оставить белый прямоугольник частично прозрачным, да ещё и утоньшить внутри него линии, получается неплохо и верно германской традиции.
Неофициальная схема железных дорог Германии. Зефлаингиндонезиан
Ещё Германия:
Железные дороги в 1969 году
Тонкие линейки в пучках:
Остановки
Схема челябинских трамваев и троллейбусов, 2008. О проекте
Проект заброшен
Выше я показывал тонкие линейки, которыми в Челябинске обозначал остановки в пучке.
Когда пучки пересекаются, нужно искать, как эти линейки изменить. Если пучки просто пересекаются без поворотов, можно погнуть линейку «буквой Г», чтобы она связала все линии.
На T‑образных перекрёстках иногда спасает линейка в форме буквы Y.
Но на сложных перекрёстках, где маршруты по‑разному поворачивают из пучка в пучок, часто не удаётся найти подходящей формы линейки. Форма слишком усложняется, и линейка пересекает один и тот же маршрут дважды, как будто на нём две остановки.
Решить проблему можно, поставив германские белые прямоугольники, но выглядят это слишком тяжеловесно.
Чтобы снизить эффект белых пятен, можно сделать белую заливку полупрозрачной или нарисовать линии тоньше, как мы видели чуть выше.
На своей схеме я обошёлся без заливки. Просто оставил вокруг перекрёстка рамку такой же толщины, что у отдельных остановок, а заодно пририсовал к ней чёрточку, указывающую на название.
На люберецкой схеме Романа Ватриковского в похожей ситуации — красивое лассо.
Среди черновиков у меня был вариант с подложкой. Но линии проходят над ней не прерываясь, и остановка не читается: кажется, что обозначена какая‑то зона в городе.
Выше я показывал тонкие линейки, которыми в Челябинске обозначал остановки в пучке.
Когда пучки пересекаются, нужно искать, как эти линейки изменить. Если пучки просто пересекаются без поворотов, можно погнуть линейку «буквой Г», чтобы она связала все линии.
На T‑образных перекрёстках иногда спасает линейка в форме буквы Y.
Но на сложных перекрёстках, где маршруты по‑разному поворачивают из пучка в пучок, часто не удаётся найти подходящей формы линейки. Форма слишком усложняется, и линейка пересекает один и тот же маршрут дважды, как будто на нём две остановки.
Решить проблему можно, поставив германские белые прямоугольники, но выглядят это слишком тяжеловесно.
Чтобы снизить эффект белых пятен, можно сделать белую заливку полупрозрачной или нарисовать линии тоньше, как мы видели чуть выше.
На своей схеме я обошёлся без заливки. Просто оставил вокруг перекрёстка рамку такой же толщины, что у отдельных остановок, а заодно пририсовал к ней чёрточку, указывающую на название.
Схема челябинских трамваев и троллейбусов, 2008. О проекте
На люберецкой схеме Романа Ватриковского в похожей ситуации — красивое лассо.
Проект заброшен
Среди черновиков у меня был вариант с подложкой. Но линии проходят над ней не прерываясь, и остановка не читается: кажется, что обозначена какая‑то зона в городе.
Тонкие линейки в пучках:
Остановки
Как и на любой пересадке, на перекрёстке может возникнуть проблема разных названий.
С «Алым полем», «Площадью Революции» и «Детским миром» проблемы нет: на всех маршрутах остановки называются одинаково.
Но наземные остановки на перекрёстках часто называют по имени пересекаемой улицы: остановка «Свердловский проспект» — для транспорта, идущего по проспекту Победы, и наоборот. На старой схеме я это обозначал направленными символами рядом с остановками, но вряд ли это было понятно.
Обозначение «буквой Г» позволяет подписать остановки раздельно, но разворотом выше я говорил, что такие изогнутые линейки неуниверсальны. То же с соединёнными капсулами.
Наименование по пересекаемым улицам привычно, поэтому достаточно подписать весь перекрёсток двумя названиями через косую черту или даже смело через знак ×, который в данном случае будет значить «перекрёсток».
Схема челябинских трамваев и троллейбусов, 2008. О проекте
Схема челябинских трамваев и троллейбусов, 2008. О проекте
Схема челябинских трамваев и троллейбусов, 2008. О проекте
Схема челябинских трамваев и троллейбусов, 2008. О проекте
Схема челябинских трамваев и троллейбусов, 2008. О проекте
Схема челябинских трамваев и троллейбусов, 2008. О проекте
Как и на любой пересадке, на перекрёстке может возникнуть проблема разных названий.
С «Алым полем», «Площадью Революции» и «Детским миром» проблемы нет: на всех маршрутах остановки называются одинаково.
Но наземные остановки на перекрёстках часто называют по имени пересекаемой улицы: остановка «Свердловский проспект» — для транспорта, идущего по проспекту Победы, и наоборот. На старой схеме я это обозначал направленными символами рядом с остановками, но вряд ли это было понятно.
Обозначение «буквой Г» позволяет подписать остановки раздельно, но разворотом выше я говорил, что такие изогнутые линейки неуниверсальны. То же с соединёнными капсулами.
Наименование по пересекаемым улицам привычно, поэтому достаточно подписать весь перекрёсток двумя названиями через косую черту или даже смело через знак ×, который в данном случае будет значить «перекрёсток».
До сих пор мы обсуждали пересадку как бинарное свойство остановки: или надо обозначать, или нет. В жизни всё сложнее.
Пересадка может быть такой: выходишь из автобуса и через пару минут садишься в следующий. А может быть и такой: выходишь из метро, поднимаешься по длинному эскалатору, проходишь квартал по улице под дождём, переходишь шоссе по светофору, заходишь на вокзал, покупаешь билет на электричку, переходишь под землёй на нужную платформу, дожидаешься поезда и садишься в него. Для пассажира такие отличия имеют большое значение.
Разберём пересадки на приведённом фрагменте схемы московских электричек. На всех станциях этого фрагмента останавливаются поезда двух железнодорожных линий, между ними можно пересесть.
Снизу вверх:
На Текстильщиках с нашей пары линий есть пересадка на одноимённую станцию метро. Это так называемая «тёплая» пересадка, то есть не нужно выходить на улицу. Обозначена коридорчиком с контуром.
Новохохловская расположена неподалёку от одноимённой станции МЦК. Близость показана соединительной перемычкой.
Калитники — обычная станция в пучке. Можно выйти и сесть на другой поезд, но для чистоты пересадка не обозначена.
Москва‑Товарная — сложный случай. Неподалёку есть станция Серп и Молот другого направления железной дороги, а рядом с ней — пересадочный узел метро: станции Площадь Ильича и Римская. Для упрощения узла эти станции метро обозначены одним кружком и подписаны вместе.
Курская ещё сложнее. Капсула в центре — это Курский вокзал, но на одной из трёх железнодорожных линий остановка здесь называется просто Курской. Вместе с клиентом решили, что эта странность не так важна для пассажиров и они узнают станцию, даже если дать общую подпись через «и». Вокзал соединён тёплыми переходами с платформами метро Курскими, которые, в свою очередь, обе соединены с платформой метро Чкаловской. Все эти соединения — коридорчики с контурами. Но также от вокзала до расположенной рядом Чкаловской можно пройти по улице — это единственная тонкая перемычка.
Заметьте, что цвет контура пересадки соответствует цвету линии, когда она одна, а если линий больше, то становится чёрным.
До сих пор мы обсуждали пересадку как бинарное свойство остановки: или надо обозначать, или нет. В жизни всё сложнее.
Пересадка может быть такой: выходишь из автобуса и через пару минут садишься в следующий. А может быть и такой: выходишь из метро, поднимаешься по длинному эскалатору, проходишь квартал по улице под дождём, переходишь шоссе по светофору, заходишь на вокзал, покупаешь билет на электричку, переходишь под землёй на нужную платформу, дожидаешься поезда и садишься в него. Для пассажира такие отличия имеют большое значение.
Разберём пересадки на приведённом фрагменте схемы московских электричек. На всех станциях этого фрагмента останавливаются поезда двух железнодорожных линий, между ними можно пересесть.
Снизу вверх:
На Текстильщиках с нашей пары линий есть пересадка на одноимённую станцию метро. Это так называемая «тёплая» пересадка, то есть не нужно выходить на улицу. Обозначена коридорчиком с контуром.
Новохохловская расположена неподалёку от одноимённой станции МЦК. Близость показана соединительной перемычкой.
Калитники — обычная станция в пучке. Можно выйти и сесть на другой поезд, но для чистоты пересадка не обозначена.
Москва‑Товарная — сложный случай. Неподалёку есть станция Серп и Молот другого направления железной дороги, а рядом с ней — пересадочный узел метро: станции Площадь Ильича и Римская. Для упрощения узла эти станции метро обозначены одним кружком и подписаны вместе.
Курская ещё сложнее. Капсула в центре — это Курский вокзал, но на одной из трёх железнодорожных линий остановка здесь называется просто Курской. Вместе с клиентом решили, что эта странность не так важна для пассажиров и они узнают станцию, даже если дать общую подпись через «и». Вокзал соединён тёплыми переходами с платформами метро Курскими, которые, в свою очередь, обе соединены с платформой метро Чкаловской. Все эти соединения — коридорчики с контурами. Но также от вокзала до расположенной рядом Чкаловской можно пройти по улице — это единственная тонкая перемычка.
Заметьте, что цвет контура пересадки соответствует цвету линии, когда она одна, а если линий больше, то становится чёрным.
Иногда важно знать длину пересадки: в погожий день две минуты по улице предпочтительнее восьми по тёплому тоннелю. Но если везде обозначать ещё и длину, схема может получиться сложной и неаккуратной. Стоит смотреть, где этот нюанс важен и может повлиять на решение пассажира.
На схеме электричек длины перемычек на пересадках стандартизированы, но есть исключения в отдельных местах.
Станцию Выхино важно было противопоставить соседям как удобное место пересадки, поэтому её кружки ближе, а соседние — дальше обычного. У Выхина ещё и названия станций метро и железной дороги совпадают, но само по себе это не признак близости.
На Локомотиве близкая, тёплая пересадка на метро «Черкизовская», а на соседнем Бульваре Рокоссовского названия совпадают, хотя сами станции и далеко.
Обозначения в легенде
Иногда важно знать длину пересадки: в погожий день две минуты по улице предпочтительнее восьми по тёплому тоннелю. Но если везде обозначать ещё и длину, схема может получиться сложной и неаккуратной. Стоит смотреть, где этот нюанс важен и может повлиять на решение пассажира.
На схеме электричек длины перемычек на пересадках стандартизированы, но есть исключения в отдельных местах.
Станцию Выхино важно было противопоставить соседям как удобное место пересадки, поэтому её кружки ближе, а соседние — дальше обычного. У Выхина ещё и названия станций метро и железной дороги совпадают, но само по себе это не признак близости.
На Локомотиве близкая, тёплая пересадка на метро «Черкизовская», а на соседнем Бульваре Рокоссовского названия совпадают, хотя сами станции и далеко.
Обозначения в легенде
Официальная схема метро Нью‑Йорка, МТА
Считать ли местом пересадки близкие, но не соединённые переходом станции — вопрос выбора. Обычно критерий — необходимость заново оплачивать проезд.
На нью‑йоркской схеме одна такая пара станций соединена «лесенкой».
Схема московского метро, дизайн мой
На моей московской схеме близкие станции соединены пунктиром, причём близость показана числом точек.
В обоих случаях в легенде сказано о бесплатности.
Официальная схема метро Нью‑Йорка, МТА
Схема московского метро, дизайн мой
Считать ли местом пересадки близкие, но не соединённые переходом станции — вопрос выбора. Обычно критерий — необходимость заново оплачивать проезд.
На нью‑йоркской схеме одна такая пара станций соединена «лесенкой».
На моей московской схеме близкие станции соединены пунктиром, причём близость показана числом точек.
В обоих случаях в легенде сказано о бесплатности.
На парижской схеме есть особое обозначение пересадок на конечных. Просто конечные тут — чёрные кружки, просто пересадки — капсулы, а конечные на пересадке — цветные кружки внутри капсулы.
Нелогично и сложновато. Обычно достаточно показать только пересадочность, особенно если название конечной и так выделено.
О конечных в Париже:
Конечные
На парижской схеме есть особое обозначение пересадок на конечных. Просто конечные тут — чёрные кружки, просто пересадки — капсулы, а конечные на пересадке — цветные кружки внутри капсулы.
Нелогично и сложновато. Обычно достаточно показать только пересадочность, особенно если название конечной и так выделено.
О конечных в Париже:
Конечные
Кроссплатформенная пересадка в Москве
Излишне подробное обозначение такой пересадки:
Детализация
Итак, на обозначение пересадки может влиять её длина, наличие тёплого коридора, совпадение названий платформ, необходимость проходить через турникеты и заново оплачивать проезд и другие особенности. На официальной московской схеме метро, например, дополнительно точками обозначают кроссплатформенные пересадки — это когда на одной платформе останавливаются поезда разных линий.
Не стоит увлекаться формализмом и придумывать своё обозначение для каждой ситуации: в главе мы видели примеры графической инфляции, которая от этого возникает, и разобрали много примеров «непоследовательного» использования обозначений, от которых схема только выигрывает.
Графические обозначения пересадок стоит согласовать с геометрией линий, настроением шрифта, особенностями пиктограмм. А чтобы получалось хорошо, нужно развивать графдизайнерское чутьё и вдохновляться примерами за пределами транспортных схем, например со следующего разворота.
Итак, на обозначение пересадки может влиять её длина, наличие тёплого коридора, совпадение названий платформ, необходимость проходить через турникеты и заново оплачивать проезд и другие особенности. На официальной московской схеме метро, например, дополнительно точками обозначают кроссплатформенные пересадки — это когда на одной платформе останавливаются поезда разных линий.
Не стоит увлекаться формализмом и придумывать своё обозначение для каждой ситуации: в главе мы видели примеры графической инфляции, которая от этого возникает, и разобрали много примеров «непоследовательного» использования обозначений, от которых схема только выигрывает.
Кроссплатформенная пересадка в Москве
Излишне подробное обозначение такой пересадки:
Детализация
Графические обозначения пересадок стоит согласовать с геометрией линий, настроением шрифта, особенностями пиктограмм. А чтобы получалось хорошо, нужно развивать графдизайнерское чутьё и вдохновляться примерами за пределами транспортных схем, например со следующего разворота.
Это плакат варшавской типографической конференции «Атипл — 2016». На пересечениях линий, разделяющих буквы и цифры, возникают симпатичные утолщения. Если бы это была транспортная схема, они могли бы быть пересадками.
Дизайнер Эдгар Бонк
Это плакат варшавской типографической конференции «Атипл — 2016». На пересечениях линий, разделяющих буквы и цифры, возникают симпатичные утолщения. Если бы это была транспортная схема, они могли бы быть пересадками.
Дизайнер Эдгар Бонк
Направления
В идеале транспорт должен идти в обоих направлениях маршрута по одним и тем же улицам с одними и теми же остановками.
Но в жизни это не всегда так. Бывает, что остановка есть только в одном направлении. Бывает, что часть маршрута проходит туда по одной улице, а обратно — по другой. Бывает даже, что на остановке какие‑то маршруты из пучка останавливаются только в одном направлении, а какие‑то — в обоих.
О неудобстве асимметричных маршрутов:
Соответствие линий маршрутам
Направления
В идеале транспорт должен идти в обоих направлениях маршрута по одним и тем же улицам с одними и теми же остановками.
Но в жизни это не всегда так. Бывает, что остановка есть только в одном направлении. Бывает, что часть маршрута проходит туда по одной улице, а обратно — по другой. Бывает даже, что на остановке какие‑то маршруты из пучка останавливаются только в одном направлении, а какие‑то — в обоих.
О неудобстве асимметричных маршрутов:
Соответствие линий маршрутам
Осло, Рутер
Московские электрички, дизайн мой
Одиночные односторонние остановки обозначить не сложно — можно поставить стрелку рядом, например как мы видели на станции Гуллеросен в Осло. Похожим образом стрелка стоит рядом с названием станции на схеме московских электричек.
Важно сделать, чтобы глаз спотыкался об эту стрелку, — вряд ли пассажир сам задумается о направлении остановки. Скажем, если поставить стрелку по другую сторону от линии, то кто‑то уже не заметит её при беглом чтении.
Осло, Рутер
Одиночные односторонние остановки обозначить не сложно — можно поставить стрелку рядом, например как мы видели на станции Гуллеросен в Осло. Похожим образом стрелка стоит рядом с названием станции на схеме московских электричек.
Московские электрички, дизайн мой
Важно сделать, чтобы глаз спотыкался об эту стрелку, — вряд ли пассажир сам задумается о направлении остановки. Скажем, если поставить стрелку по другую сторону от линии, то кто‑то уже не заметит её при беглом чтении.
Челябинские троллейбусы и трамваи,
2008, дизайн мой
Если на маршруте есть отрезок из нескольких односторонних остановок, обозначение стоит «вынести за скобку» — показать у самой линии.
Здесь одна круглая стрелка объясняет направления шести маршрутов через две остановки.
Как не надо:
Дубровник
Если на маршруте есть отрезок из нескольких односторонних остановок, обозначение стоит «вынести за скобку» — показать у самой линии.
Здесь одна круглая стрелка объясняет направления шести маршрутов через две остановки.
Как не надо:
Дубровник
Челябинские троллейбусы и трамваи,
2008, дизайн мой
На дизайн стрелок стоит обратить внимание. Здесь стрелки слишком вычурные — такие обычно используют для указания на север.
Похожая по духу стрелка на карте Монреаля:
Ориентация
На дизайн стрелок стоит обратить внимание. Здесь стрелки слишком вычурные — такие обычно используют для указания на север.
Похожая по духу стрелка на карте Монреаля:
Ориентация
Стрелки можно изящно нарисовать «полуголовыми», как на этой схеме маршрутов Средиземья дизайнера Кристиана Тейта.
Такой дизайн позволяет разместить стрелки ближе к самой линии.
Стрелки можно изящно нарисовать «полуголовыми», как на этой схеме маршрутов Средиземья дизайнера Кристиана Тейта.
Такой дизайн позволяет разместить стрелки ближе к самой линии.
Трамваи Днепропетровска, 2013,
дизайнер Александр Зайцев
Трамваи Днепропетровска, 2013,
дизайнер Александр Зайцев
Если направление указано около линии, у самих остановок можно его не указывать.
Здесь благодаря стрелке внутри кольца и так понятно, в какую сторону идёт движение — «птички» только шумят.
На Речном вокзале можно от них просто избавиться, а на Улице Горького — вынести за скобку.
Если направление указано около линии, у самих остановок можно его не указывать.
Здесь благодаря стрелке внутри кольца и так понятно, в какую сторону идёт движение — «птички» только шумят.
На Речном вокзале можно от них просто избавиться, а на Улице Горького — вынести за скобку.
Трамваи Днепропетровска, 2013,
дизайнер Александр Зайцев
Трамваи Днепропетровска, 2013,
дизайнер Александр Зайцев
Общественный транспорт Грозного, дизайнер Али Сулейманов
Принцип экономии чернил подсказывает, что стрелку можно сделать из самой линии.
На схемах нью‑йоркских автобусов стрелок целая куча. Представьте, насколько будет хуже, если нарисовать стрелки отдельно рядом с каждой линией.
В Грозном сами стрелки аккуратные, но схему портят прожилки между линиями.
Лучше без прожилок:
Пучки
Принцип экономии чернил подсказывает, что стрелку можно сделать из самой линии.
На схемах нью‑йоркских автобусов стрелок целая куча. Представьте, насколько будет хуже, если нарисовать стрелки отдельно рядом с каждой линией.
В Грозном сами стрелки аккуратные, но схему портят прожилки между линиями.
Общественный транспорт Грозного, дизайнер Али Сулейманов
Лучше без прожилок:
Пучки
Стрелки на дорожном знаке в Лондоне
Транспорт Лондона, 2012
Очевидный следующий шаг экономии чернил — даже не рисовать стрелке головку, а просто выкусить уголок из линии.
На схеме лондонских трамваев выглядит симпатично и вполне в духе британской стрелочной традиции. Впрочем, одна полноценная круглая стрелка с головкой внутри кольца, как на челябинской схеме выше, выглядела бы чище и понятнее восьми выкушенных уголков.
Ночные автобусы Мельбурна, 2016
Общественный транспорт Виктории
В Мельбурне тоже попытались сделать безголовые стрелки, но в итоге их почти не видно, если не вглядываться.
Стрелки на дорожном знаке в Лондоне
Транспорт Лондона, 2012
Очевидный следующий шаг экономии чернил — даже не рисовать стрелке головку, а просто выкусить уголок из линии.
На схеме лондонских трамваев выглядит симпатично и вполне в духе британской стрелочной традиции. Впрочем, одна полноценная круглая стрелка с головкой внутри кольца, как на челябинской схеме выше, выглядела бы чище и понятнее восьми выкушенных уголков.
Ночные автобусы Мельбурна, 2016
Общественный транспорт Виктории
В Мельбурне тоже попытались сделать безголовые стрелки, но в итоге их почти не видно, если не вглядываться.
В наземном транспорте обычно так: если уж остановка односторонняя, то она односторонняя для всех маршрутов, которые на ней останавливаются. Поэтому даже в пучке направление остановки можно обозначить одним символом. Но что, если нет?
Если односторонняя остановка только на одном маршруте, можно попробовать вытащить его из пучка. Но это похоже на движение по параллельной улице, да и так кажется, что маршруты останавливаются в разных местах. При этом стрелку всё равно легко воспринять как часть всей остановки.
Более явное подчёркивание отличия обратит на него внимание, но однозначности не внесёт. Ещё, чтобы эти варианты работали, особенный маршрут должен оказаться на краю пучка, что не всегда возможно.
Трудно представить транспортную систему, где такие особенности остановок повсеместны. Скорее всего, это редкое исключение. А раз так, то проще сказать словами, чем намекать.
О трудности упорядочивания линий в пучке:
Пучки
В наземном транспорте обычно так: если уж остановка односторонняя, то она односторонняя для всех маршрутов, которые на ней останавливаются. Поэтому даже в пучке направление остановки можно обозначить одним символом. Но что, если нет?
Если односторонняя остановка только на одном маршруте, можно попробовать вытащить его из пучка. Но это похоже на движение по параллельной улице, да и так кажется, что маршруты останавливаются в разных местах. При этом стрелку всё равно легко воспринять как часть всей остановки.
Более явное подчёркивание отличия обратит на него внимание, но однозначности не внесёт. Ещё, чтобы эти варианты работали, особенный маршрут должен оказаться на краю пучка, что не всегда возможно.
Трудно представить транспортную систему, где такие особенности остановок повсеместны. Скорее всего, это редкое исключение. А раз так, то проще сказать словами, чем намекать.
О трудности упорядочивания линий в пучке:
Пучки
Важно, чтобы обозначения направлений не смешивались с обозначениями остановок.
В Ноттингеме стрелки торчат из самих линий, а остановки изображены пеньками — отличить одно от другого трудно. Догадаться помогает отсутствие надписей возле стрелок, но лучше выбрать обозначение, очевидное и без такого анализа.
На схеме шатла Брауновского университета аналогичная проблема, только здесь наоборот: и остановки, и стрелки направлений — вырезаны из линии.
В Гданьске ещё хуже: направления есть и у линий, и у остановок, причём обозначены они треугольниками с едва заметными отличиями. Как не сбиться со счёту остановок!
Ноттингем, 1975
Транзитмэп
Важно, чтобы обозначения направлений не смешивались с обозначениями остановок.
В Ноттингеме стрелки торчат из самих линий, а остановки изображены пеньками — отличить одно от другого трудно. Догадаться помогает отсутствие надписей возле стрелок, но лучше выбрать обозначение, очевидное и без такого анализа.
Брауновский университет, дизайнер Майкл Керни
Транзитмэп
На схеме шатла Брауновского университета аналогичная проблема, только здесь наоборот: и остановки, и стрелки направлений — вырезаны из линии.
В Гданьске ещё хуже: направления есть и у линий, и у остановок, причём обозначены они треугольниками с едва заметными отличиями. Как не сбиться со счёту остановок!
Трамваи Гданьска
ЗТМ
В Брюсселе стрелки направлений хорошо отличаются от остановок, но и тут есть причина для путаницы.
В одних случаях эти стрелки обозначают направление фрагмента линии, а в других — направление отдельной остановки.
Если не разобраться, то можно подумать, что весь отрезок работает только в одном направлении.
Разница только в том, насколько близко к остановке стоит обозначение:
Желание использовать одинаковый символ понятно, но тут «экономия» неоправдана.
В Брюсселе стрелки направлений хорошо отличаются от остановок, но и тут есть причина для путаницы.
В одних случаях эти стрелки обозначают направление фрагмента линии, а в других — направление отдельной остановки.
Если не разобраться, то можно подумать, что весь отрезок работает только в одном направлении.
Разница только в том, насколько близко к остановке стоит обозначение:
Желание использовать одинаковый символ понятно, но тут «экономия» неоправдана.
На той же брюссельской схеме кроме стрелок направлений есть ещё один вид стрелок: для обозначения продолжения линии за пределы схемы.
Продолжение линии за схему допустимо обозначать стрелкой, но только если на схеме нет других стрелок. На таких оборванных линиях движение идёт в обоих направлениях, а стрелка может создать впечатление, что только в одном.
Если на схеме отмечены направления маршрутов и остановок, то лучше оставить стрелки только для этого, а продолжение за схему обозначить иначе.
На челябинской схеме на неоконченных маршрутах просто нет обозначения конечной, а подпись сформулирована в форме «куда», а не «что». На люберецкой линии красиво сходят на нет.
Об уходе маршрутов за края схемы:
Охват
Челябинские трамваи, дизайнер Александр Караваев, артдир я. О проекте
Люберецкие автобусы, дизайнер Роман Ватриковский. Проект заброшен
На той же брюссельской схеме кроме стрелок направлений есть ещё один вид стрелок: для обозначения продолжения линии за пределы схемы.
Продолжение линии за схему допустимо обозначать стрелкой, но только если на схеме нет других стрелок. На таких оборванных линиях движение идёт в обоих направлениях, а стрелка может создать впечатление, что только в одном.
Если на схеме отмечены направления маршрутов и остановок, то лучше оставить стрелки только для этого, а продолжение за схему обозначить иначе.
На челябинской схеме на неоконченных маршрутах просто нет обозначения конечной, а подпись сформулирована в форме «куда», а не «что». На люберецкой линии красиво сходят на нет.
Об уходе маршрутов за края схемы:
Охват
Челябинские трамваи, дизайнер Александр Караваев, артдир я. О проекте
Люберецкие автобусы, дизайнер Роман Ватриковский. Проект заброшен
Волжские автобусы, дизайнер Руслан Поклонский
Другие проблемы этой схемы:
Остановки
Ещё об объединении разноимённых остановок в одну:
Пересадки
Оригинал
Аккуратнее всего нужно быть в ситуации, когда соседние остановки «смотрят» в разные стороны.
На примере стрелки указывают друг на друга, и между ними возникает собственное взаимодействие, отвлекающее от смысла.
Редизайн
Редизайн
Можно разнести разнонаправленные остановки на противоположные стороны линии, но так уже двухсторонний ВолгаМолл кто‑то сочтёт односторонним.
Если остановки 24 и 25‑го микрорайонов расположены через дорогу и неподалёку, то можно их объединить. Меньше стрелок — проще разобраться.
Оригинал
Аккуратнее всего нужно быть в ситуации, когда соседние остановки «смотрят» в разные стороны.
На примере стрелки указывают друг на друга, и между ними возникает собственное взаимодействие, отвлекающее от смысла.
Редизайн
Можно разнести разнонаправленные остановки на противоположные стороны линии, но так уже двухсторонний ВолгаМолл кто‑то сочтёт односторонним.
Редизайн
Если остановки 24 и 25‑го микрорайонов расположены через дорогу и неподалёку, то можно их объединить. Меньше стрелок — проще разобраться.
Волжские автобусы, дизайнер Руслан Поклонский
Другие проблемы этой схемы:
Остановки
Ещё об объединении разноимённых остановок в одну:
Пересадки
Напомню, что направление торчания пенька может читаться как указание на то, с какой стороны от дороги остановка, а значит, и на направление движения.
На старой амстердамской схеме именно это и имели в виду смотрящими в разные стороны полукружками — назовём их шляпками грибочков.
Обозначение некрасивое, трудночитаемое и местами бесполезное.
Четыре полукруга на перекрёстке справа пытаются сказать нам, что остановка трамвая в каждом направлении находится перед перекрёстком. Зачем это на схеме? И как называется эта остановка? Лучше бы поставили один кружок на сам перекрёсток и подписали нормально.
О направлении пенька:
Остановки
Об утоньшении линии на односторонних участках:
Линии
Амстердам‑мэп 360, 2014
Напомню, что направление торчания пенька может читаться как указание на то, с какой стороны от дороги остановка, а значит, и на направление движения.
На старой амстердамской схеме именно это и имели в виду смотрящими в разные стороны полукружками — назовём их шляпками грибочков.
Амстердам‑мэп 360, 2014
Обозначение некрасивое, трудночитаемое и местами бесполезное.
Четыре полукруга на перекрёстке справа пытаются сказать нам, что остановка трамвая в каждом направлении находится перед перекрёстком. Зачем это на схеме? И как называется эта остановка? Лучше бы поставили один кружок на сам перекрёсток и подписали нормально.
В заключение главы — стрелочная красота:
Потоки пассажиров на станции Варшава‑Заходня. Залакейн‑вейфайндинг
Одесса. Студия Лебедева
Мельбурн. Общественный транспорт Виктории
В заключение главы — стрелочная красота:
Потоки пассажиров на станции Варшава‑Заходня. Залакейн‑вейфайндинг
Одесса. Студия Лебедева
Мельбурн. Общественный транспорт Виктории
Зоны оплаты
В некоторых транспортных системах цена проезда зависит от дальности поездки. Например, на железной дороге могут продавать билеты до конкретной станции. Чтобы систематизировать и упростить понимание цен, вводят зоны оплаты.
В Лондоне проездной на метро стоит тем дороже, чем большее количество зон он охватывает. Жителям дальнего пригорода приходится платить за ежедневные поездки на работу больше, чем тем, кто живёт неподалёку.
На схеме зоны обозначены чередованием фонов и пронумерованы.
Транспорт Лондона, 2018
Зоны оплаты
В некоторых транспортных системах цена проезда зависит от дальности поездки. Например, на железной дороге могут продавать билеты до конкретной станции. Чтобы систематизировать и упростить понимание цен, вводят зоны оплаты.
В Лондоне проездной на метро стоит тем дороже, чем большее количество зон он охватывает. Жителям дальнего пригорода приходится платить за ежедневные поездки на работу больше, чем тем, кто живёт неподалёку.
На схеме зоны обозначены чередованием фонов и пронумерованы.
Транспорт Лондона, 2018
Лондон, 1998. Архив схем лондонского метро
На старых схемах встречается обозначение зон оплаты цветным фонами, но это слишком уж пёстро. Всё‑таки информация о зонах второстепенна по отношению к линиям, а при таком дизайне они начинают бороться за внимание читателя.
Берлин, 1999. Старые схемы берлинского транспорта
Лондон, 1998. Архив схем лондонского метро
На старых схемах встречается обозначение зон оплаты цветным фонами, но это слишком уж пёстро. Всё‑таки информация о зонах второстепенна по отношению к линиям, а при таком дизайне они начинают бороться за внимание читателя.
Берлин, 1999. Старые схемы берлинского транспорта
Транспорт Лондона, 2018
Транспорт Лондона, 2018
Транспорт Лондона, 2018
Транспорт Лондона, 2018
Транспорт Лондона, 2018
Транспорт Лондона, 2018
Транспорт Лондона, 2018
Современные лондонские серые «облака» спокойнее цветных, но всё равно слишком навязчивы — без них схема намного чище.
Просто сделать облака бледнее нельзя: зоны должны читаться независимо от освещения на станции или качества компьютерного экрана.
При рисовании зон дизайнерам приходится учитывать расположение не только кружков или пеньков станций, но их подписей. Иногда облаку‑зоне приходится обтекать подпись, чтобы у читателя не оставалось сомнений, к какой зоне относится станция. Форма облаков получается намного сложнее, чем могла бы.
Иногда саму подпись приходится ставить на неудобную сторону линии, чтобы она целиком оказалась внутри облака‑зоны.
А ещё есть станции, обведённые в рамочку. В легенде подписано, что это станции «в обеих зонах», но что конкретно это значит в смысле цены проезда — не сказано. Выглядит тоже не очень.
Около 2016 года в Лондоне добавилась загадочная зона «2/3» с ещё более тёмным фоном и ещё более сложной формой. К счастью, хотя бы нет станций на её границах с соседями!
Современные лондонские серые «облака» спокойнее цветных, но всё равно слишком навязчивы — без них схема намного чище.
Просто сделать облака бледнее нельзя: зоны должны читаться независимо от освещения на станции или качества компьютерного экрана.
При рисовании зон дизайнерам приходится учитывать расположение не только кружков или пеньков станций, но их подписей. Иногда облаку‑зоне приходится обтекать подпись, чтобы у читателя не оставалось сомнений, к какой зоне относится станция. Форма облаков получается намного сложнее, чем могла бы.
Иногда саму подпись приходится ставить на неудобную сторону линии, чтобы она целиком оказалась внутри облака‑зоны.
А ещё есть станции, обведённые в рамочку. В легенде подписано, что это станции «в обеих зонах», но что конкретно это значит в смысле цены проезда — не сказано. Выглядит тоже не очень.
Около 2016 года в Лондоне добавилась загадочная зона «2/3» с ещё более тёмным фоном и ещё более сложной формой. К счастью, хотя бы нет станций на её границах с соседями!
Транспорт Лондона, 2018
Раньше цена поездки в Москве не зависела от расстояния.
В 2019 году в Москве запустились городские электрички D1 и D2, входящие в общую транспортную систему с метро, а вместе с ними впервые появились две зоны оплаты.
На обновлённой схеме Студии Лебедева пригородную зону обозначили голубым фоном. Пока зон всего две, и это выглядит приятно.
На официальной схеме обошлись без фонов — показали только границы зон. Без фонов могло бы получиться чище, но огромные подписи на двух языках с повторяющимся словосочетанием «Тарифная зона» и избыточным обозначением «Центральной», в которой ничего не изменилось, всё портят.
В 2019 году в Москве запустились городские электрички D1 и D2, входящие в общую транспортную систему с метро, а вместе с ними впервые появились две зоны оплаты.
Раньше цена поездки в Москве не зависела от расстояния.
На обновлённой схеме Студии Лебедева пригородную зону обозначили голубым фоном. Пока зон всего две, и это выглядит приятно.
На официальной схеме обошлись без фонов — показали только границы зон. Без фонов могло бы получиться чище, но огромные подписи на двух языках с повторяющимся словосочетанием «Тарифная зона» и избыточным обозначением «Центральной», в которой ничего не изменилось, всё портят.
На официальной парижской схеме показаны только границы первой и второй зон, причём сразу двумя способами: оттенком фона и зигзагами на линиях. Такие зигзаги есть только у электричек, потому что в метро тариф общий на все зоны.
В реальности зон больше двух, но в легенде лишь сказано, что за пределами зигзагов тариф зависит от расстояния.
На схеме Константина Коновалова сохранено традиционное разделение на «городской» и «пригородный» фоны, но обозначены границы всех зон. Вместо навязчивого зигзага с обводкой — тонкая чёрточка с номерами
Напомню необычный приём из Мельбурна, где зоны оплаты обозначают цветом линии:
Многообразие схем
На официальной парижской схеме показаны только границы первой и второй зон, причём сразу двумя способами: оттенком фона и зигзагами на линиях. Такие зигзаги есть только у электричек, потому что в метро тариф общий на все зоны.
В реальности зон больше двух, но в легенде лишь сказано, что за пределами зигзагов тариф зависит от расстояния.
На схеме Константина Коновалова сохранено традиционное разделение на «городской» и «пригородный» фоны, но обозначены границы всех зон. Вместо навязчивого зигзага с обводкой — тонкая чёрточка с номерами
Напомню необычный приём из Мельбурна, где зоны оплаты обозначают цветом линии:
Многообразие схем
Подписи![]()
Текстура
Элементы текстового оформления плаката со схемой мы уже обсуждали, когда говорили о текстурах. А здесь речь пойдёт о подписях на схеме, в первую очередь — о названиях остановок. Поговорим об их размере, расположении, наборе и стиле. Подписи городских объектов вроде парков и рек обсудим ещё следом в главе о городе.
Самое главное — сделать подписи достаточно крупными и расположить так, чтобы у читателя не возникало сомнений в том, к чему они относятся. При расположении нужно учитывать закон близости: подпись должна стоять близко к своему объекту и далеко от чужих.
Сложность тут в том, что на схеме очень высока плотность объектов. Мелкую подпись легко разместить, но когда начинаешь её увеличивать, она неизбежно оказывается рядом с чем‑то не тем, если вообще влезает. Требуется ювелирная работа.
Подписи
Элементы текстового оформления плаката со схемой мы уже обсуждали, когда говорили о текстурах. А здесь речь пойдёт о подписях на схеме, в первую очередь — о названиях остановок. Поговорим об их размере, расположении, наборе и стиле. Подписи городских объектов вроде парков и рек обсудим ещё следом в главе о городе.
Самое главное — сделать подписи достаточно крупными и расположить так, чтобы у читателя не возникало сомнений в том, к чему они относятся. При расположении нужно учитывать закон близости: подпись должна стоять близко к своему объекту и далеко от чужих.
Сложность тут в том, что на схеме очень высока плотность объектов. Мелкую подпись легко разместить, но когда начинаешь её увеличивать, она неизбежно оказывается рядом с чем‑то не тем, если вообще влезает. Требуется ювелирная работа.
Текстура
На московской схеме начала 2000‑х было трудно понять, где от какого кружка подпись.
Иногда два кружка располагались на одинаковом расстоянии от подписи, и какой из них к ней относится, приходилось разбираться методом исключения. При этом иногда к подписи действительно относились два кружка: если они изображали одноимённые платформы.
На современной схеме расположение подписей намного лучше, но проблема неравенства числа кружков и числа подписей осталась. Дизайнеры пытаются намекнуть на соответствие, располагая кружки одноимённых платформ на пересадке чуть ближе друг к другу.
Решение проблемы:
Одно название — один кружок
В Лондоне почти везде каждому пересадочному узлу соответствует ровно одно название, так что разбираться, какая подпись к какому из кружков пересадки относится, не приходится. Но есть исключение: сначала Банк и Монумент были раздельными станциями, но постепенно там образовался сложный пересадочный узел, изображаемый четырьмя кружками. Средние кружки стоят чуть ближе к Монументу, но полагаться на это нельзя: на самом деле там Банк.
Москва, 2005. Метро.ру
Москва, 2005. Метро.ру
Москва, 2005. Метро.ру
Москва, 2019. Студия Лебедева
Москва, 2019. Студия Лебедева
Транспорт Лондона, 2018
Транспорт Лондона, 2018
Москва, 2005. Метро.ру
Москва, 2005. Метро.ру
Москва, 2005. Метро.ру
Москва, 2019. Студия Лебедева
Москва, 2019. Студия Лебедева
Транспорт Лондона, 2018
Транспорт Лондона, 2018
На московской схеме начала 2000‑х было трудно понять, где от какого кружка подпись.
Иногда два кружка располагались на одинаковом расстоянии от подписи, и какой из них к ней относится, приходилось разбираться методом исключения. При этом иногда к подписи действительно относились два кружка: если они изображали одноимённые платформы.
На современной схеме расположение подписей намного лучше, но проблема неравенства числа кружков и числа подписей осталась. Дизайнеры пытаются намекнуть на соответствие, располагая кружки одноимённых платформ на пересадке чуть ближе друг к другу.
Решение проблемы:
Одно название — один кружок
В Лондоне почти везде каждому пересадочному узлу соответствует ровно одно название, так что разбираться, какая подпись к какому из кружков пересадки относится, не приходится. Но есть исключение: сначала Банк и Монумент были раздельными станциями, но постепенно там образовался сложный пересадочный узел, изображаемый четырьмя кружками. Средние кружки стоят чуть ближе к Монументу, но полагаться на это нельзя: на самом деле там Банк.
Напомню, что сложности с расположением подписей были одной из причин для перехода от географичности к геометричности.
Но чтобы разместить подписи даже на геометричной схеме, Генри Беку поначалу приходилось где‑то сужать шрифт, где‑то разрывать линии и обозначения станций, а где‑то даже рисовать стрелочки.
Появление транспортных схем
Геометрия
Напомню, что сложности с расположением подписей были одной из причин для перехода от географичности к геометричности.
Но чтобы разместить подписи даже на геометричной схеме, Генри Беку поначалу приходилось где‑то сужать шрифт, где‑то разрывать линии и обозначения станций, а где‑то даже рисовать стрелочки.
Появление транспортных схем
Геометрия
Выносные линии как часть обозначения станции:
Виннипег
Если подписать объект рядом негде, вместо стрелки лучше использовать тонкую линию.
При этом важно нарисовать линию так, чтобы её точно увидели. На нью‑йоркской схеме есть несколько таких выносок, и они читаются нормально.
А на старой схеме электричек Мэриленда выноска плохая. Сначала меня смутило, что у нижней станции две подписи: «Юнион‑стейшен» слева и «Ривердейл» справа; и лишь потом я случайно заметил, что от Ривердейла идёт изломанная белая линейка к кружку выше.
Если подписать объект рядом негде, вместо стрелки лучше использовать тонкую линию.
При этом важно нарисовать линию так, чтобы её точно увидели. На нью‑йоркской схеме есть несколько таких выносок, и они читаются нормально.
А на старой схеме электричек Мэриленда выноска плохая. Сначала меня смутило, что у нижней станции две подписи: «Юнион‑стейшен» слева и «Ривердейл» справа; и лишь потом я случайно заметил, что от Ривердейла идёт изломанная белая линейка к кружку выше.
Выносные линии как часть обозначения станции:
Виннипег
Черновик схемы московских электричек
Финальный макет, дизайн мой
Всё же выносные линии нежелательны. Они обращают на себя внимание и намекают пассажиру: дизайнеру было сложно.
Лучше найти способ так всё расположить, чтобы всем подписям нашлось место без выносок.
Поиск решения
Черновик схемы московских электричек
Всё же выносные линии нежелательны. Они обращают на себя внимание и намекают пассажиру: дизайнеру было сложно.
Лучше найти способ так всё расположить, чтобы всем подписям нашлось место без выносок.
Финальный макет, дизайн мой
Поиск решения
Об отрезании концов линий:
Охват
Графема
Дизайнер Генри Бек, 1933
Когда нужно уместить несколько невлезающих конечных станций, их подписи можно оформить в виде списка в «ящике».
На схеме электричек я использовал такие ящики даже не на концах, а во многих сложных участках линий — мне это понадобилось для сохранения графемы.
Пассажиры восприняли такое решение как костыль. Конечно, особенно недовольны были жители самих попавших в ящик станций.
Проблема тут не только в неизящности. Главное, что людям неочевидно, в каком порядке читать станции в ящике.
Дизайнер Генри Бек, 1933
Когда нужно уместить несколько невлезающих конечных станций, их подписи можно оформить в виде списка в «ящике».
На схеме электричек я использовал такие ящики даже не на концах, а во многих сложных участках линий — мне это понадобилось для сохранения графемы.
Пассажиры восприняли такое решение как костыль. Конечно, особенно недовольны были жители самих попавших в ящик станций.
Проблема тут не только в неизящности. Главное, что людям неочевидно, в каком порядке читать станции в ящике.
Об отрезании концов линий:
Охват
Графема
Хорошо, когда подписи и линии не налезают друг на друга. Для этого линии нужно сразу прокладывать с учётом того, что между ними будут подписи.
Подписи и линии не пересекаются, например, на современной лондонской и берлинской схемах метро, на нашей схеме челябинских трамваев.
Транспорт Лондона, 2018
Челябинские трамваи, дизайнеры Полина Лесникова и Александр Караваев, артдир я
Хорошо, когда подписи и линии не налезают друг на друга. Для этого линии нужно сразу прокладывать с учётом того, что между ними будут подписи.
Подписи и линии не пересекаются, например, на современной лондонской и берлинской схемах метро, на нашей схеме челябинских трамваев.
Транспорт Лондона, 2018
Челябинские трамваи, дизайнеры Полина Лесникова и Александр Караваев, артдир я
Можно подумать, что непересечение подписей с линиями — хорошее общее требование к схеме. Но чтобы добиться непересечения в таком плотном участке, как здесь, пришлось бы сильно пожертвовать кеглем, особенно если подписывать станции на двух языках. А для этой схемы я поставил себе задачу сделать самый крупный кегль, какой смогу.
Труднее всего избегать пересечений в центральных частях городов. Дизайнеры, которые имеют дело с московской схемой, ненавидят станцию Библиотека имени Ленина в самом центре, в то время как южные станции Бульвар Дмитрия Донского и Бульвар Адмирала Ушакова мало кого беспокоят.
Схема московского метро, дизайн мой
Можно подумать, что непересечение подписей с линиями — хорошее общее требование к схеме. Но чтобы добиться непересечения в таком плотном участке, как здесь, пришлось бы сильно пожертвовать кеглем, особенно если подписывать станции на двух языках. А для этой схемы я поставил себе задачу сделать самый крупный кегль, какой смогу.
Труднее всего избегать пересечений в центральных частях городов. Дизайнеры, которые имеют дело с московской схемой, ненавидят станцию Библиотека имени Ленина в самом центре, в то время как южные станции Бульвар Дмитрия Донского и Бульвар Адмирала Ушакова мало кого беспокоят.
Схема московского метро, дизайн мой
Давайте обсудим, как оформлять пересечения линий и подписей. Если писать текст прямо поверх линий, получается плохо: хуже читается и подпись, и линия.
Линии можно разорвать, как мы видели выше на старой схеме Бека. Когда разрывы встречаются в паре мест на схеме — не страшно, но если разрывов много, они начинают «шуметь», а следить за линиями становится сложнее.
Обводка по форме букв позволяет вырезать из линии минимум. Но так форма вырезов становится слишком замысловатой, а высокий контраст краёв только подчёркивает её сложность.
Смягчить эффект можно, размыв обводку — получится что‑то вроде свечения. Но этот эффект выглядит дёшево, создаёт ощущение выцветания краски, портится при печати.
Я предпочитаю ставить текст на полупрозрачную плашку.
Давайте обсудим, как оформлять пересечения линий и подписей. Если писать текст прямо поверх линий, получается плохо: хуже читается и подпись, и линия.
Линии можно разорвать, как мы видели выше на старой схеме Бека. Когда разрывы встречаются в паре мест на схеме — не страшно, но если разрывов много, они начинают «шуметь», а следить за линиями становится сложнее.
Обводка по форме букв позволяет вырезать из линии минимум. Но так форма вырезов становится слишком замысловатой, а высокий контраст краёв только подчёркивает её сложность.
Смягчить эффект можно, размыв обводку — получится что‑то вроде свечения. Но этот эффект выглядит дёшево, создаёт ощущение выцветания краски, портится при печати.
Я предпочитаю ставить текст на полупрозрачную плашку.
Интуитивно хочется подобрать размер плашки так, чтобы на неё вмещалась вся подпись. Но такая плашка на пересечении с линией может оказаться больше, чем надо. Это зря затруднит чтение линии.
Лучше сделать плашку минимального размера, необходимого для изоляции только пересекающего линию фрагмента текста.
Бывает, что какая‑нибудь одна торчащая над или под строкой буква сильно растягивает плашку. Не хочется усложнять форму плашки выкусами, поэтому можно подвинуть подпись так, чтобы хотя бы мешающая буква ушла за пределы пересечения.
Когда удачный размер плашки подобран, можно поэкспериментировать и со степенью прозрачности.
Интуитивно хочется подобрать размер плашки так, чтобы на неё вмещалась вся подпись. Но такая плашка на пересечении с линией может оказаться больше, чем надо. Это зря затруднит чтение линии.
Лучше сделать плашку минимального размера, необходимого для изоляции только пересекающего линию фрагмента текста.
Бывает, что какая‑нибудь одна торчащая над или под строкой буква сильно растягивает плашку. Не хочется усложнять форму плашки выкусами, поэтому можно подвинуть подпись так, чтобы хотя бы мешающая буква ушла за пределы пересечения.
Когда удачный размер плашки подобран, можно поэкспериментировать и со степенью прозрачности.
Предпочтительно, чтобы подпись пересекала не «чужую» линию, а «свою» — ту, станцию на которой подписываем. Тогда взгляд следящего за линией читателя не будет запинаться зря.
На этом фрагменте моей схемы «Тверская» и «Лубянка» пересекают свои линии, а «Чеховская» — чужую.
Здесь подпись «Рихард‑Вагнер‑плац» разрывает «чужую» линию автобуса X9, но ни то, ни другое не теряет в читаемости.
Так что если мешающая линия проходит явно во второстепенном информационном слое, то можно и не бороться с пересечением.
Линии метро уступают место железнодорожным подписям на схеме московских электричек:
Линии
Предпочтительно, чтобы подпись пересекала не «чужую» линию, а «свою» — ту, станцию на которой подписываем. Тогда взгляд следящего за линией читателя не будет запинаться зря.
На этом фрагменте моей схемы «Тверская» и «Лубянка» пересекают свои линии, а «Чеховская» — чужую.
Здесь подпись «Рихард‑Вагнер‑плац» разрывает «чужую» линию автобуса X9, но ни то, ни другое не теряет в читаемости.
Так что если мешающая линия проходит явно во второстепенном информационном слое, то можно и не бороться с пересечением.
Линии метро уступают место железнодорожным подписям на схеме московских электричек:
Линии
Московское метро, дизайн мой
Есть издательская традиция избегать переносов внутри слов в заголовках и подписях. Но такое требование к схеме излишне — ограничений и так хватает.
В случае Преображенской площади альтернативы такие: залезть на соседнюю линию; уменьшить кегль подписей на всей схеме; увеличить расстояние между линиями, сломав сетку схемы. Очевидно, перенос выигрывает.
Электрички Москвы, дизайн мой
Тестовская — один из самых сложных узлов на схеме электричек. Перенести её тут пришлось даже не потому, что она не влезала, а ради того, чтобы название однозначно относилось к своей станции и не приближалось к соседней Беговой.
Всё же переносами на схеме не стоит злоупотреблять. И, конечно, нужно следовать существующим в языке правилам переноса.
Московское метро, дизайн мой
Есть издательская традиция избегать переносов внутри слов в заголовках и подписях. Но такое требование к схеме излишне — ограничений и так хватает.
В случае Преображенской площади альтернативы такие: залезть на соседнюю линию; уменьшить кегль подписей на всей схеме; увеличить расстояние между линиями, сломав сетку схемы. Очевидно, перенос выигрывает.
Электрички Москвы, дизайн мой
Тестовская — один из самых сложных узлов на схеме электричек. Перенести её тут пришлось даже не потому, что она не влезала, а ради того, чтобы название однозначно относилось к своей станции и не приближалось к соседней Беговой.
Всё же переносами на схеме не стоит злоупотреблять. И, конечно, нужно следовать существующим в языке правилам переноса.
Чикаго. Си‑ти‑эй
Иногда чтобы вместить подпись, дизайнеры её ставят под углом. Особенно это помогает на горизонтальных участках.
Стоящие под разными углами подписи добавляют неряшливости и обычно встречаются на плохих схемах.
Стокгольм. СЛ
Стокгольмская схема, несмотря на наклонённые подписи, смотрится опрятно — спасает рифма с линиями по 45‑градусной сетке.
Но как бы там ни было, даже опрятную схему читать под углом неудобно, если только ты не индюк из Саус‑парка.
У индюка Гобблса голова волочится по полу, и он всё видит повёрнутым. Фандом
Чикаго. Си‑ти‑эй
Иногда чтобы вместить подпись, дизайнеры её ставят под углом. Особенно это помогает на горизонтальных участках.
Стоящие под разными углами подписи добавляют неряшливости и обычно встречаются на плохих схемах.
Стокгольм. СЛ
Стокгольмская схема, несмотря на наклонённые подписи, смотрится опрятно — спасает рифма с линиями по 45‑градусной сетке.
Но как бы там ни было, даже опрятную схему читать под углом неудобно, если только ты не индюк из Саус‑парка.
У индюка Гобблса голова волочится по полу, и он всё видит повёрнутым. Фандом
Сетка углов:
Геометрия
Автобусы Люксембурга, ВДЛ
Говоря о своей люксембургской схеме, дизайнер Юг Церович как‑то упоминал, что на наклонённых линиях проще расставлять подписи, потому что они не спорят с углом самих линий.
Медельин, дизайнер Кэмерон Бут. Транзитмэп
Это подсказывает ловкий приём: вместо наклона подписей, наклонить остальную схему, то есть линии. Так все подписи останутся горизонтальными и читаемыми.
Автобусы Люксембурга, ВДЛ
Говоря о своей люксембургской схеме, дизайнер Юг Церович как‑то упоминал, что на наклонённых линиях проще расставлять подписи, потому что они не спорят с углом самих линий.
Медельин, дизайнер Кэмерон Бут. Транзитмэп
Это подсказывает ловкий приём: вместо наклона подписей, наклонить остальную схему, то есть линии. Так все подписи останутся горизонтальными и читаемыми.
Сетка углов:
Геометрия
Некоторым языкам повезло: писать по вертикали в них так же естественно, как и по горизонтали. Вопроса о том, как подписать станцию на горизонтальном участке, не возникает.
Схема‑фантазия из Син‑Иокогамского музея рамена. Марк Хейден
Схема‑фантазия из Син‑Иокогамского музея рамена. Марк Хейден
Некоторым языкам повезло: писать по вертикали в них так же естественно, как и по горизонтали. Вопроса о том, как подписать станцию на горизонтальном участке, не возникает.
Наконец, не вмещающиеся подписи можно сокращать.
В русском, как и в других языках, есть общепринятые и привычные сокращения: ул., пл., пр‑т, им., бывш., к/т, ДК. Носители языка читают сокращения без проблем, но при переводе их придётся раскрыть. Перевод обычно набирают мельче, так что всё должно уместиться.
Ещё один путь сокращения — отход от формализма и убирание очевидных слов. Скажем, если остановка официально называется «Тверская улица», на схеме можно оставить «Тверская». Одинокий родительный падеж («Пушкина») звучит слегка неполноценно, но в целом тоже возможен.
Можно также попробовать убрать слова вроде «кинотеатр», «магазин», «сад», которые часто встречаются в наземных остановках, если считать название объекта достаточно известным. После них обычно идёт название в кавычках — можно в кавычках его и оставлять.
Если вы сократили одну площадь до пл., для единообразия обычно лучше сократить все. Когда относишься к сокращению как к спасительному приёму и сокращаешь только там, где без этого не влезает, люди замечают непоследовательность.
В Челябинске все и так знают, что «Юность» — это дворец спорта, а «Малахит» — гостиница. Схема челябинских трамваев, дизайнеры Полина Лесникова и Александр Караваев, артдир я
В Челябинске все и так знают, что «Юность» — это дворец спорта, а «Малахит» — гостиница. Схема челябинских трамваев, дизайнеры Полина Лесникова и Александр Караваев, артдир я
Наконец, не вмещающиеся подписи можно сокращать.
В русском, как и в других языках, есть общепринятые и привычные сокращения: ул., пл., пр‑т, им., бывш., к/т, ДК. Носители языка читают сокращения без проблем, но при переводе их придётся раскрыть. Перевод обычно набирают мельче, так что всё должно уместиться.
Ещё один путь сокращения — отход от формализма и убирание очевидных слов. Скажем, если остановка официально называется «Тверская улица», на схеме можно оставить «Тверская». Одинокий родительный падеж («Пушкина») звучит слегка неполноценно, но в целом тоже возможен.
Можно также попробовать убрать слова вроде «кинотеатр», «магазин», «сад», которые часто встречаются в наземных остановках, если считать название объекта достаточно известным. После них обычно идёт название в кавычках — можно в кавычках его и оставлять.
Если вы сократили одну площадь до пл., для единообразия обычно лучше сократить все. Когда относишься к сокращению как к спасительному приёму и сокращаешь только там, где без этого не влезает, люди замечают непоследовательность.
Теперь посмотрим на расположение подписей более пристально.
Сначала разберём выравнивание подписей с пеньками на вертикальных участках. Вёрстку таких участков важнее всего систематизировать, ведь там появляются целые списки станций. Предпочтительно ставить такие списки справа от линии, чтобы они выравнялись левыми краями, как обычный список. Разумеется, в языках с письмом справа налево — наоборот.
Когда подписи стоят справа, рядом с пеньками оказываются их заглавные буквы. Первое, что приходит в голову, — отцентровать заглавные буквы вертикально по пеньку. Это неудачное решение: подпись проваливается, остальные‑то буквы ниже.
Ещё заметнее провал, когда подпись оказывается слева.
Спасти подпись слева можно, чуть всё подняв. Теперь подписи выровнены верхом строчных с верхом пенька, и слева возникает приятная сбитость: подпись держится надёжно, как кронштейн. Но подписи справа по‑прежнему проваливаются.
Центровка по строчным — рабочий вариант. Но подписи всё равно не «держатся» за пенёк. Хочется надёжного крепления!
Рекомендую выравнивать подписи базовой линией шрифта по низу пенька. Так пенёк и текст твёрдо стоят на общем «полу», причём это хорошо видно с обеих сторон.
Кстати, не стоит пытаться центровать многострочные подписи — они выглядят не привязанными ни к чему. Во всех примерах выше я ориентируюсь только на первую строку.
Предсказуемо хуже всего — выравнивание по высоте заглавных, такое расположение кажется ошибкой.
Вернёмся к выравниванию базовой линией шрифта по низу пенька.
Если размер подписи такой, что с пеньком получается выровнять и базовую, и строчные, то смотрится безупречно.
Здесь строчные торчат чуть выше верха пенька, а ощущение идеального выравнивания остаётся. Но уменьшать подписи ради таких совпадений не стоит: для схемы в целом важно, чтобы они были крупными, и это не должно ставиться в зависимость от нюансов выравнивания.
Лучше ставить подписи по одну сторону от линии:
Остановки
Общее важнее частного:
Свобода
Теперь посмотрим на расположение подписей более пристально.
Сначала разберём выравнивание подписей с пеньками на вертикальных участках. Вёрстку таких участков важнее всего систематизировать, ведь там появляются целые списки станций. Предпочтительно ставить такие списки справа от линии, чтобы они выравнялись левыми краями, как обычный список. Разумеется, в языках с письмом справа налево — наоборот.
Когда подписи стоят справа, рядом с пеньками оказываются их заглавные буквы. Первое, что приходит в голову, — отцентровать заглавные буквы вертикально по пеньку. Это неудачное решение: подпись проваливается, остальные‑то буквы ниже.
Ещё заметнее провал, когда подпись оказывается слева.
Спасти подпись слева можно, чуть всё подняв. Теперь подписи выровнены верхом строчных с верхом пенька, и слева возникает приятная сбитость: подпись держится надёжно, как кронштейн. Но подписи справа по‑прежнему проваливаются.
Центровка по строчным — рабочий вариант. Но подписи всё равно не «держатся» за пенёк. Хочется надёжного крепления!
Рекомендую выравнивать подписи базовой линией шрифта по низу пенька. Так пенёк и текст твёрдо стоят на общем «полу», причём это хорошо видно с обеих сторон.
Кстати, не стоит пытаться центровать многострочные подписи — они выглядят не привязанными ни к чему. Во всех примерах выше я ориентируюсь только на первую строку.
Предсказуемо хуже всего — выравнивание по высоте заглавных, такое расположение кажется ошибкой.
Вернёмся к выравниванию базовой линией шрифта по низу пенька.
Если размер подписи такой, что с пеньком получается выровнять и базовую, и строчные, то смотрится безупречно.
Здесь строчные торчат чуть выше верха пенька, а ощущение идеального выравнивания остаётся. Но уменьшать подписи ради таких совпадений не стоит: для схемы в целом важно, чтобы они были крупными, и это не должно ставиться в зависимость от нюансов выравнивания.
Лучше ставить подписи по одну сторону от линии:
Остановки
Общее важнее частного:
Свобода
На горизонтальных участках самый безопасный вариант — отцентровать подписи по обозначениям остановок.
Можно привязать и левыми краями, как значения отметок на числовой прямой в математике, но это смотрится слишком формально, что обычно ни к чему. Ещё формальнее было бы выровнять по верху — стройно, конечно, но связь между обозначениями и подписями становится совсем слабой. Такое могло бы сработать при обозначении остановок линейками.
В принципе, если пенёк однозначно указывает в подпись, то не так и важно, в какую именно её часть. Даже если на одном отрезке подписи выровнены по‑разному, здесь это не выглядит ошибкой, в отличие от вертикальных участков. Подпись конечной вообще можно выровнять по концу линии, чтобы лучше подчеркнуть его «тупиковость».
На горизонтальных участках подписи своей длиной распирают линии, и эту проблему приходится решать расположением подписей в шахматном порядке.
Теперь отрезок можно уплотнить. Но вот если слишком уплотнить, возникает проблема: связь между обозначениями и подписями становится слишком слабой. Особенно плохо, если обозначения — не пеньки.
Лучше всё‑таки сделать так, чтобы каждая подпись «покрывала» только одну остановку.
На горизонтальных участках самый безопасный вариант — отцентровать подписи по обозначениям остановок.
Можно привязать и левыми краями, как значения отметок на числовой прямой в математике, но это смотрится слишком формально, что обычно ни к чему. Ещё формальнее было бы выровнять по верху — стройно, конечно, но связь между обозначениями и подписями становится совсем слабой. Такое могло бы сработать при обозначении остановок линейками.
В принципе, если пенёк однозначно указывает в подпись, то не так и важно, в какую именно её часть. Даже если на одном отрезке подписи выровнены по‑разному, здесь это не выглядит ошибкой, в отличие от вертикальных участков. Подпись конечной вообще можно выровнять по концу линии, чтобы лучше подчеркнуть его «тупиковость».
На горизонтальных участках подписи своей длиной распирают линии, и эту проблему приходится решать расположением подписей в шахматном порядке.
Теперь отрезок можно уплотнить. Но вот если слишком уплотнить, возникает проблема: связь между обозначениями и подписями становится слишком слабой. Особенно плохо, если обозначения — не пеньки.
Лучше всё‑таки сделать так, чтобы каждая подпись «покрывала» только одну остановку.
Версия 3.727
Версия 3.727
Версия 3.728
Версия 3.732
На схеме московского метро 2013 года я пытался расставить подписи станций монорельса.
В этом черновике была странность: «Ул. Академика Королёва» была выровнена центром по своему пеньку, но латиница была выровнена по левому краю этой подписи. Это не криминал, но такое выравнивание выглядит неустойчивым. Также я заметил, что можно избавиться от сокращения «Ул.», и всё равно всё влезет.
После согласования выравнивания и избавления от сокращений пенёк от «Телецентра» попал под «Улицу Академика Королёва», а её пенёк залез на территорию «Выставочного центра». Стало трудно понимать, что к чему.
Пришлось подвигать станции, пока проблема не исчезла. Заметьте, что подписи здесь выравниваются по левому краю, но при этом пеньки смотрят не в сам край, а несколько смещены в сторону центра тяжести подписи. Конструкция выглядит сбалансированнее.
Версия 3.727
Версия 3.727
Версия 3.728
Версия 3.732
На схеме московского метро 2013 года я пытался расставить подписи станций монорельса.
В этом черновике была странность: «Ул. Академика Королёва» была выровнена центром по своему пеньку, но латиница была выровнена по левому краю этой подписи. Это не криминал, но такое выравнивание выглядит неустойчивым. Также я заметил, что можно избавиться от сокращения «Ул.», и всё равно всё влезет.
После согласования выравнивания и избавления от сокращений пенёк от «Телецентра» попал под «Улицу Академика Королёва», а её пенёк залез на территорию «Выставочного центра». Стало трудно понимать, что к чему.
Пришлось подвигать станции, пока проблема не исчезла. Заметьте, что подписи здесь выравниваются по левому краю, но при этом пеньки смотрят не в сам край, а несколько смещены в сторону центра тяжести подписи. Конструкция выглядит сбалансированнее.
Плохо
Так себе
Хорошо
Троллейбусы Иркутска, дизайнер Андрей Смирнов
Ночные маршруты Брюсселя, СТИБ
Поезда Копенгагена, дизайнеры Кристофер Торбьёрн Бек и Паша Омелёхин
На горизонтальных участках подписи расставляют поочерёдно то над, то под линией для экономии места. Но на диагональных и вертикальных участках скачущие туда‑сюда подписи затрудняют чтение — лучше их ставить в одну сторону.
Если несколько подписей оказывается слева, они выравниваются правыми краями, что так же не очень удобно.
Подписи справа выглядят привычнее и комфортнее для чтения благодаря более естественному выравниваю.
Конечно, в языках с письмом справа налево — наоборот. При этом, если приходится совмещать разнонаправленные языки, не стоит располагать подписи по разные стороны линии, это выглядит глуповато. Лучше подчинить всё основному языку.
Плохо
Троллейбусы Иркутска, дизайнер Андрей Смирнов
На горизонтальных участках подписи расставляют поочерёдно то над, то под линией для экономии места. Но на диагональных и вертикальных участках скачущие туда‑сюда подписи затрудняют чтение — лучше их ставить в одну сторону.
Если несколько подписей оказывается слева, они выравниваются правыми краями, что так же не очень удобно.
Так себе
Ночные маршруты Брюсселя, СТИБ
Хорошо
Поезда Копенгагена, дизайнеры Кристофер Торбьёрн Бек и Паша Омелёхин
Подписи справа выглядят привычнее и комфортнее для чтения благодаря более естественному выравниваю.
Конечно, в языках с письмом справа налево — наоборот. При этом, если приходится совмещать разнонаправленные языки, не стоит располагать подписи по разные стороны линии, это выглядит глуповато. Лучше подчинить всё основному языку.
На этом вымышленном примере подпись «Сидоровский бульвар» относится к двум пенькам. Так делать не стоит: подпись должна определиться, какой стороной она привязана к своей остановке.
Сейчас кажется, что между «Сидоровскими бульварами» на соседних линиях расстояние в пять раз больше, чем до соседнего «Петрова». Может, так и есть, но уверенности в этом нет.
Ещё здесь название остановки работает как распорка между линиями. Геометрия схемы зависит от длины подписи: если схему перевести на другой язык или переименовать остановку, сдвинутся линии. Даже соседние остановки будет сложно переименовать: вдруг название перестанет влезать в отведённое место?
А здесь подпись «Стадион Монолит» вроде бы, как и её соседи, привязана к линии правым краем. Но при этом к её левому краю подходит пунктирная линия с подписью «1 минута». Предположительно, дизайнеры имели в виду, что от остановки Монолит маршрута
Нужно перерисовать так, чтобы 1 минута была именно до остановки, а не до края подписи. Длина подписи должна перестать играть роль в оценке этой близости.
Трамваи Волгограда. Дизайнеры Роман Дроботов и Денис Кравцов
На этом вымышленном примере подпись «Сидоровский бульвар» относится к двум пенькам. Так делать не стоит: подпись должна определиться, какой стороной она привязана к своей остановке.
Сейчас кажется, что между «Сидоровскими бульварами» на соседних линиях расстояние в пять раз больше, чем до соседнего «Петрова». Может, так и есть, но уверенности в этом нет.
Ещё здесь название остановки работает как распорка между линиями. Геометрия схемы зависит от длины подписи: если схему перевести на другой язык или переименовать остановку, сдвинутся линии. Даже соседние остановки будет сложно переименовать: вдруг название перестанет влезать в отведённое место?
Трамваи Волгограда. Дизайнеры Роман Дроботов и Денис Кравцов
А здесь подпись «Стадион Монолит» вроде бы, как и её соседи, привязана к линии правым краем. Но при этом к её левому краю подходит пунктирная линия с подписью «1 минута». Предположительно, дизайнеры имели в виду, что от остановки Монолит маршрута
Нужно перерисовать так, чтобы 1 минута была именно до остановки, а не до края подписи. Длина подписи должна перестать играть роль в оценке этой близости.
Так себе
Городской транспорт Киева, дизайнер Костя Череповский
Хорошо
Метро Санкт‑Петербурга, дизайнеры Егор Попов, Сергей Чикин, артдир я. О проекте
На некоторых схемах дополнительный язык везде располагают под основным — дизайнеры видят в этом порядок. Но так основная подпись может отвалиться от обозначения.
Лучше сначала расставить основные подписи, а потом уже второстепенные. В данном случае — поменять местами подписи Улицы Щусева.
Вообще, отключение слоя второстепенных подписей не должно приводить к смещению основных. Поэтому в многоэтажных подписях части сортируют по важности, удаляя их от обозначения.
Так себе
Городской транспорт Киева, дизайнер Костя Череповский
На некоторых схемах дополнительный язык везде располагают под основным — дизайнеры видят в этом порядок. Но так основная подпись может отвалиться от обозначения.
Лучше сначала расставить основные подписи, а потом уже второстепенные. В данном случае — поменять местами подписи Улицы Щусева.
Хорошо
Метро Санкт‑Петербурга, дизайнеры Егор Попов, Сергей Чикин, артдир я. О проекте
Вообще, отключение слоя второстепенных подписей не должно приводить к смещению основных. Поэтому в многоэтажных подписях части сортируют по важности, удаляя их от обозначения.
Слишком далеко
Нормально
Слишком близко
Нормально
Плохо
Хорошо
Трамваи Волгограда. Дизайнеры Роман Дроботов и Денис Кравцов
На волгоградской схеме, которую мы видели выше, ещё одна проблема с подписями: они слишком далеко от остановок, что затрудняет чтение.
Для однозначной связи подпись следует размещать близко к объекту.
Но важно и не переборщить. Здесь расстояние от подписи до обозначения остановки, внешнее по отношению к подписи, оказалось меньше расстояния между буквами самой подписи, то есть внутреннего. По правилу внутреннего и внешнего должно быть наоборот.
У многоэтажных подписей появляется ещё одно «внутреннее» — расстояние между строками. Снова, плохо, если оно оказывается больше «внешнего», то есть расстояния до обозначения остановки. Следует исправить это соотношение.
Артём Горбунов. Типографика и вёрстка. Глава «Правило внутреннего и внешнего»
Слишком далеко
Нормально
Слишком близко
Нормально
Плохо
Хорошо
Трамваи Волгограда. Дизайнеры Роман Дроботов и Денис Кравцов
На волгоградской схеме, которую мы видели выше, ещё одна проблема с подписями: они слишком далеко от остановок, что затрудняет чтение.
Для однозначной связи подпись следует размещать близко к объекту.
Но важно и не переборщить. Здесь расстояние от подписи до обозначения остановки, внешнее по отношению к подписи, оказалось меньше расстояния между буквами самой подписи, то есть внутреннего. По правилу внутреннего и внешнего должно быть наоборот.
У многоэтажных подписей появляется ещё одно «внутреннее» — расстояние между строками. Снова, плохо, если оно оказывается больше «внешнего», то есть расстояния до обозначения остановки. Следует исправить это соотношение.
Артём Горбунов. Типографика и вёрстка. Глава «Правило внутреннего и внешнего»
С засечками
Таймс
Без засечек
Гельветика
В начале главы я призвал делать подписи крупными. Но нельзя сравнивать схемы только по физическому размеру букв — нужно внимательно подойти к выбору шрифта.
В транспортной навигации обычно используют шрифты без засечек. На географичной схеме засечки ещё можно представить, но упрощению геометрии, кажется, неизбежно сопутствует и упрощение рисунка шрифта.
Следует проверять различимость символов при чтении с большого расстояния и при плохом освещении.
Закрытый
Гельветика
Открытый
Калибри
Важный параметр для различимости символов — открытость шрифта. Сравните Гельветику и Калибри. У Гельветики концевые элементы букв слишком приближаются друг к другу — различать буквы сложнее. У Калибри «отверстия» в буквах щедрые и работают на их узнаваемость.
Обращайте также внимание на различимость единицы 1, заглавной I (i) и строчной l (L); букв Бб и цифры 6; на пары tf, В8, O0, 3З.
Ральф Херрманн. Проектирование шрифта для навигации
Изменение шрита может привести к перевёрстке:
Поиск решения
С засечками
Таймс
Без засечек
Гельветика
В начале главы я призвал делать подписи крупными. Но нельзя сравнивать схемы только по физическому размеру букв — нужно внимательно подойти к выбору шрифта.
В транспортной навигации обычно используют шрифты без засечек. На географичной схеме засечки ещё можно представить, но упрощению геометрии, кажется, неизбежно сопутствует и упрощение рисунка шрифта.
Следует проверять различимость символов при чтении с большого расстояния и при плохом освещении.
Закрытый
Гельветика
Открытый
Калибри
Важный параметр для различимости символов — открытость шрифта. Сравните Гельветику и Калибри. У Гельветики концевые элементы букв слишком приближаются друг к другу — различать буквы сложнее. У Калибри «отверстия» в буквах щедрые и работают на их узнаваемость.
Обращайте также внимание на различимость единицы 1, заглавной I (i) и строчной l (L); букв Бб и цифры 6; на пары tf, В8, O0, 3З.
Ральф Херрманн. Проектирование шрифта для навигации
Изменение шрита может привести к перевёрстке:
Поиск решения
В Бюро Горбунова специально для навигации спроектировали шрифт Бюросайн.
Он учитывает повышенные требования к различимости знаков — очень открытый, с явными отличиями в похожих символах и щедрыми расстояниями между буквами:
Бюросайн — вариативный шрифт. Его параметры можно плавно регулировать: выбрать начертание чуть светлее или немного шире. Это позволяет обойтись им одним в большом проекте.
Мы использовали Бюросайн на схеме метро Санкт‑Петербурга. Обычные станции набраны несколько зауженным начертанием, конечные — более широким.
Дизайнеры Егор Попов, Сергей Чикин, артдир я. О проекте
В Бюро Горбунова специально для навигации спроектировали шрифт Бюросайн.
Он учитывает повышенные требования к различимости знаков — очень открытый, с явными отличиями в похожих символах и щедрыми расстояниями между буквами:
Бюросайн — вариативный шрифт. Его параметры можно плавно регулировать: выбрать начертание чуть светлее или немного шире. Это позволяет обойтись им одним в большом проекте.
Мы использовали Бюросайн на схеме метро Санкт‑Петербурга. Обычные станции набраны несколько зауженным начертанием, конечные — более широким.
Дизайнеры Егор Попов, Сергей Чикин, артдир я. О проекте
Хорошо, если удаётся использовать один шрифт во всей навигации, включая схему. Во многих транспортных системах мира используется Гельветика и её близкие родственники.
Гельветика универсальна благодаря своей нейтральности, но, как мы видели выше, не идеальна для навигации из‑за чрезмерной закрытости.
Нью‑Йорк. Принято считать, что здесь везде Гельветика, но в действительности местами её заменяет то Ариал, то Акциденц‑гротеск
Барселона
Вена. Местами вместо Гельветики — Ариал
Хорошо, если удаётся использовать один шрифт во всей навигации, включая схему. Во многих транспортных системах мира используется Гельветика и её близкие родственники.
Гельветика универсальна благодаря своей нейтральности, но, как мы видели выше, не идеальна для навигации из‑за чрезмерной закрытости.
Нью‑Йорк. Принято считать, что здесь везде Гельветика, но в действительности местами её заменяет то Ариал, то Акциденц‑гротеск
Барселона
Вена. Местами вместо Гельветики — Ариал
Лондон
Берлин
Москва
Париж
Некоторые развитые транспортные системы разрабатывают собственные шрифты и используют их во всей коммуникации и навигации, в том числе — на схемах. В Лондоне это Джонстон, в Берлине — Транзит, в Москве — Москоу‑санс, в Париже — Паризин.
Самая заметная деталь лондонского Джонстона — ромбовидные точки над i. Вероятно, самый проблемный символ — единица: просто палка со скошенным верхом.
Берлинский Транзит изначально имеет слегка сжатые пропорции, что помогает использовать его с немецким языком, где слова любят быть длинными.
Московский Москоу‑санс выделяется растопыренными Мм, которые намекают на форму знака метро. Точки тут, в отличие от Лондона, квадратные.
Лондон
Берлин
Некоторые развитые транспортные системы разрабатывают собственные шрифты и используют их во всей коммуникации и навигации, в том числе — на схемах. В Лондоне это Джонстон, в Берлине — Транзит, в Москве — Москоу‑санс, в Париже — Паризин.
Самая заметная деталь лондонского Джонстона — ромбовидные точки над i. Вероятно, самый проблемный символ — единица: просто палка со скошенным верхом.
Берлинский Транзит изначально имеет слегка сжатые пропорции, что помогает использовать его с немецким языком, где слова любят быть длинными.
Московский Москоу‑санс выделяется растопыренными Мм, которые намекают на форму знака метро. Точки тут, в отличие от Лондона, квадратные.
Москва
Париж
Лондон. Шрифт Джонстон на автобусной остановке, на автобусе и на схеме
Лондон. Шрифт Джонстон на автобусной остановке, на автобусе и на схеме
Лучше избегать набора подписей ЗАГЛАВНЫМИ БУКВАМИ. Такие подписи имеют форму прямоугольника и слабо отличаются друг от друга, что мешает чтению.
У строчных букв есть элементы, торчащие за строку вверх и вниз, и благодаря ним мы узнаём слова, даже когда не можем разглядеть отдельные буквы.
Набор заглавными допустим как приём выделения и неизбежен для аббревиатур. В этих случаях подписи следует разрежать: воздух между буквами поможет лучше разглядеть их форму и прочитать слово. Насколько именно разрежать — зависит от шрифта.
Москва, 2003, дизайнер Евгений Коваль. Метро.ру
Лучше избегать набора подписей ЗАГЛАВНЫМИ БУКВАМИ. Такие подписи имеют форму прямоугольника и слабо отличаются друг от друга, что мешает чтению.
У строчных букв есть элементы, торчащие за строку вверх и вниз, и благодаря ним мы узнаём слова, даже когда не можем разглядеть отдельные буквы.
Набор заглавными допустим как приём выделения и неизбежен для аббревиатур. В этих случаях подписи следует разрежать: воздух между буквами поможет лучше разглядеть их форму и прочитать слово. Насколько именно разрежать — зависит от шрифта.
Москва, 2003, дизайнер Евгений Коваль. Метро.ру
Если подпись перенеслась на две или больше строк, возникает вопрос об интерлиньяже, или расстоянии между строками. В тексте для сплошного чтения интерлиньяж обычно подбирают в районе 1,2...1,4 от кегля, например в этой книге он равен 1,22. Для подписей на схеме такой интерлиньяж — слишком большой.
Выше мы говорили, что подпись стоит ставить как можно ближе к обозначению остановки, но при этом для соблюдения правила внутреннего и внешнего расстояние между её строками должно быть ещё меньше или хотя бы таким же.
Соотношение не соблюдается, например, на этой схеме метро Новосибирска — слово «роща» хочется подвинуть поближе к слову «Берёзовая».
На схемах обычно нужны экстремально маленькие интерлиньяжи, скажем, на примере с «Пятницким шоссе» это 0,86. Подписи хочется поставить как можно плотнее, чтобы они не «разваливались» и не отваливались от своих станций.
Заодно: латиницу у Золотой Нивы хочется перенести наверх и поставить на стандартном для схемы расстоянии
Если подпись перенеслась на две или больше строк, возникает вопрос об интерлиньяже, или расстоянии между строками. В тексте для сплошного чтения интерлиньяж обычно подбирают в районе 1,2...1,4 от кегля, например в этой книге он равен 1,22. Для подписей на схеме такой интерлиньяж — слишком большой.
Выше мы говорили, что подпись стоит ставить как можно ближе к обозначению остановки, но при этом для соблюдения правила внутреннего и внешнего расстояние между её строками должно быть ещё меньше или хотя бы таким же.
Соотношение не соблюдается, например, на этой схеме метро Новосибирска — слово «роща» хочется подвинуть поближе к слову «Берёзовая».
На схемах обычно нужны экстремально маленькие интерлиньяжи, скажем, на примере с «Пятницким шоссе» это 0,86. Подписи хочется поставить как можно плотнее, чтобы они не «разваливались» и не отваливались от своих станций.
Заодно: латиницу у Золотой Нивы хочется перенести наверх и поставить на стандартном для схемы расстоянии
При уменьшении интерлиньяжа возникает риск столкновения букв соседних строк. Так что ещё один параметр при выборе шрифта — чтоб не слишком «торчал».
В шрифтах для навигации, таких как Бюросайн, необходимость сверхплотного набора учтена: заглавные буквы лишь немного выше строчных, что позволяет прижимать строки друг к другу.
Для моей схемы московского метро
При уменьшении интерлиньяжа возникает риск столкновения букв соседних строк. Так что ещё один параметр при выборе шрифта — чтоб не слишком «торчал».
В шрифтах для навигации, таких как Бюросайн, необходимость сверхплотного набора учтена: заглавные буквы лишь немного выше строчных, что позволяет прижимать строки друг к другу.
Для моей схемы московского метро
Метро Вены. Виен.инфо
В Вене подписи не только слишком мелкие, но и слишком тонкие, особенно в сравнении с толстенными линиями. Кажется, будто подписи даже не являются частью схемы, а нанесены сверху отдельно.
Чем жирнее делаешь текст, тем плотнее выглядит схема и тем в большей степени подписи становятся частью графемы.
Метро Берлина, дизайнер Паша Омелёхин
Сравните с соотношением толщины линий и жирности шрифта на берлинской схеме. Конечные и важные пересадки выделены ещё более жирным начертанием.
Жирность шрифта подписей должна соответствовать их значимости и хорошо сочетаться с остальной графикой схемы.
Графема
Метро Вены. Виен.инфо
В Вене подписи не только слишком мелкие, но и слишком тонкие, особенно в сравнении с толстенными линиями. Кажется, будто подписи даже не являются частью схемы, а нанесены сверху отдельно.
Чем жирнее делаешь текст, тем плотнее выглядит схема и тем в большей степени подписи становятся частью графемы.
Метро Берлина, дизайнер Паша Омелёхин
Сравните с соотношением толщины линий и жирности шрифта на берлинской схеме. Конечные и важные пересадки выделены ещё более жирным начертанием.
Жирность шрифта подписей должна соответствовать их значимости и хорошо сочетаться с остальной графикой схемы.
Графема
Выше мы обсуждали полупрозрачные плашки как способ оформить пересечения подписи с линией.
А вот цветные плашки могут быть способом выделения важных станций или конечных.
Как оформлять пересечения
Лиссабон, дизайнер Юг Церович
Выше мы обсуждали полупрозрачные плашки как способ оформить пересечения подписи с линией.
А вот цветные плашки могут быть способом выделения важных станций или конечных.
Как оформлять пересечения
Лиссабон, дизайнер Юг Церович
2015
Важно не переусердствовать с выделением подписей конечных остановок особым набором.
Сначала в нашей схеме челябинских троллейбусов и трамваев конечные были не только значительно выделены графически, но и подписаны крупным шрифтом. При тестировании выяснилось, что некоторые люди их не замечали, думая, что список остановок заканчивается «Вокзалом».
2018
При обновлении проблему решили: оформили подпись «Колющенко» так же, как остальные, и перенесли направо, чтобы она продолжала ряд. Теперь трёхмерную конструкцию с номерами остановок стало проще воспринимать как обозначение конечной, а не просто декорацию.
2015
Важно не переусердствовать с выделением подписей конечных остановок особым набором.
Сначала в нашей схеме челябинских троллейбусов и трамваев конечные были не только значительно выделены графически, но и подписаны крупным шрифтом. При тестировании выяснилось, что некоторые люди их не замечали, думая, что список остановок заканчивается «Вокзалом».
2018
При обновлении проблему решили: оформили подпись «Колющенко» так же, как остальные, и перенесли направо, чтобы она продолжала ряд. Теперь трёхмерную конструкцию с номерами остановок стало проще воспринимать как обозначение конечной, а не просто декорацию.
Любому дизайнеру приходит в голову попробовать набрать подписи станций цветами их линий. Но это почти никогда не работает: получается слишком пёстро, а ещё жёлтые и розовые линии становятся трудночитаемыми.
Современная лондонская фишка — набор всего текстового слоя на схемах синим цветом, как у Пикадилли‑лайн. Подкрашенный текст добавляет схеме колорита!
Московский приём с подкраской Смоленских и Арбатских — другой случай. Здесь дизайн сразу и обращает внимание на необычную ситуацию, и объясняет её: станции на разных линиях не соединены пересадкой, но называются одинаково.
Чёрный же текст выглядит нейтрально и не вызывает вопросов.
Любому дизайнеру приходит в голову попробовать набрать подписи станций цветами их линий. Но это почти никогда не работает: получается слишком пёстро, а ещё жёлтые и розовые линии становятся трудночитаемыми.
Современная лондонская фишка — набор всего текстового слоя на схемах синим цветом, как у Пикадилли‑лайн. Подкрашенный текст добавляет схеме колорита!
Московский приём с подкраской Смоленских и Арбатских — другой случай. Здесь дизайн сразу и обращает внимание на необычную ситуацию, и объясняет её: станции на разных линиях не соединены пересадкой, но называются одинаково.
Чёрный же текст выглядит нейтрально и не вызывает вопросов.
Подписи и айтрекинг
Остаток главы написан в соавторстве с Марком Родионовым. Марк тестировал разные версии схемы московского метро на айтрекере и любезно поделился результатами.
Айтрекинг — это когда мы фиксируем, как взгляд человека перемещается по схеме при её чтении. Например, пассажир хочет понять, как доехать от станции Строгино до станции Новогиреево. Пока пассажир изучает схему, мы смотрим, как он ищет Строгино, как ищет Новогиреево, как ищет место пересадки. Это любопытно, но сделать конкретные выводы из наблюдений сложно.
В более формальном тесте испытуемому даётся задание: прочитать вслух станции определённой линии по порядку. Он читает, а мы слышим его ошибки или просто сомнения; видим, в каких местах его взгляд «сбивается» и как.
Когда испытуемый читает станции линии по порядку, а мы видим, куда он смотрит, удаётся не только найти отдельные ошибки, но и заметить закономерности в них. В неудачных местах люди одинаково пропускают станции или случайно читают станции соседних линий. Несмотря на разницу контекста, и москвичи, и приезжие сканируют схему примерно одинаково: взгляд спотыкается или норовит пропустить станцию в одних и тех же местах.
Разберём примеры, используя иллюстрации из материалов исследования Марка.
Марк Родионов — дизайнер, работал над официальной схемой московского метро
Подписи и айтрекинг
Остаток главы написан в соавторстве с Марком Родионовым. Марк тестировал разные версии схемы московского метро на айтрекере и любезно поделился результатами.
Марк Родионов — дизайнер, работал над официальной схемой московского метро
Айтрекинг — это когда мы фиксируем, как взгляд человека перемещается по схеме при её чтении. Например, пассажир хочет понять, как доехать от станции Строгино до станции Новогиреево. Пока пассажир изучает схему, мы смотрим, как он ищет Строгино, как ищет Новогиреево, как ищет место пересадки. Это любопытно, но сделать конкретные выводы из наблюдений сложно.
В более формальном тесте испытуемому даётся задание: прочитать вслух станции определённой линии по порядку. Он читает, а мы слышим его ошибки или просто сомнения; видим, в каких местах его взгляд «сбивается» и как.
Когда испытуемый читает станции линии по порядку, а мы видим, куда он смотрит, удаётся не только найти отдельные ошибки, но и заметить закономерности в них. В неудачных местах люди одинаково пропускают станции или случайно читают станции соседних линий. Несмотря на разницу контекста, и москвичи, и приезжие сканируют схему примерно одинаково: взгляд спотыкается или норовит пропустить станцию в одних и тех же местах.
Разберём примеры, используя иллюстрации из материалов исследования Марка.
Такая визуализация называется фокус‑картой. Чем дольше человек смотрит в определённое место, тем «виднее» оно становится.
Стрелка здесь и далее показывает направление чтения линии по заданию.
На втором черновике испытуемые читали линию снизу вверх так: «Кожуховская, Дубровка, Крестьянская Застава, Площадь Ильи.. ой! Римская!..» Некоторые не произносили «Площадь Ильича» вслух, но всё же делали паузу в этом месте.
На втором черновике испытуемые читали линию снизу вверх так: «Кожуховская, Дубровка, Крестьянская Застава, Площадь Ильи.. ой! Римская!..» Некоторые не произносили «Площадь Ильича» вслух, но всё же делали паузу в этом месте.
Такая визуализация называется фокус‑картой. Чем дольше человек смотрит в определённое место, тем «виднее» оно становится.
Стрелка здесь и далее показывает направление чтения линии по заданию.
Линию стали читать снизу вверх правильно после того, как название «Площадь Ильича» отлепили от неё, написав в одну строку и сдвинув чуть выше и правее.
Было
Чужая подпись «Площадь Ильича» мешает: её читают, хотя не должны
Стало
После перемещения подписи «Площадь Ильича» правее и выше её перестали «цеплять» при чтении
Линию стали читать снизу вверх правильно после того, как название «Площадь Ильича» отлепили от неё, написав в одну строку и сдвинув чуть выше и правее.
Было
Чужая подпись «Площадь Ильича» мешает: её читают, хотя не должны
Стало
После перемещения подписи «Площадь Ильича» правее и выше её перестали «цеплять» при чтении
Станция Краснопресненская находится не на Таганско‑Краснопресненской, а на Кольцевой линии
Испытуемые читали схему слева направо. В первом черновике всё было хорошо: подпись «Краснопресненская» была внутри кольца и об неё не запинались — после «Улица 1905 года» правильно читали «Баррикадная».
Потом «Краснопресненская» переехала наружу, и после «Улица 1905 года» стали иногда произносить
Любопытно, что в первом черновике почти на месте «Краснопресненской» была подпись «Международная», но она не мешала. Видимо, спасало, что она всё же стояла чуть дальше от линии.
Испытуемые читали схему слева направо. В первом черновике всё было хорошо: подпись «Краснопресненская» была внутри кольца и об неё не запинались — после «Улица 1905 года» правильно читали «Баррикадная».
Потом «Краснопресненская» переехала наружу, и после «Улица 1905 года» стали иногда произносить
Любопытно, что в первом черновике почти на месте «Краснопресненской» была подпись «Международная», но она не мешала. Видимо, спасало, что она всё же стояла чуть дальше от линии.
Станция Краснопресненская находится не на Таганско‑Краснопресненской, а на Кольцевой линии
Линию спасло отодвигание подписи «Краснопресненская» вниз на то же расстояние, что было у «Международной» шагом ранее.
Отступа стало хватать, чтобы люди увидели, что линия уже повернула и следующая станция — Баррикадная.
Было
Подпись Краснопресненской некоторым казалась следующей после Улицы 1905 года при чтении слева направо
Стало
После опускания подписи на более безопасное расстояние от линии люди перестали ошибаться
Линию спасло отодвигание подписи «Краснопресненская» вниз на то же расстояние, что было у «Международной» шагом ранее.
Отступа стало хватать, чтобы люди увидели, что линия уже повернула и следующая станция — Баррикадная.
Было
Подпись Краснопресненской некоторым казалась следующей после Улицы 1905 года при чтении слева направо
Стало
После опускания подписи на более безопасное расстояние от линии люди перестали ошибаться
Мы рассмотрели проблемы, связанные с близостью подписи к своему объекту. Можно снизить число таких ошибок, не прибегая к айтрекингу: вокруг линий и станций нарисовать себе «зону безопасности» и следить, чтобы в неё не попадали чужие подписи.
Ai
Полупрозрачную обводку можно добавить в панели Appearance
Мы рассмотрели проблемы, связанные с близостью подписи к своему объекту. Можно снизить число таких ошибок, не прибегая к айтрекингу: вокруг линий и станций нарисовать себе «зону безопасности» и следить, чтобы в неё не попадали чужие подписи.
Ai
Полупрозрачную обводку можно добавить в панели Appearance
Ошибки с Площадью Ильича справа и Краснопресненской слева мы обсудили выше. Подсветка показывает, что откровенно залезают в чужие зоны безопасности Баррикадная, Пушкинская, Кузнецкий Мост.
Заметно залезают также Трубная, Сухаревская, Красные Ворота, Смоленская.
Всё это — места потенциальных ошибок.
Ошибки с Площадью Ильича справа и Краснопресненской слева мы обсудили выше. Подсветка показывает, что откровенно залезают в чужие зоны безопасности Баррикадная, Пушкинская, Кузнецкий Мост.
Заметно залезают также Трубная, Сухаревская, Красные Ворота, Смоленская.
Всё это — места потенциальных ошибок.
Теперь посмотрим на влияние подписей, пересекающих линии.
Напомню, что мы разделяем случаи, когда подпись станции пересекает линию, на которой эта станция находится, и случаи, когда она пересекает «чужую» линию.
Тестирование предсказуемо показало, что пересечение «своей» линии не вызывает проблем: такие подписи люди читают, когда надо, и не читают, когда не надо. А вот с пересечением «чужой» линии иногда возникают проблемы — разберём их ниже.
Пересечения
Теперь посмотрим на влияние подписей, пересекающих линии.
Напомню, что мы разделяем случаи, когда подпись станции пересекает линию, на которой эта станция находится, и случаи, когда она пересекает «чужую» линию.
Тестирование предсказуемо показало, что пересечение «своей» линии не вызывает проблем: такие подписи люди читают, когда надо, и не читают, когда не надо. А вот с пересечением «чужой» линии иногда возникают проблемы — разберём их ниже.
Пересечения
Ошибаются
При сканировании
Ошибаются
Не ошибаются
Ошибаются
Не ошибаются
Но та же самая «Марксистская» не мешает сканированию
Вот несколько примеров подписей, пересекающих «чужие» линии. Возможный вывод: чтобы такая подпись меньше мешала её читать, нужно вытащить начало этой подписи из зоны безопасности пересекаемой линии.
При сканировании
Но та же самая «Марксистская» не мешает сканированию
Вот несколько примеров подписей, пересекающих «чужие» линии.
Ошибаются
При сканировании
Ошибаются
Не ошибаются
Ошибаются
Не ошибаются
Но та же самая «Марксистская» не мешает сканированию
Возможный вывод: чтобы такая подпись меньше мешала её читать, нужно вытащить начало этой подписи из зоны безопасности пересекаемой линии.
О расстановке подписей по разные стороны линии:
Остановки
О выборе стороны подписи:
Лучше справа
Подписи по разные стороны Кольцевой линии
Подписи по разные стороны Кольцевой линии
Подписи по одну сторону Кольцевой линии, кроме Таганской
Подписи по одну сторону Кольцевой линии, кроме Таганской
Подписи по одну сторону Кольцевой линии, кроме Таганской
Подписи по одну сторону Кольцевой линии, кроме Таганской
Подписи по одну сторону Кольцевой линии, кроме Таганской
Подписи по разные стороны Кольцевой линии
Подписи по одну сторону Кольцевой линии, кроме Таганской
Наконец, поговорим о расположении подписей на той или иной стороне линии.
Напомню пример, который мы разбирали, когда обсуждали обозначения остановок. На черновике моей схемы московского метро станции в основном подписаны справа от линии, но некоторые — вдруг слева. Глаз привыкает читать элементы списка по порядку и не замечает, что нужно перепрыгнуть. Из‑за этого станции можно случайно пропустить.
В одном из экспериментов Марк проверял варианты расстановки подписей вокруг Кольцевой линии. Сначала они стояли по разные стороны от неё.
Тест показал, что люди находят их все, но при этом в поле зрения попадают чужие названия: Марксистская, Баррикадная, Менделеевская.
Тогда схему попытались переверстать так, чтобы названия были по одну сторону от линии. Этого удалось добиться для всех станций, кроме Таганской. Заодно Марксистскую, которая мешала, отодвинули подальше от линии.
Как видно, Марксистская стала мешать меньше, Баррикадная вообще перестала мешать, а с Менделеевской ситуация не изменилась. Зато теперь некоторые люди стали запинаться о Достоевскую и Римскую. А главное — Таганскую стали находить реже, чем раньше, что плохо.
Получается, когда подписи хаотично расположены по разные стороны линии, человек ищет и находит каждую, внимательно соотнося с обозначениями на самой линии. Если же расставить подписи по одну сторону, человек начинает читать их подряд, уже не глядя на линию, и зацепляет глазом чужие подписи. А единственное исключение — в данном случае, Таганскую — может и вовсе не увидеть.
Подписи по разные стороны Кольцевой линии
Подписи по разные стороны Кольцевой линии
Подписи по одну сторону Кольцевой линии, кроме Таганской
Подписи по одну сторону Кольцевой линии, кроме Таганской
Подписи по одну сторону Кольцевой линии, кроме Таганской
Подписи по одну сторону Кольцевой линии, кроме Таганской
Подписи по одну сторону Кольцевой линии, кроме Таганской
Подписи по разные стороны Кольцевой линии
Подписи по одну сторону Кольцевой линии, кроме Таганской
Наконец, поговорим о расположении подписей на той или иной стороне линии.
Напомню пример, который мы разбирали, когда обсуждали обозначения остановок. На черновике моей схемы московского метро станции в основном подписаны справа от линии, но некоторые — вдруг слева. Глаз привыкает читать элементы списка по порядку и не замечает, что нужно перепрыгнуть. Из‑за этого станции можно случайно пропустить.
О расстановке подписей по разные стороны линии:
Остановки
О выборе стороны подписи:
Лучше справа
В одном из экспериментов Марк проверял варианты расстановки подписей вокруг Кольцевой линии. Сначала они стояли по разные стороны от неё.
Тест показал, что люди находят их все, но при этом в поле зрения попадают чужие названия: Марксистская, Баррикадная, Менделеевская.
Тогда схему попытались переверстать так, чтобы названия были по одну сторону от линии. Этого удалось добиться для всех станций, кроме Таганской. Заодно Марксистскую, которая мешала, отодвинули подальше от линии.
Как видно, Марксистская стала мешать меньше, Баррикадная вообще перестала мешать, а с Менделеевской ситуация не изменилась. Зато теперь некоторые люди стали запинаться о Достоевскую и Римскую. А главное — Таганскую стали находить реже, чем раньше, что плохо.
Получается, когда подписи хаотично расположены по разные стороны линии, человек ищет и находит каждую, внимательно соотнося с обозначениями на самой линии. Если же расставить подписи по одну сторону, человек начинает читать их подряд, уже не глядя на линию, и зацепляет глазом чужие подписи. А единственное исключение — в данном случае, Таганскую — может и вовсе не увидеть.
В исследовании Марка нашлись и менее очевидные примеры, связанные с чтением по инерции. Здесь подпись «Лубянка» пересекает «чужую» линию и предсказуемо мешает её читать в обоих направлениях.
Если перерисовать фрагмент и убрать «Лубянку» с линии, она перестаёт мешать только при чтении со стороны Кузнецкого Моста, но продолжает мешать при чтении со стороны Китай‑города.
Посмотрим на чуть больший фрагмент линии. Если читать слева направо, после Пушкинской и Кузнецкого Моста взгляд скользит вправо, не находит там подписи, но замечает изгиб линии, следует за ним, и, уже зацепившись за следующую станцию, находит её подпись — «Китай‑город».
Но если читать справа налево, то после Таганской и Китай‑города взгляд по инерции следует к Лубянке. Она не пересекает саму линию, но стоит «на пути взгляда», когда он скользит по самим подписям!
«Лубянка» пересекает чужую линию и мешает при чтении слева направо
«Лубянка» пересекает чужую линию и мешает при чтении справа налево
«Лубянка» не пересекает чужую линию и не мешает при чтении слева направо
«Лубянка» не пересекает чужую линию, но всё равно мешает при чтении справа налево
«Лубянка» пересекает чужую линию и мешает при чтении слева направо
«Лубянка» пересекает чужую линию и мешает при чтении справа налево
«Лубянка» не пересекает чужую линию и не мешает при чтении слева направо
«Лубянка» не пересекает чужую линию, но всё равно мешает при чтении справа налево
В исследовании Марка нашлись и менее очевидные примеры, связанные с чтением по инерции. Здесь подпись «Лубянка» пересекает «чужую» линию и предсказуемо мешает её читать в обоих направлениях.
Если перерисовать фрагмент и убрать «Лубянку» с линии, она перестаёт мешать только при чтении со стороны Кузнецкого Моста, но продолжает мешать при чтении со стороны Китай‑города.
Посмотрим на чуть больший фрагмент линии. Если читать слева направо, после Пушкинской и Кузнецкого Моста взгляд скользит вправо, не находит там подписи, но замечает изгиб линии, следует за ним, и, уже зацепившись за следующую станцию, находит её подпись — «Китай‑город».
Но если читать справа налево, то после Таганской и Китай‑города взгляд по инерции следует к Лубянке. Она не пересекает саму линию, но стоит «на пути взгляда», когда он скользит по самим подписям!
Сразу хочется решить проблему: как‑нибудь изогнуть линию вокруг подписи.
К сожалению, это не спасает: подпись «Чкаловская» остаётся на пути взгляда после подписей «Бауманская» и «Курская» — и мешает чтению.
В обратном направлении подпись тоже мешает. Дополнительный изгиб линии не помогает.
Итак, подписи на схеме могут образовывать «списки», которые мы читаем сами по себе, забывая следить за тем, как под ними изгибаются линии. Чтобы найти мешающую подпись без айтрекинга, можно условно нарисовать линию взгляда и посмотреть, какие чужие подписи попадаются на пути.
Сразу хочется решить проблему: как‑нибудь изогнуть линию вокруг подписи.
К сожалению, это не спасает: подпись «Чкаловская» остаётся на пути взгляда после подписей «Бауманская» и «Курская» — и мешает чтению.
В обратном направлении подпись тоже мешает. Дополнительный изгиб линии не помогает.
Итак, подписи на схеме могут образовывать «списки», которые мы читаем сами по себе, забывая следить за тем, как под ними изгибаются линии. Чтобы найти мешающую подпись без айтрекинга, можно условно нарисовать линию взгляда и посмотреть, какие чужие подписи попадаются на пути.
Когда проблема со «списками» найдена, её не всегда просто исправить.
Участники тестирования пропускали его очень часто, а вместо него называли чужую Театральную. Иногда называли Театральную, и только потом Охотный Ряд.
Проблема сохранилась даже после того, как подпись «Охотный Ряд» предельно надвинули на линию, а подпись «Театральная» оттащили насколько возможно правее.
Даже в этом втором варианте некоторые вообще не смотрят на подпись «Охотный Ряд», читая линию, а некоторые подолгу мечутся между ней и «Театральной», пытаясь понять, какая из подписей верна. На следующем развороте показаны треки взгляда отдельных участников, где можно это увидеть.
Помогло только радикальное надвигание подписи «Охотный Ряд» с пересечением линии, чтобы её стало невозможно не заметить.
Ошибаются
Ошибаются
Ошибаются
Ошибаются
Не ошибаются
Ошибаются
Ошибаются
Ошибаются
Ошибаются
Не ошибаются
Когда проблема со «списками» найдена, её не всегда просто исправить.
Участники тестирования пропускали его очень часто, а вместо него называли чужую Театральную. Иногда называли Театральную, и только потом Охотный Ряд.
Проблема сохранилась даже после того, как подпись «Охотный Ряд» предельно надвинули на линию, а подпись «Театральная» оттащили насколько возможно правее.
Даже в этом втором варианте некоторые вообще не смотрят на подпись «Охотный Ряд», читая линию, а некоторые подолгу мечутся между ней и «Театральной», пытаясь понять, какая из подписей верна. На следующем развороте показаны треки взгляда отдельных участников, где можно это увидеть.
Помогло только радикальное надвигание подписи «Охотный Ряд» с пересечением линии, чтобы её стало невозможно не заметить.
1
2
3
4
5
Охотный Ряд пропущен!
6
7
И снова Охотный Ряд пропущен!
8
Здесь по отдельности показаны треки взгляда каждого из восьми участников теста на той версии, где «Охотный Ряд» прижался, но ещё не пересёк линию. Чем больше кружок, тем дольше человек смотрел в эту точку.
Как видим, два участника из восьми вообще не заметили подпись «Охотный Ряд».
Здесь по отдельности показаны треки взгляда каждого из восьми участников теста на той версии, где «Охотный Ряд» прижался, но ещё не пересёк линию. Чем больше кружок, тем дольше человек смотрел в эту точку.
Как видим, два участника из восьми вообще не заметили подпись «Охотный Ряд».
1
2
3
4
5
Охотный Ряд пропущен!
6
7
И снова Охотный Ряд пропущен!
8
Символы
Символ — это графическое обозначение вида транспорта, маршрута, предоставляемых услуг, особенностей, ограничений в работе, наличия парковки, достопримечательностей.
Эта глава могла бы называться «пиктограммы», но всё‑таки я решил, что номер маршрута в кружке — это ещё не пиктограмма, а логотип транспортной компании — уже не пиктограмма.
Символ иногда компактнее и зачастую узнаваемее слова.
Символы
Символ — это графическое обозначение вида транспорта, маршрута, предоставляемых услуг, особенностей, ограничений в работе, наличия парковки, достопримечательностей.
Эта глава могла бы называться «пиктограммы», но всё‑таки я решил, что номер маршрута в кружке — это ещё не пиктограмма, а логотип транспортной компании — уже не пиктограмма.
Символ иногда компактнее и зачастую узнаваемее слова.
Символ маршрута — обычно номер на цветной плашке характерной формы. Такие символы, особенно когда их целая кучка, хорошо выделяют конечные.
Чтобы уменьшить шум, группу символов можно склеить:
Если склеить символы ещё и с линией:
Конечные
Ранее о шуме:
Пучки
Денвер, дизайнер Кэмерон Бут
Мельбурн. Общественный транспорт Виктории
Копенгаген, дизайнер Марко Берендс
Символ маршрута — обычно номер на цветной плашке характерной формы. Такие символы, особенно когда их целая кучка, хорошо выделяют конечные.
Чтобы уменьшить шум, группу символов можно склеить:
Денвер, дизайнер Кэмерон Бут
Мельбурн. Общественный транспорт Виктории
Копенгаген, дизайнер Марко Берендс
Если склеить символы ещё и с линией:
Конечные
Ранее о шуме:
Пучки
Гроздья цветных кружов сопровождают линии метро Нью‑Йорка. МТА
Символы поездов как бирки висят на линиях неофициальной схемы железных дорог Германии. Зефлаингиндонезиан
Бывает полезно показывать символы маршрутов не только на конечных, но и по ходу линии.
Бывает полезно показывать символы маршрутов не только на конечных, но и по ходу линии.
Гроздья цветных кружов сопровождают линии метро Нью‑Йорка. МТА
Символы поездов как бирки висят на линиях неофициальной схемы железных дорог Германии. Зефлаингиндонезиан
На моей первой челябинской схеме символы маршрутов стояли рядом с пучками линий.
Как и на конечных, отступы между символами добавляют шума — хочется их склеить.
Логичный следующий шаг — встроить их в саму линию. Но осторожно: любые неоднородности на линии могут быть восприняты как остановки. Даже здесь, где остановки обозначаются линейками, а символы маршрутов вроде бы явно отличаются, глаз уже начинает запинаться об эти башенки как об остановки.
На официальной трамвайной схеме мы уже стали обозначать остановки пеньками. Группки маршрутных символов стали «нависать» над линией, находясь как бы в другом слое. Кроме того, они расположены как раз между остановками, чтобы противопоставление было очевидно.
Разбор борьбы с шумом на челябинской схеме:
Пучки
Родственная проблема — на схеме Ноттингема сложно отличить обозначения направлений от остановок:
Направления
На моей первой челябинской схеме символы маршрутов стояли рядом с пучками линий.
Как и на конечных, отступы между символами добавляют шума — хочется их склеить.
Логичный следующий шаг — встроить их в саму линию. Но осторожно: любые неоднородности на линии могут быть восприняты как остановки. Даже здесь, где остановки обозначаются линейками, а символы маршрутов вроде бы явно отличаются, глаз уже начинает запинаться об эти башенки как об остановки.
На официальной трамвайной схеме мы уже стали обозначать остановки пеньками. Группки маршрутных символов стали «нависать» над линией, находясь как бы в другом слое. Кроме того, они расположены как раз между остановками, чтобы противопоставление было очевидно.
Разбор борьбы с шумом на челябинской схеме:
Пучки
Родственная проблема — на схеме Ноттингема сложно отличить обозначения направлений от остановок:
Направления
Ночные паромы Японии. Трипграфикс
На этой схеме символы маршрутов стоят прямо на самих линиях или на выносках. Остановок в море нет, так что путаницы не возникает.
Красногорск, дизайнер Михаил Качалин
Здесь символы маршрутов полностью встроены в линии. Они хорошо отличаются от остановок, но есть другая проблема: расположенные в шахматном порядке вспученности образуют навязчивый узор, мешающий различать линии.
Ночные паромы Японии. Трипграфикс
На этой схеме символы маршрутов стоят прямо на самих линиях или на выносках. Остановок в море нет, так что путаницы не возникает.
Красногорск, дизайнер Михаил Качалин
Здесь символы маршрутов полностью встроены в линии. Они хорошо отличаются от остановок, но есть другая проблема: расположенные в шахматном порядке вспученности образуют навязчивый узор, мешающий различать линии.
Отдельно стоящие цифры, покрашенные светлыми цветами, могут плохо читаться
Киров, дизайнер Александр Глушаков
Функцию символа может взять на себя и просто номер.
Расположение, иногда в сочетании с цветом, уже наделяет цифры смыслом. Когда линия толстая, номера можно перечислить прямо на ней, когда тонкая — в разрыве.
Прага, дизайнер Костя Череповский
Номера на фигурной подложке всё же имеют больше визуального веса, чем просто цифры. В обоих примерах это используется для выделения конечных.
Киров, дизайнер Александр Глушаков
Функцию символа может взять на себя и просто номер.
Расположение, иногда в сочетании с цветом, уже наделяет цифры смыслом. Когда линия толстая, номера можно перечислить прямо на ней, когда тонкая — в разрыве.
Прага, дизайнер Костя Череповский
Номера на фигурной подложке всё же имеют больше визуального веса, чем просто цифры. В обоих примерах это используется для выделения конечных.
Отдельно стоящие цифры, покрашенные светлыми цветами, могут плохо читаться
Когда на схеме одна линия соответствует нескольким маршрутам, без повторения символов маршрутов не обойтись, но и с ними очень сложно следить за тем, как идёт конкретный маршрут.
Вот к перекрёстку идут маршруты 3, 5 и 9. Но после слияния 3 куда‑то пропадает — остаётся только 5 и 9. Где же 3? Ах, вон он, дальше!
Так, 9 свернул на ближайшем перекрёстке, а куда уже успел подеваться 5? Похоже, 5 повернул вместе с 9 и тут же достиг своей конечной. Но уверенности в этом нет — цифра 5 встречается ещё несколько раз на схеме.
Следить за маршрутами помогла бы расстановка их номеров на перекрёстках, ведь мы теряем их именно там. Также хорошо дополнительно намекнуть на траекторию движения формой изгиба линии.
На одесской схеме есть неудачное с этой точки зрения место, даже несмотря на то, что у каждого маршрута свой цвет и линия. Номера 11 и 12 стоят на повороте, и кажется, что оба они поворачивают, но на самом деле 11 идёт прямо:
Трамваи Одессы. Студия Лебедева
Сколько маршрутов изображать одной линией?
Соответствие линий маршрутам
Роттердам, ~1974, «Тел‑дизайн». Транзитмэп
Роттердам, ~1974, «Тел‑дизайн». Транзитмэп
Роттердам, ~1974, «Тел‑дизайн». Транзитмэп
Роттердам, ~1974, «Тел‑дизайн». Транзитмэп
Роттердам, ~1974, «Тел‑дизайн». Транзитмэп
Роттердам, ~1974, «Тел‑дизайн». Транзитмэп
Роттердам, ~1974, «Тел‑дизайн». Транзитмэп
Эксперимент
Роттердам, ~1974, «Тел‑дизайн». Транзитмэп
Роттердам, ~1974, «Тел‑дизайн». Транзитмэп
Роттердам, ~1974, «Тел‑дизайн». Транзитмэп
Роттердам, ~1974, «Тел‑дизайн». Транзитмэп
Роттердам, ~1974, «Тел‑дизайн». Транзитмэп
Роттердам, ~1974, «Тел‑дизайн». Транзитмэп
Роттердам, ~1974, «Тел‑дизайн». Транзитмэп
Эксперимент
Когда на схеме одна линия соответствует нескольким маршрутам, без повторения символов маршрутов не обойтись, но и с ними очень сложно следить за тем, как идёт конкретный маршрут.
Вот к перекрёстку идут маршруты 3, 5 и 9. Но после слияния 3 куда‑то пропадает — остаётся только 5 и 9. Где же 3? Ах, вон он, дальше!
Так, 9 свернул на ближайшем перекрёстке, а куда уже успел подеваться 5? Похоже, 5 повернул вместе с 9 и тут же достиг своей конечной. Но уверенности в этом нет — цифра 5 встречается ещё несколько раз на схеме.
Следить за маршрутами помогла бы расстановка их номеров на перекрёстках, ведь мы теряем их именно там. Также хорошо дополнительно намекнуть на траекторию движения формой изгиба линии.
На одесской схеме есть неудачное с этой точки зрения место, даже несмотря на то, что у каждого маршрута свой цвет и линия. Номера 11 и 12 стоят на повороте, и кажется, что оба они поворачивают, но на самом деле 11 идёт прямо:
Трамваи Одессы. Студия Лебедева
Сколько маршрутов изображать одной линией?
Соответствие линий маршрутам
Метро Санкт‑Петербурга, дизайнеры Егор Попов, Сергей Чикин, артдир я
Трамваи Одессы. Студия Лебедева
Трамваи Мельбурна.
Общественный транспорт Виктории
Электрички Москвы, дизайн мой
Метро Нью‑Йорка. МТА
Символ маршрута может нести в себе информацию о каком‑нибудь его свойстве.
На нашей схеме метро Санкт‑Петербурга луна со звёздами — символ особого ночного куска схемы.
А в Одессе и в Мельбурне луна дополняет символ маршрута, показывая, что маршрут ночной.
На схеме московских электричек я обозначил остановки экспрессов ромбиками с буквой Э.
А в Нью‑Йорке символ маршрута, обычно круглый, целиком превращается в ромбик, чтобы показать экспрессовость.
Метро Санкт‑Петербурга, дизайнеры Егор Попов, Сергей Чикин, артдир я
Символ маршрута может нести в себе информацию о каком‑нибудь его свойстве.
На нашей схеме метро Санкт‑Петербурга луна со звёздами — символ особого ночного куска схемы.
А в Одессе и в Мельбурне луна дополняет символ маршрута, показывая, что маршрут ночной.
Трамваи Одессы. Студия Лебедева
Трамваи Мельбурна.
Общественный транспорт Виктории
Электрички Москвы, дизайн мой
На схеме московских электричек я обозначил остановки экспрессов ромбиками с буквой Э.
А в Нью‑Йорке символ маршрута, обычно круглый, целиком превращается в ромбик, чтобы показать экспрессовость.
Метро Нью‑Йорка. МТА
Схожие поезд и автобус. Киев, дизайнер Костя Череповский
Схожие поезд и автобус. Цинциннати, дизайнер Майкл Тызник
То ли поезд, то ли трамвай, то ли метро. Скоростной транспорт Берлина
Хорошо различимые поезд и автобус. Осло, Рутер
Несомненный поезд. Челябинск, дизайнер Александр Караваев, артдир я
Охват
В главе «Охват» мы говорили о том, что линии на схеме могут показывать не все виды транспорта.
Символами можно показать связь с другим транспортом — обозначить железнодорожные и автобусные вокзалы, станции, порты, аэропорты. Пригородные поезда и автобусы — повседневный транспорт для многих местных, а порты и аэропорты — важнейшие точки для туристов.
Пересадки на железную дорогу обычно обозначают пиктограммой поезда. Но современный скоростной поезд в мелком размере бывает трудно отличить от автобуса или трамвая.
Если не удаётся найти выразительную форму, можно не стесняться и просто ставить классический паровозик, как на дорожных знаках.
В главе «Охват» мы говорили о том, что линии на схеме могут показывать не все виды транспорта.
Символами можно показать связь с другим транспортом — обозначить железнодорожные и автобусные вокзалы, станции, порты, аэропорты. Пригородные поезда и автобусы — повседневный транспорт для многих местных, а порты и аэропорты — важнейшие точки для туристов.
Схожие поезд и автобус. Киев, дизайнер Костя Череповский
Схожие поезд и автобус. Цинциннати, дизайнер Майкл Тызник
То ли поезд, то ли трамвай, то ли метро. Скоростной транспорт Берлина
Хорошо различимые поезд и автобус. Осло, Рутер
Несомненный поезд. Челябинск, дизайнер Александр Караваев, артдир я
Пересадки на железную дорогу обычно обозначают пиктограммой поезда. Но современный скоростной поезд в мелком размере бывает трудно отличить от автобуса или трамвая.
Если не удаётся найти выразительную форму, можно не стесняться и просто ставить классический паровозик, как на дорожных знаках.
Охват
Аэропорт естественно обозначить самолётиком — его ни с чем не перепутаешь. В Брюсселе это самый крупный отдельный элемент на схеме.
В Берлине на схеме метро и электричек самолётиками обозначены аэропорты, но на схеме трамваев — станции электричек, с которых можно уехать в аэропорт.
Обозначить самолётиком не сам аэропорт, а место пересадки на транспорт до него можно, но когда у одного символа разные смыслы в одной системе — это рискованно.
Брюссель. СТИБ
Аэропорт естественно обозначить самолётиком — его ни с чем не перепутаешь. В Брюсселе это самый крупный отдельный элемент на схеме.
В Берлине на схеме метро и электричек самолётиками обозначены аэропорты, но на схеме трамваев — станции электричек, с которых можно уехать в аэропорт.
Обозначить самолётиком не сам аэропорт, а место пересадки на транспорт до него можно, но когда у одного символа разные смыслы в одной системе — это рискованно.
В Москве на станции метро «Аэропорт» на самом деле нет аэропорта — я обращаю на это внимание зачёркнутым самолётиком
На нашей челябинской схеме самолёт не просто стоит на схеме, а взлетает. Это не совсем логично, ведь здесь не взлётная полоса, а линия автобусов. Но вряд ли это кого‑то собьёт. Зато красиво!
В Мэриленде тоже попытались соединить самолёт с линией. Получилось не так красиво, и возникла смысловая проблема: остановка
На нашей челябинской схеме самолёт не просто стоит на схеме, а взлетает. Это не совсем логично, ведь здесь не взлётная полоса, а линия автобусов. Но вряд ли это кого‑то собьёт. Зато красиво!
В Мэриленде тоже попытались соединить самолёт с линией. Получилось не так красиво, и возникла смысловая проблема: остановка
В Москве на станции метро «Аэропорт» на самом деле нет аэропорта — я обращаю на это внимание зачёркнутым самолётиком
В некоторых городах развит водный транспорт. Тогда стоит показать остановки речных трамвайчиков и паромов, порты.
Основные обозначения — кораблик, обычно с волнами снизу, и якорь.
Сингапур, дизайнер Юля Кириллова, артдир Артём Горбунов. Дипломный проект в Школе бюро
Пермь, дизайнер Дмитрий Кучев
В некоторых городах развит водный транспорт. Тогда стоит показать остановки речных трамвайчиков и паромов, порты.
Основные обозначения — кораблик, обычно с волнами снизу, и якорь.
Сингапур, дизайнер Юля Кириллова, артдир Артём Горбунов. Дипломный проект в Школе бюро
Пермь, дизайнер Дмитрий Кучев
Стоянка на станции Выхино в Москве
Чтобы стимулировать использование общественного транспорта, города строят автостоянки прямо около некоторых станций. Есть смысл обозначить такие станции на схеме буквой P. Обводка или плашка, которая обычно является пустой тратой чернил, здесь помогает превратить просто букву в подобие дорожного знака.
Стоянка на станции Кёбанё‑Кишпешт в Будапеште
Такие стоянки нелепо называют «перехватывающими». За рубежом встречается обозначение P+R от park and ride — «паркуйся и едь». Хоть во многих странах это и привычно, на мой взгляд, такое обозначение графически избыточно и всё равно менее понятно для автомобилистов, чем знак стоянки.
Из этих же соображений полезно показать велопарковки и пункты проката «однопассажирского» транспорта: велосипедов и самокатов.
Велопрокаты. Трамвай Оклахома‑сити
Стоянка на станции Выхино в Москве
Чтобы стимулировать использование общественного транспорта, города строят автостоянки прямо около некоторых станций. Есть смысл обозначить такие станции на схеме буквой P. Обводка или плашка, которая обычно является пустой тратой чернил, здесь помогает превратить просто букву в подобие дорожного знака.
Такие стоянки нелепо называют «перехватывающими». За рубежом встречается обозначение P+R от park and ride — «паркуйся и едь». Хоть во многих странах это и привычно, на мой взгляд, такое обозначение графически избыточно и всё равно менее понятно для автомобилистов, чем знак стоянки.
Стоянка на станции Кёбанё‑Кишпешт в Будапеште
Из этих же соображений полезно показать велопарковки и пункты проката «однопассажирского» транспорта: велосипедов и самокатов.
Велопрокаты. Трамвай Оклахома‑сити
Вместо пиктограммы вида транспорта иногда используют знак транспортной системы.
На схеме лондонского метро станции, связанные с Национальными железными дорогами, отмечают их логотипом и даже обозначают на схеме кружками как пересадочные. На схеме городского транспорта Амстердама железнодорожные станции отмечены логотипом Голландских железных дорог. На схеме иллинойсских железных дорог пересадки на национальную сеть «Амтрак» также отмечены её логотипом.
Остановки рядом со станциями метро и железных дорог тоже можно отмечать знаками этих систем.
На стокгольмской схеме скоростного трамвая логотипом метро обозначены пересадки на него. На схеме московской автобусной сети «Магистраль» остановки рядом с метро повторяют названия станций и отмечены знаком метро.
С логотипами стоит быть осторожнее: паровозик поймут все, а местные бренды туристы могут и не знать.
Вместо пиктограммы вида транспорта иногда используют знак транспортной системы.
На схеме лондонского метро станции, связанные с Национальными железными дорогами, отмечают их логотипом и даже обозначают на схеме кружками как пересадочные. На схеме городского транспорта Амстердама железнодорожные станции отмечены логотипом Голландских железных дорог. На схеме иллинойсских железных дорог пересадки на национальную сеть «Амтрак» также отмечены её логотипом.
Остановки рядом со станциями метро и железных дорог тоже можно отмечать знаками этих систем.
На стокгольмской схеме скоростного трамвая логотипом метро обозначены пересадки на него. На схеме московской автобусной сети «Магистраль» остановки рядом с метро повторяют названия станций и отмечены знаком метро.
С логотипами стоит быть осторожнее: паровозик поймут все, а местные бренды туристы могут и не знать.
Ещё одно важное обозначение — наличие безбарьерного доступа. Часто для этого используют знак инвалида в коляске.
В Лондоне сделано неудачно. Во‑первых, обозначение круглое и объединено с самой станцией — пересадочные и простые станции перестают отличаться. Во‑вторых два типа таких станций отличаются цветами символа — приходится сверяться с легендой.
В Боготе обозначение стоит снаружи, что лучше, но большое чёрное пятно слишком тяжеловесно.
В Берлине используются информативные обозначения: лифт и рампа. Символы описывают особенности станции вместо того, чтобы привлекать внимание к ограничениям самих пассажиров.
У Паши Омелёхина тоже лифт и рампа, но обозначения успокоены по сравнению с подписями. Так лучше.
А вот в Амстердаме снова неудачно: станции с безбарьерным доступом обозначены чёрной заливкой — без легенды не догадаешься.
Ещё одно важное обозначение — наличие безбарьерного доступа. Часто для этого используют знак инвалида в коляске.
В Лондоне сделано неудачно. Во‑первых, обозначение круглое и объединено с самой станцией — пересадочные и простые станции перестают отличаться. Во‑вторых два типа таких станций отличаются цветами символа — приходится сверяться с легендой.
В Боготе обозначение стоит снаружи, что лучше, но большое чёрное пятно слишком тяжеловесно.
В Берлине используются информативные обозначения: лифт и рампа. Символы описывают особенности станции вместо того, чтобы привлекать внимание к ограничениям самих пассажиров.
У Паши Омелёхина тоже лифт и рампа, но обозначения успокоены по сравнению с подписями. Так лучше.
А вот в Амстердаме снова неудачно: станции с безбарьерным доступом обозначены чёрной заливкой — без легенды не догадаешься.
Большое внимание мы уделили транспортным пиктограммам на питерской схеме.
Поезда здесь не перепутаешь с автобусами благодаря изображению поезда в перспективе. Пригородные автобусы похожи на пригородные благодаря двум задним осям.
Простые железнодорожные станции, в отличие от вокзалов, скромно обозначены рельсами.
Единственный обозначенный на схеме городской рейсовый автобус идёт в аэропорт Пулково. У него одна задняя ось и есть гармошка — не перепутаешь с пригородными.
Конечно же, сам аэропорт обозначен самолётиком, но ракурс самолётика здесь неслучаен — так же изображают самолётики на указателях зон вылета в этом аэропорту.
Заодно обратите внимание, что пиктограммы умеют смотреть в нужную сторону. Когда у предмета, изображённого на пиктограмме, есть явное направление, мы сразу представляем, что он движется вперёд — это касается и поездов, и самолётиков, и колясок, и человечков. Поэтому направленные пиктограммы обязательно должны уметь отражаться в зависимости от контекста.
Дизайнеры Егор Попов, Сергей Чикин, артдир я. О проекте
Большое внимание мы уделили транспортным пиктограммам на питерской схеме.
Поезда здесь не перепутаешь с автобусами благодаря изображению поезда в перспективе. Пригородные автобусы похожи на пригородные благодаря двум задним осям.
Простые железнодорожные станции, в отличие от вокзалов, скромно обозначены рельсами.
Единственный обозначенный на схеме городской рейсовый автобус идёт в аэропорт Пулково. У него одна задняя ось и есть гармошка — не перепутаешь с пригородными.
Конечно же, сам аэропорт обозначен самолётиком, но ракурс самолётика здесь неслучаен — так же изображают самолётики на указателях зон вылета в этом аэропорту.
Заодно обратите внимание, что пиктограммы умеют смотреть в нужную сторону. Когда у предмета, изображённого на пиктограмме, есть явное направление, мы сразу представляем, что он движется вперёд — это касается и поездов, и самолётиков, и колясок, и человечков. Поэтому направленные пиктограммы обязательно должны уметь отражаться в зависимости от контекста.
Дизайнеры Егор Попов, Сергей Чикин, артдир я. О проекте
Особый класс символов — обозначения достопримечательностей и ориентиров, не связанных с транспортом. Они не только информируют, но и добавляют на схему жизни.
В Штутгарте обозначены зоопарк, стадион и телебашня.
Москва. Студия Лебедева
В Москве звезда — это как бы и знак центра, и обозначение Кремля. Правда, это даже нигде не объясняется. Кажется, для авторов схемы украшающая функция здесь первична. Почему бы и нет.
Особый класс символов — обозначения достопримечательностей и ориентиров, не связанных с транспортом. Они не только информируют, но и добавляют на схему жизни.
В Штутгарте обозначены зоопарк, стадион и телебашня.
Москва. Студия Лебедева
В Москве звезда — это как бы и знак центра, и обозначение Кремля. Правда, это даже нигде не объясняется. Кажется, для авторов схемы украшающая функция здесь первична. Почему бы и нет.
Иногда городские объекты показаны так детально, что это уже скорее иллюстрации, чем просто символы.
Обратите внимание, как общий графический стиль собирает объекты в собственный информационный слой.
Город
Карлов мост, Танцующий дом, Тынский храм и памятник Святому Вацлаву. Прага, дизайнер Костя Череповский
Эйфелева башня и Дворец инвалидов. Париж, дизайнер Константин Коновалов
Цирк и телебашня (уже уничтоженная). Екатеринбург, дизайнер Паша Омелёхин, артдир я
Объекты образования и культуры. Челябинск, дизайнеры Полина Лесникова и Александр Караваев,
Иногда городские объекты показаны так детально, что это уже скорее иллюстрации, чем просто символы.
Обратите внимание, как общий графический стиль собирает объекты в собственный информационный слой.
Карлов мост, Танцующий дом, Тынский храм и памятник Святому Вацлаву. Прага, дизайнер Костя Череповский
Эйфелева башня и Дворец инвалидов. Париж, дизайнер Константин Коновалов
Цирк и телебашня (уже уничтоженная). Екатеринбург, дизайнер Паша Омелёхин, артдир я
Объекты образования и культуры. Челябинск, дизайнеры Полина Лесникова и Александр Караваев,
Город
А вот пример максимальной «недружности» символов.
Где‑то здания нарисованы, причём все в разных ракурсах, линиями разной толщины и черноты. Где‑то они обозначены значками, тоже разного размера. На станции Хакербрюкке вдруг цветной логотип с буквами. Некоторые объекты подписаны, некоторые нет.
Вместо красоты — бардак.
Мюнхен. МВВ
А вот пример максимальной «недружности» символов.
Где‑то здания нарисованы, причём все в разных ракурсах, линиями разной толщины и черноты. Где‑то они обозначены значками, тоже разного размера. На станции Хакербрюкке вдруг цветной логотип с буквами. Некоторые объекты подписаны, некоторые нет.
Вместо красоты — бардак.
Мюнхен. МВВ
Интересный случай — метро Мехико. Здесь у каждой станции есть свой символ: картинка на прямоугольнике цвета линии со скруглённым углом. Это визуальный аналог названия. Если на станции пересекаются несколько линий, символ красится всеми их цветами.
Символы есть и на входах на станции, и на платформах. В вагонах вместо привычных линейных схем — упорядоченный набор станционных символов.
Севилья
1
Нормаль
2
Идальго
2 · 3
Бельас артес
2 · 8
Этиопия
3
Ангарес
5
Росарио
6 · 7
Докторес
8
Такубая
1 · 7 · 9
Пантитлан
1 · 5 · 9 · A
Интересный случай — метро Мехико. Здесь у каждой станции есть свой символ: картинка на прямоугольнике цвета линии со скруглённым углом. Это визуальный аналог названия. Если на станции пересекаются несколько линий, символ красится всеми их цветами.
Символы есть и на входах на станции, и на платформах. В вагонах вместо привычных линейных схем — упорядоченный набор станционных символов.
Севилья
1
Нормаль
2
Идальго
2 · 3
Бельас артес
2 · 8
Этиопия
3
Ангарес
5
Росарио
6 · 7
Докторес
8
Такубая
1 · 7 · 9
Пантитлан
1 · 5 · 9 · A
Москва. Студия Лебедева
Символы на схеме могут отличаться визуальным весом, формой, количеством графических элементов. Чтобы они не выглядели разрозненно, требуется внимательная работа дизайнера.
Особенно важно визуально сбалансировать символы, если они стоят на схеме кучками. На этом фрагменте из Москвы на одной станции понадобилось обозначить и безбарьерность, и пересадку на электрички.
А здесь на одной лондонской остановке нужно показать пересадки на три других вида транспорта.
В таких случаях приходится думать не только о весе, но и об относительном выравнивании символов. Обычно хорошо смотрится выравнивание по центру масс. Но транспорт может захотеться поставить «на общую дорогу», как на примере из Осло.
Осло, Рутер
Москва. Студия Лебедева
Символы на схеме могут отличаться визуальным весом, формой, количеством графических элементов. Чтобы они не выглядели разрозненно, требуется внимательная работа дизайнера.
Особенно важно визуально сбалансировать символы, если они стоят на схеме кучками. На этом фрагменте из Москвы на одной станции понадобилось обозначить и безбарьерность, и пересадку на электрички.
А здесь на одной лондонской остановке нужно показать пересадки на три других вида транспорта.
В таких случаях приходится думать не только о весе, но и об относительном выравнивании символов. Обычно хорошо смотрится выравнивание по центру масс. Но транспорт может захотеться поставить «на общую дорогу», как на примере из Осло.
Осло, Рутер
Чтобы сгладить визуальное неравенство пиктограмм, их иногда заключают в кружки или квадраты.
Это помогает добиться аккуратности, но в то же время снижает читаемость. Форма — один из признаков символа. Если этот признак исчезает, приходится тратить больше внимания.
Барселона, ТМБ
Отступы между квадратными символами становятся прожилками и шумят. Особенно плохо получается, когда квадраты обводят контуром. Здесь пиктограммы видов транспорта разделены аж тройными линиями!
Об информационном мусоре:
Пучки
Чтобы сгладить визуальное неравенство пиктограмм, их иногда заключают в кружки или квадраты.
Это помогает добиться аккуратности, но в то же время снижает читаемость. Форма — один из признаков символа. Если этот признак исчезает, приходится тратить больше внимания.
Барселона, ТМБ
Отступы между квадратными символами становятся прожилками и шумят. Особенно плохо получается, когда квадраты обводят контуром. Здесь пиктограммы видов транспорта разделены аж тройными линиями!
Об информационном мусоре:
Пучки
А здесь подложки одинаковой формы хоть и делают символы более одинаковыми на вид, зато хорошо привлекают внимание к самим местам, удостоившимся обозначения.
Заодно оцените рисунки над названиями районов.
А здесь подложки одинаковой формы хоть и делают символы более одинаковыми на вид, зато хорошо привлекают внимание к самим местам, удостоившимся обозначения.
Заодно оцените рисунки над названиями районов.
Бывает, что символы не приносят пользы, а только усложняют схему.
В Париже некоторые станции обозначены звёздочкой. Фактически это сноска: символ сам по себе не значит ничего, и объяснение нужно искать в легенде.
Обращаться к легенде и так неудобно, но здесь она ещё и слабо помогает:
Что за стойка‑клуб, зачем? Поспрашивав нескольких парижских знакомых, уверенного ответа я так и не получил. Вроде как на таких станциях есть стойка, где можно купить проездные. Странно: неужели проездной нельзя купить на любой станции?
Если эта информация действительно нужна, написать можно было бы понятнее, а символ подобрать поближе к смыслу.
Париж. РАТП, 2016
Париж. РАТП, 2016
Бывает, что символы не приносят пользы, а только усложняют схему.
В Париже некоторые станции обозначены звёздочкой. Фактически это сноска: символ сам по себе не значит ничего, и объяснение нужно искать в легенде.
Обращаться к легенде и так неудобно, но здесь она ещё и слабо помогает:
Что за стойка‑клуб, зачем? Поспрашивав нескольких парижских знакомых, уверенного ответа я так и не получил. Вроде как на таких станциях есть стойка, где можно купить проездные. Странно: неужели проездной нельзя купить на любой станции?
Если эта информация действительно нужна, написать можно было бы понятнее, а символ подобрать поближе к смыслу.
На пригородной схеме Мельбурна обозначены станции со стойками информации. Стойки с чёрным знаком работают как сама станция, а стойки с белым
знаком — по особому расписанию, которое нужно отдельно проверять на сайте. Это не понять без легенды и не запомнить.
Тут тоже есть одна станция со звёздочкой. В легенде написано, что она откроется в конце 2017 года:
Вместо сноски лучше подписать станцию на месте.
Вероятно, инфостойки с хитрым расписанием можно не обозначать на схеме — всё равно же надо сверяться с сайтом.
Когда остался один вид стоек, можно дать им обозначение спокойнее.
На пригородной схеме Мельбурна обозначены станции со стойками информации. Стойки с чёрным знаком работают как сама станция, а стойки с белым
знаком — по особому расписанию, которое нужно отдельно проверять на сайте. Это не понять без легенды и не запомнить.
Тут тоже есть одна станция со звёздочкой. В легенде написано, что она откроется в конце 2017 года:
Вместо сноски лучше подписать станцию на месте.
Вероятно, инфостойки с хитрым расписанием можно не обозначать на схеме — всё равно же надо сверяться с сайтом.
Когда остался один вид стоек, можно дать им обозначение спокойнее.
Если сносок с разными объяснениями получается несколько, можно воспользоваться лондонским опытом.
Здесь у нескольких станций понадобилось дать примечания об ограничениях безбарьерности, особенностях входов и пересадок, причём на самой схеме они никак не помещались.
Вместо того, чтобы вводить несколько символов сносок, здесь все такие станции обозначены крестиком . А в легенде они просто перечислены заново с примечаниями.
Если сносок с разными объяснениями получается несколько, можно воспользоваться лондонским опытом.
Здесь у нескольких станций понадобилось дать примечания об ограничениях безбарьерности, особенностях входов и пересадок, причём на самой схеме они никак не помещались.
Вместо того, чтобы вводить несколько символов сносок, здесь все такие станции обозначены крестиком . А в легенде они просто перечислены заново с примечаниями.
Символы безбарьерного доступа
Выше я писал, что лондонское обозначение безбарьерного доступа неудачно.
Проблема не только в виде и расположении символов, но и в их количестве. Части схемы усыпаны инвалидными колясками, которые подавляют всю остальную информацию.
Когда какое‑то свойство становится слишком распространённым, его символ нужно упрощать, а может, и вовсе убирать.
На схеме электричек Мэриленда в легенде подписано, что автостоянка есть везде, а велопарковка — везде, кроме таких‑то станций.
Выше я писал, что лондонское обозначение безбарьерного доступа неудачно.
Проблема не только в виде и расположении символов, но и в их количестве. Части схемы усыпаны инвалидными колясками, которые подавляют всю остальную информацию.
Когда какое‑то свойство становится слишком распространённым, его символ нужно упрощать, а может, и вовсе убирать.
На схеме электричек Мэриленда в легенде подписано, что автостоянка есть везде, а велопарковка — везде, кроме таких‑то станций.
Символы безбарьерного доступа
Пиктограммы со схемы метро Санкт‑Петербурга, дизайнеры Егор Попов, Сергей Чикин, артдир я
В дизайне пиктограмм нужно разрешить конфликт. С одной стороны, они должны хорошо узнаваться и, значит, отличаться друг от друга — иногда ради этого приходится вносить искусственные отличия в похожие в жизни предметы. С другой, они должны выглядеть частью одной семьи.
Здесь пиктограммы «дружат» благодаря совпадениям в толщинах штрихов и ещё одному семейному признаку — длинным сплошным окнам.
Пиктограммы со схемы метро Санкт‑Петербурга, дизайнеры Егор Попов, Сергей Чикин, артдир я
В дизайне пиктограмм нужно разрешить конфликт. С одной стороны, они должны хорошо узнаваться и, значит, отличаться друг от друга — иногда ради этого приходится вносить искусственные отличия в похожие в жизни предметы. С другой, они должны выглядеть частью одной семьи.
Здесь пиктограммы «дружат» благодаря совпадениям в толщинах штрихов и ещё одному семейному признаку — длинным сплошным окнам.
В навигационном дизайне есть символы, которые много где используются и всем понятны: самолёт, велосипед, чемодан, чашка кофе, инвалид.
Американская ассоциация дизайнеров даже опубликовала универсальный набор пиктограмм для свободного использования — можно брать в свой проект.
Но собственные пиктограммы позволяют отразить местные особенности и придать схеме индивидуальности.
Тонкая работа над пиктограммами похожа на вдумчивый подбор шрифта. В идеале на схеме и символы, и шрифт стилистически согласованы друг с другом и со всей остальной графикой.
Кэб на пешеходной карте
Даблдекер на знаке. Транспорт Лондона
В навигационном дизайне есть символы, которые много где используются и всем понятны: самолёт, велосипед, чемодан, чашка кофе, инвалид.
Американская ассоциация дизайнеров даже опубликовала универсальный набор пиктограмм для свободного использования — можно брать в свой проект.
Но собственные пиктограммы позволяют отразить местные особенности и придать схеме индивидуальности.
Тонкая работа над пиктограммами похожа на вдумчивый подбор шрифта. В идеале на схеме и символы, и шрифт стилистически согласованы друг с другом и со всей остальной графикой.
Кэб на пешеходной карте
Даблдекер на знаке. Транспорт Лондона
Город
Мы говорили, что при высокой детализации маршруты на схеме могут быть показаны не сами по себе, а на фоне города, по которому они идут.
Сетка улиц помогает лучше связать транспорт с реальностью и быстрее ухватить образ города.
Линии, изображающие улицы, должны хорошо отличаться от линий транспорта. В Минске у нас улицы очень бледные, да и простая крестообразная графема хорошо выделяет метро.
Детализация
Город
Мы говорили, что при высокой детализации маршруты на схеме могут быть показаны не сами по себе, а на фоне города, по которому они идут.
Сетка улиц помогает лучше связать транспорт с реальностью и быстрее ухватить образ города.
Линии, изображающие улицы, должны хорошо отличаться от линий транспорта. В Минске у нас улицы очень бледные, да и простая крестообразная графема хорошо выделяет метро.
Детализация
Автобусы Тель‑Авива
На минской схеме улицы были бледно‑серыми на белом. Но когда показаны кварталы, парки, пляжи и водоёмы, естественно поступить наоборот: «вырезать» улицы, то есть изобразить цветом фона.
Автобусы Тель‑Авива
На минской схеме улицы были бледно‑серыми на белом. Но когда показаны кварталы, парки, пляжи и водоёмы, естественно поступить наоборот: «вырезать» улицы, то есть изобразить цветом фона.
В главе «Подписи» я говорил о недостатках набора заглавными буквами: слова превращаются в прямоугольники, их становится труднее различать.
Но в случае с подписями улиц у прямоугольности есть и плюс: названия становится удобно укладывать прямо внутрь полосок улиц.
При наборе строчными приходится учитывать торчащие элементы букв: смотреть, чтобы они не касались и не выходили за края.
Можно немного уменьшить кегль, но учитывая, что улицы обычно и так подписывают мелко, они могут стать совсем нечитаемыми.
С заглавными получается удобнее.
Чтобы набранный заглавными текст лучше читался, им нужна дополнительная разрядка. В некоторых шрифтах это предусмотрено, но лучше проверить глазами: по ощущениям просветы между буквами должны быть не меньше, чем просветы внутри букв.
На схеме таким подписям может потребоваться даже большая разрядка, чем при обычном наборе заглавными: кегль мелкий, некоторые надписи проходят под углом.
В главе «Подписи» я говорил о недостатках набора заглавными буквами: слова превращаются в прямоугольники, их становится труднее различать.
Но в случае с подписями улиц у прямоугольности есть и плюс: названия становится удобно укладывать прямо внутрь полосок улиц.
При наборе строчными приходится учитывать торчащие элементы букв: смотреть, чтобы они не касались и не выходили за края.
Можно немного уменьшить кегль, но учитывая, что улицы обычно и так подписывают мелко, они могут стать совсем нечитаемыми.
С заглавными получается удобнее.
Чтобы набранный заглавными текст лучше читался, им нужна дополнительная разрядка. В некоторых шрифтах это предусмотрено, но лучше проверить глазами: по ощущениям просветы между буквами должны быть не меньше, чем просветы внутри букв.
На схеме таким подписям может потребоваться даже большая разрядка, чем при обычном наборе заглавными: кегль мелкий, некоторые надписи проходят под углом.
Карта улиц и транспорта Филадельфии, 1971. Свободная библиотека
Центр Челябинска на Гугль‑картах
Екатеринбург, дизайнер Паша Омелёхин, артдир я
Если рисовать улицы, возникает вопрос, какие и как.
Изображать каждый переулок, как на географической карте, скорее всего, будет перебором: достаточно показать главные улицы, задающие скелет города. При этом полезно сформулировать себе принцип «отбора» улиц, да такой, чтобы у читателя не возникало ощущения случайности.
Даже на географических картах изображение улиц часто упрощают до трёх‑четырёх толщин, а самые значимые дополнительно выделяют цветом. Если бы каждую улицу изображали пропорционально её настоящей толщине со всеми нюансами формы, карты выглядели бы сложнее, чем нужно.
На транспорте и три толщины — уже перебор, хочется уложиться в одну‑две и без ярких цветов.
Но не стоит пренебрегать узнаваемостью характерных улиц. Изображение бульваров, необычных развилок и круговых перекрёстков помогает узнавать места.
В Екатеринбурге у нас нарисованы даже трамвайные пути на улицах, хотя маршруты трамваев на этой схеме не указаны. Просто потому что само наличие рельсов — дополнительный ориентир.
Железные дороги — ещё один возможный ориентир
Карта улиц и транспорта Филадельфии, 1971. Свободная библиотека
Центр Челябинска на Гугль‑картах
Екатеринбург, дизайнер Паша Омелёхин, артдир я
Если рисовать улицы, возникает вопрос, какие и как.
Изображать каждый переулок, как на географической карте, скорее всего, будет перебором: достаточно показать главные улицы, задающие скелет города. При этом полезно сформулировать себе принцип «отбора» улиц, да такой, чтобы у читателя не возникало ощущения случайности.
Даже на географических картах изображение улиц часто упрощают до трёх‑четырёх толщин, а самые значимые дополнительно выделяют цветом. Если бы каждую улицу изображали пропорционально её настоящей толщине со всеми нюансами формы, карты выглядели бы сложнее, чем нужно.
На транспорте и три толщины — уже перебор, хочется уложиться в одну‑две и без ярких цветов.
Но не стоит пренебрегать узнаваемостью характерных улиц. Изображение бульваров, необычных развилок и круговых перекрёстков помогает узнавать места.
В Екатеринбурге у нас нарисованы даже трамвайные пути на улицах, хотя маршруты трамваев на этой схеме не указаны. Просто потому что само наличие рельсов — дополнительный ориентир.
Железные дороги — ещё один возможный ориентир
Нью‑Йорк. МТА
Аэропорт можно показать не просто символом, а как часть города.
В Нью‑Йорке территория аэропортов закрашена более тёмным фоном, а в аэропорту Кеннеди даже нарисовано движение поезда «Эйртрейн».
Москва. Студия Лебедева
На официальной московской схеме оформление аэропортов не соответствует их значимости. Они всего лишь подписаны мелкими словами, даже символ самолётика не разглядеть. Если они настолько незначительны, то почему же к ним подведено так много маршрутов?
Ранее об обозначении аэропортов:
Символы
Формат
Нью‑Йорк. МТА
Аэропорт можно показать не просто символом, а как часть города.
В Нью‑Йорке территория аэропортов закрашена более тёмным фоном, а в аэропорту Кеннеди даже нарисовано движение поезда «Эйртрейн».
Москва. Студия Лебедева
На официальной московской схеме оформление аэропортов не соответствует их значимости. Они всего лишь подписаны мелкими словами, даже символ самолётика не разглядеть. Если они настолько незначительны, то почему же к ним подведено так много маршрутов?
Ранее об обозначении аэропортов:
Символы
Формат
1933
История схемы:
Появление транспортных схем
Реки часто изображают даже на схемах без сетки улиц. На классической схеме Генри Бека река Темза была единственной привязкой к географии города.
Обратите внимание на лаконичное, но информативное обозначение: количество тонких штрихов увеличивается слева направо, показывая направление течения реки. Штриховка интеллигентно прерывается вокруг линий и подписей.
1945. Вместо линий уже растр, обводка по‑прежнему прерывается
1946. Грубая заливка и обводка
1933
Реки часто изображают даже на схемах без сетки улиц. На классической схеме Генри Бека река Темза была единственной привязкой к географии города.
Обратите внимание на лаконичное, но информативное обозначение: количество тонких штрихов увеличивается слева направо, показывая направление течения реки. Штриховка интеллигентно прерывается вокруг линий и подписей.
1945. Вместо линий уже растр, обводка по‑прежнему прерывается
1946. Грубая заливка и обводка
История схемы:
Появление транспортных схем
Дизайнер Ханс Шлегер. Рамси
На такой лондонской схеме 1938 года необычно взаимодействуют одинаковые обозначения реки и центральной части города. Возможно, за пределами центра действовал другой тариф.
Зоны оплаты
Дизайнер Ханс Шлегер. Рамси
На такой лондонской схеме 1938 года необычно взаимодействуют одинаковые обозначения реки и центральной части города. Возможно, за пределами центра действовал другой тариф.
Зоны оплаты
Если в городе много рек, то, как и в случае с улицами, не обязательно показывать все. Скажем, лондонских каналов на схеме метро нет.
В Санкт‑Петербурге летом ночами разводят мосты через Неву, и попасть из одной части города в другую становится проблематично, поэтому Неву нужно показать обязательно. Остальные реки и каналы не так влияют на жизнь, поэтому встречаются не на каждой схеме. Мы показываем те из них, которые считаем ориентирами и частью образа города.
Каналы — один из символов Амстердама. Они нарисованы на официальной транспортной схеме, правда очень плохо: и без того беспокойная схема с ними рябит ещё сильнее. Кажется, несмотря на их символичность, каналы не слишком влияют на перемещение по городу, так что без них можно обойтись на схеме. Но вот широкая река Эй делит город на две части, которые соединёны паромной переправой. Чтобы показать это, конечно, нужно показать и саму реку Эй.
Санкт‑Петербург, дизайнеры Егор Попов, Сергей Чикин, артдир я
Амстердам. ГВБ
Санкт‑Петербург, дизайнеры Егор Попов, Сергей Чикин, артдир я
Амстердам. ГВБ
Если в городе много рек, то, как и в случае с улицами, не обязательно показывать все. Скажем, лондонских каналов на схеме метро нет.
В Санкт‑Петербурге летом ночами разводят мосты через Неву, и попасть из одной части города в другую становится проблематично, поэтому Неву нужно показать обязательно. Остальные реки и каналы не так влияют на жизнь, поэтому встречаются не на каждой схеме. Мы показываем те из них, которые считаем ориентирами и частью образа города.
Каналы — один из символов Амстердама. Они нарисованы на официальной транспортной схеме, правда очень плохо: и без того беспокойная схема с ними рябит ещё сильнее. Кажется, несмотря на их символичность, каналы не слишком влияют на перемещение по городу, так что без них можно обойтись на схеме. Но вот широкая река Эй делит город на две части, которые соединёны паромной переправой. Чтобы показать это, конечно, нужно показать и саму реку Эй.
1965. Источник Стокгольма
На старой карте‑схеме метро Стокгольма видно, что город изрезан водой и состоит из многочисленных островов.
2020
Возможно, дизайнеры сочли это несущественным для перемещения и решили не усложнять современную официальную схему.
1965. Источник Стокгольма
На старой карте‑схеме метро Стокгольма видно, что город изрезан водой и состоит из многочисленных островов.
2020
Возможно, дизайнеры сочли это несущественным для перемещения и решили не усложнять современную официальную схему.
У паромов — свои схемы, конечно, с водой
На примере Барселоны мы видели, что море также может повлиять на ориентацию схемы:
Ориентация
Рекой можно замаскировать дыру в текстуре:
Текстура
Формат
Озёра подчёркивают края челябинской схемы. Дизайнер Александр Караваев, артдир я
Моря и крупные озёра часто образуют границу города и становятся главным ориентиром. В Чикаго озеро Мичиган заодно используется как фон для указателя станций.
Водоёмы также удобно использовать, чтобы закрыть формат, дотянув схему до прямоугольника. Для этого вполне подходят и озёра поменьше, как в Челябинске.
Моря и крупные озёра часто образуют границу города и становятся главным ориентиром. В Чикаго озеро Мичиган заодно используется как фон для указателя станций.
Водоёмы также удобно использовать, чтобы закрыть формат, дотянув схему до прямоугольника. Для этого вполне подходят и озёра поменьше, как в Челябинске.
Озёра подчёркивают края челябинской схемы. Дизайнер Александр Караваев, артдир я
На примере Барселоны мы видели, что море также может повлиять на ориентацию схемы:
Ориентация
Рекой можно замаскировать дыру в текстуре:
Текстура
Формат
Сплошной голубой фон
Штрихи на схеме Генри Бека 1933 года
Растр на его же схеме 1945 года
Заливка и обводка в версии 1946 года
Река Миасс на схеме челябинских трамваев, дизайнеры Полина Лесникова и Александр Караваев, артдир я
Река Исеть с мостом и встроенным названием на схеме метро Екатеринбурга, дизайнер Паша Омелёхин, артдир я
Река Свислочь с островом на схеме метро Минска, дизайнеры Иван Звягин, Константин Евстратенко, артдир я
Реки Нева и Мойка на схеме метро Санкт‑Петербурга, дизайнеры Егор Попов, Сергей Чикин, артдир я
Река Клайд на стилизованной карте Глазго 1950‑х годов, дизайнер Майк Холл
Водоёмы в Веб‑системе Гисметео. Бюро Горбунова
Штрихованное озеро на карте национального парка «Йеллоустоун», источник утерян
Радужное озеро Мичиган в Чикаго, дизайнер Кристофер Смеричник
Узоры на фарфоре Нендо
Выбирая обозначения водоёмов, стоит вдохновляться не только схемами и картами.
Рядом с водоёмом может захотеться обозначить и пляж
Выбирая обозначения водоёмов, стоит вдохновляться не только схемами и картами.
Сплошной голубой фон
Штрихи на схеме Генри Бека 1933 года
Растр на его же схеме 1945 года
Заливка и обводка в версии 1946 года
Река Миасс на схеме челябинских трамваев, дизайнеры Полина Лесникова и Александр Караваев, артдир я
Река Исеть с мостом и встроенным названием на схеме метро Екатеринбурга, дизайнер Паша Омелёхин, артдир я
Река Свислочь с островом на схеме метро Минска, дизайнеры Иван Звягин, Константин Евстратенко, артдир я
Реки Нева и Мойка на схеме метро Санкт‑Петербурга, дизайнеры Егор Попов, Сергей Чикин, артдир я
Река Клайд на стилизованной карте Глазго 1950‑х годов, дизайнер Майк Холл
Водоёмы в Веб‑системе Гисметео. Бюро Горбунова
Штрихованное озеро на карте национального парка «Йеллоустоун», источник утерян
Радужное озеро Мичиган в Чикаго, дизайнер Кристофер Смеричник
Узоры на фарфоре Нендо
Рядом с водоёмом может захотеться обозначить и пляж
Если показывать водоёмы, почему бы не показать и парки.
Тут уже возникает вопрос не только о стиле обозначения, но и о детализации. Можно просто выбрать приятный оттенок или текстуру, а можно — нарисовать тропинки и аттракционы.
Сплошной зелёный фон
Штриховка на картах Московского Марафона. Бюро Горбунова
Кружочки на схеме челябинских трамваев, дизайнеры Полина Лесникова и Александр Караваев, артдир я
Созвездия кружков на черновике схемы московского метро. Студия Лебедева
Пересекающиеся градиентные кружки на минской схеме, дизайнеры Иван Звягин и Константин Евстратенко, артдир я
Деревья на схеме парка «Краснодар». Студия Лебедева
Варианты закраски с черновиков схемы метро Санкт‑Петербурга, дизайнеры Егор Попов, Сергей Чикин, артдир я
«Акварель» на карте Тиргартена, Берлин
Краска с белыми пятнами в приложении «Урбан‑вокс». Антон и Айрин
Деревья на схеме парка Горького. Студия Лебедева
Деревца и аттракционы на карте курорта Богнор Риджис, дизайнер Майк Холл
Рисованная карта Берна, художник Атоян Рубен
Если показывать водоёмы, почему бы не показать и парки.
Тут уже возникает вопрос не только о стиле обозначения, но и о детализации. Можно просто выбрать приятный оттенок или текстуру, а можно — нарисовать тропинки и аттракционы.
Сплошной зелёный фон
Штриховка на картах Московского Марафона. Бюро Горбунова
Кружочки на схеме челябинских трамваев, дизайнеры Полина Лесникова и Александр Караваев, артдир я
Созвездия кружков на черновике схемы московского метро. Студия Лебедева
Пересекающиеся градиентные кружки на минской схеме, дизайнеры Иван Звягин и Константин Евстратенко, артдир я
Деревья на схеме парка «Краснодар». Студия Лебедева
Варианты закраски с черновиков схемы метро Санкт‑Петербурга, дизайнеры Егор Попов, Сергей Чикин, артдир я
«Акварель» на карте Тиргартена, Берлин
Краска с белыми пятнами в приложении «Урбан‑вокс». Антон и Айрин
Деревья на схеме парка Горького. Студия Лебедева
Деревца и аттракционы на карте курорта Богнор Риджис, дизайнер Майк Холл
Рисованная карта Берна, художник Атоян Рубен
Зальцбург. Онзеворлдмэп
Лозанна, дизайнер Юг Церович
В некоторых городах важен рельеф.
На транспортной схеме Зальцбурга показаны горы, в Лозанне — эстакады.
В некоторых городах важен рельеф.
На транспортной схеме Зальцбурга показаны горы, в Лозанне — эстакады.
Зальцбург. Онзеворлдмэп
Лозанна, дизайнер Юг Церович
Такамацу, дизайнер Юг Церович
Утагава Хиросигэ. Лодки для переправы на реке Тенрю. Артхив, 19 век
Изображая горы на схеме для японского Такамацу, Юг Церович решил намекнуть на характерный стиль японской живописи.
Ещё горы — на схеме Средиземья:
Направления
О схемах Юга Церовича:
Мнообразие схем
Изображая горы на схеме для японского Такамацу, Юг Церович решил намекнуть на характерный стиль японской живописи.
Такамацу, дизайнер Юг Церович
Утагава Хиросигэ. Лодки для переправы на реке Тенрю. Артхив, 19 век
Ещё горы — на схеме Средиземья:
Направления
О схемах Юга Церовича:
Мнообразие схем
Берлин, 1988.
Старые схемы берлинского транспорта
В городе также могут быть обозначены особые районы или зоны. Например, на старых схемах Берлина штриховкой изображена стена, разделявшая город на восточный и западный.
В Челябинске, чтобы прокатиться до шестого электросталеплавильного цеха металлургического комбината, понадобится пропуск — закрытая территория обозначена серым фоном.
Подписи и обозначения районов Сан‑Хосе:
Символы
Берлин, 1988.
Старые схемы берлинского транспорта
В городе также могут быть обозначены особые районы или зоны. Например, на старых схемах Берлина штриховкой изображена стена, разделявшая город на восточный и западный.
В Челябинске, чтобы прокатиться до шестого электросталеплавильного цеха металлургического комбината, понадобится пропуск — закрытая территория обозначена серым фоном.
Подписи и обозначения районов Сан‑Хосе:
Символы
Для полного кайфа можно нарисовать трёхмерные здания и показать их пешеходную доступность с остановок транспорта.
Ранее о достопримечательностях:
Символы
Стадион со схемы метро Минска
Достопримечательности, горы и вода.
Ялтинские троллейбусы, дизайнер Николай Башков, артдир Александр Караваев
Достопримечательности, горы и вода.
Ялтинские троллейбусы, дизайнер Николай Башков, артдир Александр Караваев
Для полного кайфа можно нарисовать трёхмерные здания и показать их пешеходную доступность с остановок транспорта.
Ранее о достопримечательностях:
Символы
Стадион со схемы метро Минска
Безупречность
Мы детально разобрали изображение разных объектов на схеме. Но схема — больше, чем сумма этих объектов. Их изображения взаимодействуют, порождая новые смыслы и образы. А значит, на сами эти взаимодействия стоит посмотреть отдельно.
В каком порядке накладывать друг на друга пересекающиеся линии? Например, с учётом их реальной глубины под землёй! Или по времени запуска: новые над старыми или наоборот. Для перемещения это не имеет значения, но оставлять порядок случайным не хочется.
Даже на схеме метро реки лучше оставить под линиями — линии важнее
Безупречность
Мы детально разобрали изображение разных объектов на схеме. Но схема — больше, чем сумма этих объектов. Их изображения взаимодействуют, порождая новые смыслы и образы. А значит, на сами эти взаимодействия стоит посмотреть отдельно.
В каком порядке накладывать друг на друга пересекающиеся линии? Например, с учётом их реальной глубины под землёй! Или по времени запуска: новые над старыми или наоборот. Для перемещения это не имеет значения, но оставлять порядок случайным не хочется.
Даже на схеме метро реки лучше оставить под линиями — линии важнее
Схема московского метро, дизайн мой
Схема московского метро, дизайн мой
Схема московского метро, дизайн мой
Схема московского метро, дизайн мой
Схема московского метро, дизайн мой
Прагматичнее всего — настроить порядок для наилучшей читаемости. Если линия кончается или изгибается рядом с местом пересечения, то её лучше нарисовать выше.
Лучше поменять линии местами, уделив больше внимания конечной.
Стоит вытащить поворот наверх, облегчив слежение за траекторией линии.
Повороты на виду
Схема московского метро, дизайн мой
Схема московского метро, дизайн мой
Схема московского метро, дизайн мой
Схема московского метро, дизайн мой
Схема московского метро, дизайн мой
Прагматичнее всего — настроить порядок для наилучшей читаемости. Если линия кончается или изгибается рядом с местом пересечения, то её лучше нарисовать выше.
Лучше поменять линии местами, уделив больше внимания конечной.
Стоит вытащить поворот наверх, облегчив слежение за траекторией линии.
Повороты на виду
Этот пример я использовал для иллюстрации порядка линий в пучках:
Там шла речь о сортировке линий «слева направо», но сортировка по удалённости от зрителя тоже важна. Обратите внимание, что линии покидающих пучок маршрутов всегда нарисованы над линиями самого пучка — так за ними проще следить.
Порядок линий в пучках
Иногда маршруты так просто не разделишь на покидающие и остающиеся в пучке. Приходится внимательно настраивать порядок на глаз, чтобы максимально «проявить» все повороты:
Было
Повороты бледно‑салатовой и кремовой линий можно не заметить
Стало
Эти же повороты «проявлены»
Не знаю, что происходит на перекрёстках со схемы из Кирова
Этот пример я использовал для иллюстрации порядка линий в пучках:
Порядок линий в пучках
Там шла речь о сортировке линий «слева направо», но сортировка по удалённости от зрителя тоже важна. Обратите внимание, что линии покидающих пучок маршрутов всегда нарисованы над линиями самого пучка — так за ними проще следить.
Иногда маршруты так просто не разделишь на покидающие и остающиеся в пучке. Приходится внимательно настраивать порядок на глаз, чтобы максимально «проявить» все повороты:
Было
Повороты бледно‑салатовой и кремовой линий можно не заметить
Стало
Эти же повороты «проявлены»
Не знаю, что происходит на перекрёстках со схемы из Кирова
Одна линия просто перекрывает другую
С односторонней обводкой, или «белой тенью»
С двусторонней обводкой
С графичной тенью
С размытой тенью
Само место пересечения тоже можно оформить по‑разному: добавить обводку, тень или свечение. Можно даже представить, что сами линии — это куски прозрачной плёнки, которые просвечивают друг сквозь друга. Если рисовать тень, то важно, чтобы она падала только на другие линии, но не на фон схемы.
Спецэффекты не только украшают, но и усложняют. «Громкие» пересечения стоит оставлять только на простых схемах, где это не помешает восприятию смысла.
Со свечением
Со смешением цветов
Само место пересечения тоже можно оформить по‑разному: добавить обводку, тень или свечение. Можно даже представить, что сами линии — это куски прозрачной плёнки, которые просвечивают друг сквозь друга. Если рисовать тень, то важно, чтобы она падала только на другие линии, но не на фон схемы.
Спецэффекты не только украшают, но и усложняют. «Громкие» пересечения стоит оставлять только на простых схемах, где это не помешает восприятию смысла.
Одна линия просто перекрывает другую
С односторонней обводкой, или «белой тенью»
С двусторонней обводкой
С графичной тенью
С размытой тенью
Со свечением
Со смешением цветов
Схема состоит из геометрических фигур, построенных и соединённых по правилам. На моей схеме центры каждой «горошины» пересадочной станции проходят через оси линий.
Это логично, но при таком построении иногда возникают белые щели. Чтобы они не отвлекали читателя, их стоит замазать каким‑нибудь из цветов соседних элементов, например.
Иногда щели получаются едва заметными — в том, что их нужно замазать, нет сомнений.
Иногда — довольно большими, и уже начинаешь сомневаться, замазывать ли. Кажется, так почище. Но вот если замазать эту дыру, сама замазка будет обращать на себя больше внимания, чем дырка. Так что здесь — оставляем.
Некоторые графические дефекты быстрее замечаешь, если напечатать схему
Схема состоит из геометрических фигур, построенных и соединённых по правилам. На моей схеме центры каждой «горошины» пересадочной станции проходят через оси линий.
Это логично, но при таком построении иногда возникают белые щели. Чтобы они не отвлекали читателя, их стоит замазать каким‑нибудь из цветов соседних элементов, например.
Иногда щели получаются едва заметными — в том, что их нужно замазать, нет сомнений.
Иногда — довольно большими, и уже начинаешь сомневаться, замазывать ли. Кажется, так почище. Но вот если замазать эту дыру, сама замазка будет обращать на себя больше внимания, чем дырка. Так что здесь — оставляем.
Некоторые графические дефекты быстрее замечаешь, если напечатать схему
Градиентные стены коридорчиков:
Пересадки
Было
А вот пример улучшения моей старой схемы московского метро.
Как и все переходы, переход между Арбатской и Библиотекой имени Ленина был нарисован в коридорчике с градиентными стенами.
Стало
Артём Горбунов заметил, что здесь стены можно убрать и прорезать коридор прямо в «линиях».
Было
А вот пример улучшения моей старой схемы московского метро.
Как и все переходы, переход между Арбатской и Библиотекой имени Ленина был нарисован в коридорчике с градиентными стенами.
Стало
Артём Горбунов заметил, что здесь стены можно убрать и прорезать коридор прямо в «линиях».
Градиентные стены коридорчиков:
Пересадки
Было
Стало
На более поздней версии схемы в подписи «Сретенский бульвар» кратка от й неприятно коснулась Кольцевой линии метро. Пришлось её оторвать и немного перерисовать.
На более поздней версии схемы в подписи «Сретенский бульвар» кратка от й неприятно коснулась Кольцевой линии метро. Пришлось её оторвать и немного перерисовать.
Было
Стало
Паша Омелёхин о процессе создания схемы метро Екатеринбурга
В стремлении к совершенству также можно попытаться систематизировать все текстовые кегли и отступы и поставить все подписи по сетке базовых линий.
В стремлении к совершенству также можно попытаться систематизировать все текстовые кегли и отступы и поставить все подписи по сетке базовых линий.
Паша Омелёхин о процессе создания схемы метро Екатеринбурга
Есть
Я призывал следить за тем, чтобы узоры линий не «съезжали» в пучках. Но разнобой заметен и просто на параллельных линиях.
Могло бы быть
Если всё выровнять, становится намного приятнее. Так что синхронизировать узоры можно на уровне всей схемы.
Есть
Я призывал следить за тем, чтобы узоры линий не «съезжали» в пучках. Но разнобой заметен и просто на параллельных линиях.
Могло бы быть
Если всё выровнять, становится намного приятнее. Так что синхронизировать узоры можно на уровне всей схемы.
Когда побороли все дефекты, хочется добавить радостей.
На официальной московской схеме на реке есть бантик. Студия Лебедева
На официальной берлинской схеме логотип Скоростного транспорта Берлина сделан сердечком, а не квадратом
На люберецкой схеме Романа Ватриковского красиво переплетаются линии
На Сингапурской схеме у автобуса в «Леголенд» подмигивает лего‑человечек. Дизайнер Юля Кириллова, артдир Артём Горбунов. Дипломный проект в Школе бюро
На здании «Ворота Минска» сидит Ида из игры «Долина монументов». Дизайнеры Иван Звягин, Константин Евстратенко, артдир я
Когда побороли все дефекты, хочется добавить радостей.
На официальной московской схеме на реке есть бантик. Студия Лебедева
На официальной берлинской схеме логотип Скоростного транспорта Берлина сделан сердечком, а не квадратом
На люберецкой схеме Романа Ватриковского красиво переплетаются линии
На Сингапурской схеме у автобуса в «Леголенд» подмигивает лего‑человечек. Дизайнер Юля Кириллова, артдир Артём Горбунов. Дипломный проект в Школе бюро
На здании «Ворота Минска» сидит Ида из игры «Долина монументов». Дизайнеры Иван Звягин, Константин Евстратенко, артдир я
Тест по четвёртой части
Что автор рассказывает о толщине линий маршрутов?
Электротранспорт Смоленска, дизайнер Пётр Москалёв
Какой совет из книги поможет без ущерба для информативности снизить шум на этом фрагменте?
Выберите варианты обозначения строящейся линии метро, заметность которых соответствует их важности для пассажира.
Выберите фрагменты схем, на которых нарушен принцип «поворот на виду».
Метро Дубая, дизайнер Юг Церович
Вымышленная карта транспорта Канберры, дизайнер Джон Робертс
Выберите примеры, в которых скругления линий согласованы и подогнаны в соответствии с рекомендациями книги.
Франкфурт‑на‑Майне. РМВ
Копенгаген, дизайнеры Кристофер Торбьёрн Бек и Паша Омелёхин
Калифорния, дизайнер Роберт МакКоннел
Кемерово, дизайнер Кирилл Жаркой
Волгоград, дизайнеры Роман Дроботов и Денис Кравцов
На схеме нужно обозначить пересадку с одной станции на другую. Что может влиять на обозначение?
Какие недостатки, согласно книге, есть у этой схемы?
Санкт‑Петербург, автор неизвестен
Какие выводы из исследования схемы московского метро на айтрекере приведены в книге?
Выберите надпись, набранную открытым шрифтом без засечек.
На схеме метро необходимо обозначить одну станцию как место пересадки на пригородные поезда. Какие обозначения для этого приемлемы с точки зрения приводимых рекомендаций о символах?
чтобы узнать результат.
Тест по четвёртой части
Что автор рассказывает о толщине линий маршрутов?
Электротранспорт Смоленска, дизайнер Пётр Москалёв
Какой совет из книги поможет без ущерба для информативности снизить шум на этом фрагменте?
Выберите варианты обозначения строящейся линии метро, заметность которых соответствует их важности для пассажира.
Выберите фрагменты схем, на которых нарушен принцип «поворот на виду».
Метро Дубая, дизайнер Юг Церович
Вымышленная карта транспорта Канберры, дизайнер Джон Робертс
Выберите примеры, в которых скругления линий согласованы и подогнаны в соответствии с рекомендациями книги.
Франкфурт‑на‑Майне. РМВ
Копенгаген, дизайнеры Кристофер Торбьёрн Бек и Паша Омелёхин
Калифорния, дизайнер Роберт МакКоннел
Кемерово, дизайнер Кирилл Жаркой
Волгоград, дизайнеры Роман Дроботов и Денис Кравцов
На схеме нужно обозначить пересадку с одной станции на другую. Что может влиять на обозначение?
Какие недостатки, согласно книге, есть у этой схемы?
Санкт‑Петербург, автор неизвестен
Какие выводы из исследования схемы московского метро на айтрекере приведены в книге?
Выберите надпись, набранную открытым шрифтом без засечек.
На схеме метро необходимо обозначить одну станцию как место пересадки на пригородные поезда. Какие обозначения для этого приемлемы с точки зрения приводимых рекомендаций о символах?
5
Система
5
Система
Вариативность
Проектируя схему, нужно думать, где она появится и как ей будут пользоваться.
Ответов на этот вопрос бывает много, поэтому схему приходится адаптировать к разным форматам, носителям, сценариям, пассажирам, языкам.
Вагонная версия может отличаться от вестибюльной, схема в буклете — от электронной схемы на сайте. Кроме того, схему нужно обновлять при изменении — об этом мы поговорим в отдельной главе.
Так что хорошо спроектированная схема — не просто картинка, а целая графическая система.
На мой взгляд, основная и самая «ответственная» версия схемы — вагонная. Вагон трясётся, схему загораживают люди, а надо быстро разобраться и принять решение.
Поговорим о месте размещения схемы с учётом положения дверей, окон, сидений и рекламы. Это может повлиять на размер, пропорции и вёрстку схемы.
Формат
Вариативность
Проектируя схему, нужно думать, где она появится и как ей будут пользоваться.
Ответов на этот вопрос бывает много, поэтому схему приходится адаптировать к разным форматам, носителям, сценариям, пассажирам, языкам.
Вагонная версия может отличаться от вестибюльной, схема в буклете — от электронной схемы на сайте. Кроме того, схему нужно обновлять при изменении — об этом мы поговорим в отдельной главе.
Так что хорошо спроектированная схема — не просто картинка, а целая графическая система.
На мой взгляд, основная и самая «ответственная» версия схемы — вагонная. Вагон трясётся, схему загораживают люди, а надо быстро разобраться и принять решение.
Поговорим о месте размещения схемы с учётом положения дверей, окон, сидений и рекламы. Это может повлиять на размер, пропорции и вёрстку схемы.
Формат
Современные производители транспорта начали думать об информации как о части интерьера. Но часто в вагонах и салонах не предусмотрено хороших мест для размещения схем, и им приходится тесниться.
В Челябинске мы пробовали разместить крупную схему прямо на окне, на матовой плёнке.
К сожалению, читамость разных частей схемы зависела от солнечности. Белая подложка помогала, но лишала пассажиров окна — так себе решение.
В итоге победил вариант с размещением схемы меньшего размера на стене кабины водителя.
Современные производители транспорта начали думать об информации как о части интерьера. Но часто в вагонах и салонах не предусмотрено хороших мест для размещения схем, и им приходится тесниться.
В Челябинске мы пробовали разместить крупную схему прямо на окне, на матовой плёнке.
К сожалению, читамость разных частей схемы зависела от солнечности. Белая подложка помогала, но лишала пассажиров окна — так себе решение.
В итоге победил вариант с размещением схемы меньшего размера на стене кабины водителя.
Оказывается, если ни на одной стене не остаётся места, схему можно повесить и на потолок. Так делают в Берлине, Мюнхене, Стокгольме.
Оказывается, если ни на одной стене не остаётся места, схему можно повесить и на потолок. Так делают в Берлине, Мюнхене, Стокгольме.
Почему крупно не всегда хорошо:
О конусе зрения
Неудачно
Если повезло и в вагоне много свободного места — например, большой простенок между окнами — сначала хочется занять схемой всё доступное место.
Лучше
Но это не обязательно лучшее решение. Если схема поменьше, её можно повесить повыше, и нижнюю часть не будут закрывать головы сидящих пассажиров.
Неудачно
Если повезло и в вагоне много свободного места — например, большой простенок между окнами — сначала хочется занять схемой всё доступное место.
Лучше
Но это не обязательно лучшее решение. Если схема поменьше, её можно повесить повыше, и нижнюю часть не будут закрывать головы сидящих пассажиров.
Почему крупно не всегда хорошо:
О конусе зрения
Даже вагонная версия — не обязательно одна. Подвижной состав может быть неоднородным: по одним линиям ходят такие вагоны, по другим сякие; на каких‑то маршрутах используют несколько моделей автобусов.
Можно, конечно, сделать универсальную схему и просто печатать её в разных размерах.
Но иногда оптимальные варианты для разных ситуаций будут отличаться не только размером, но и пропорциями.
В работе над своей первой официальной схемой Студия Лебедева применила трюк: на плакатах разных пропорций использовали одну и ту же схему, но по‑разному располагали и верстали алфавитный указатель станций.
Создание официальной схемы линий Московского метрополитена. Студия Лебедева
Вёрстка плакатов разных пропорций с одной схемой
Отличия вёрстки информационных блоков
Даже вагонная версия — не обязательно одна. Подвижной состав может быть неоднородным: по одним линиям ходят такие вагоны, по другим сякие; на каких‑то маршрутах используют несколько моделей автобусов.
Можно, конечно, сделать универсальную схему и просто печатать её в разных размерах.
Но иногда оптимальные варианты для разных ситуаций будут отличаться не только размером, но и пропорциями.
В работе над своей первой официальной схемой Студия Лебедева применила трюк: на плакатах разных пропорций использовали одну и ту же схему, но по‑разному располагали и верстали алфавитный указатель станций.
Вёрстка плакатов разных пропорций с одной схемой
Отличия вёрстки информационных блоков
Создание официальной схемы линий Московского метрополитена. Студия Лебедева
Благодаря разному расположению алфавитного указателя получаются горизонтальная и вертикальная версии парижской схемы Константина Коновалова.
Сама схема квадратная, а указатель встаёт или в четыре колонки справа, или в десять снизу.
Благодаря разному расположению алфавитного указателя получаются горизонтальная и вертикальная версии парижской схемы Константина Коновалова.
Сама схема квадратная, а указатель встаёт или в четыре колонки справа, или в десять снизу.
В Лондоне в некоторых поездах вешают схемы на скругление между окнами и потолком.
Вся система туда не вмещается, поэтому делают отдельную схему центральной части.
В Лондоне в некоторых поездах вешают схемы на скругление между окнами и потолком.
Вся система туда не вмещается, поэтому делают отдельную схему центральной части.
Примерка прозрачных схем. Метросхемопанорама
А вот ещё направление для вариаций. В некоторых московских поездах схемы клеят на стёкла. Конечно, само по себе это не требует изменения пропорций плаката.
Но всё же это другой макет: чёрное здесь становится белым, другие цвета тоже корректируются, сам файл иначе готовят к производству.
Примерка прозрачных схем. Метросхемопанорама
А вот ещё направление для вариаций. В некоторых московских поездах схемы клеят на стёкла. Конечно, само по себе это не требует изменения пропорций плаката.
Но всё же это другой макет: чёрное здесь становится белым, другие цвета тоже корректируются, сам файл иначе готовят к производству.
Карты и схемы на стене в метро Парижа
Информационные стенды в метро Стокгольма
Если архитектура позволяет, схема метро может быть также размещена на платформе. Крупные схемы размещают на стенах или на специальных информационных стендах.
Для платформенных схем обычно подходит один из вагонных макетов. Но хорошо бы, чтобы у серии информационных и рекламных плакатов на платформе был одинаковый формат.
Карты и схемы на стене в метро Парижа
Информационные стенды в метро Стокгольма
Если архитектура позволяет, схема метро может быть также размещена на платформе. Крупные схемы размещают на стенах или на специальных информационных стендах.
Карты и схемы на стене в метро Парижа
Информационные стенды в метро Стокгольма
Для платформенных схем обычно подходит один из вагонных макетов. Но хорошо бы, чтобы у серии информационных и рекламных плакатов на платформе был одинаковый формат.
В Германии часто размещают схемы на путевой стене.
Это решение кажется опасным, особенно если на схеме много мелких деталей — вдруг пассажиру захочется сделать шаг вперёд? Как минимум при таком размещении нужно убедиться, что схема крупная и безупречно освещена.
Для путевой стены лучше подходит линейная схема:
Линейные схемы
Берлин
Берлин
В Германии часто размещают схемы на путевой стене.
Это решение кажется опасным, особенно если на схеме много мелких деталей — вдруг пассажиру захочется сделать шаг вперёд? Как минимум при таком размещении нужно убедиться, что схема крупная и безупречно освещена.
Для путевой стены лучше подходит линейная схема:
Линейные схемы
Черновик
Черновик
Черновик
Круглая стела на станции Кузнецкий Мост:
Схема как символ
Форма Бутовской линии на прямоугольных схемах
В центральных залах московских станций стали ставить красивые круглые информационные стелы. Прямоугольный плакат смотрелся бы на такой стеле неуместно.
Дизайнерам пришлось адаптировть схему к новому формату. Например, Бутовская линия вытянулась вниз, а свободное место по бокам занял алфавитный указатель.
Чтобы прямоугольное прошлое схемы меньше бросалось в глаза, колонки указателя закруглили.
Черновик
Черновик
Черновик
Круглая стела на станции Кузнецкий Мост:
Схема как символ
Форма Бутовской линии на прямоугольных схемах
В центральных залах московских станций стали ставить красивые круглые информационные стелы. Прямоугольный плакат смотрелся бы на такой стеле неуместно.
Дизайнерам пришлось адаптировть схему к новому формату. Например, Бутовская линия вытянулась вниз, а свободное место по бокам занял алфавитный указатель.
Чтобы прямоугольное прошлое схемы меньше бросалось в глаза, колонки указателя закруглили.
Инфосос
Ещё один носитель на платформе — «инфосос». Это колонна с переговорным устройством и надписями ИНФО и SOS.
К оператору обращаются в том числе за помощью в построении маршрута, так что хорошо бы разместить схему перед глазами пассажира.
В Москве в середине инфососа находится микрофон, камера и динамик — их нельзя закрывать. Схему и алфавитный указатель приходится разделять на разные наклейки.
Инфосос
Ещё один носитель на платформе — «инфосос». Это колонна с переговорным устройством и надписями ИНФО и SOS.
К оператору обращаются в том числе за помощью в построении маршрута, так что хорошо бы разместить схему перед глазами пассажира.
В Москве в середине инфососа находится микрофон, камера и динамик — их нельзя закрывать. Схему и алфавитный указатель приходится разделять на разные наклейки.
Вестибюльная схема Московского метро. Студия Лебедева
В вестибюле метро обычно достаточно места для размещения большой, подробной схемы. Да и людям не во время движения проще её изучить. Здесь к линиям метро могут добавиться ключевые маршруты наземного транспорта, улицы, парки, достопримечательности.
Город
С другой стороны, может быть рациональнее не вводить лишний вариант схемы, а просто вешать рядом со схемой метро другие, например наземного транспорта, или пешеходную карту района.
Как и на платформе, схемы в вестибюле могут соседствовать с расписаниями, объявлениями, рекламой — и хорошо, когда форматы всех плакатов согласованы.
В вестибюле метро обычно достаточно места для размещения большой, подробной схемы. Да и людям не во время движения проще её изучить. Здесь к линиям метро могут добавиться ключевые маршруты наземного транспорта, улицы, парки, достопримечательности.
Город
С другой стороны, может быть рациональнее не вводить лишний вариант схемы, а просто вешать рядом со схемой метро другие, например наземного транспорта, или пешеходную карту района.
Как и на платформе, схемы в вестибюле могут соседствовать с расписаниями, объявлениями, рекламой — и хорошо, когда форматы всех плакатов согласованы.
Вестибюльная схема Московского метро. Студия Лебедева
Вот на нью‑йоркской станции отдельно висят схема автобусов, карта района и схема метро. Выглядит системно.
Над картой слева шесть колонок текста, а на центральной — шесть городских кварталов. Совпадение?
Вот на нью‑йоркской станции отдельно висят схема автобусов, карта района и схема метро. Выглядит системно.
Над картой слева шесть колонок текста, а на центральной — шесть городских кварталов. Совпадение?
Схемы наземного транспорта размещают на остановках.
В отличие от сухого видеонаблюдаемого вестибюля, на остановке бывают погода и вандалы. Для долговечности схемы ламинируют или прячут под стекло, из‑за этого они бликуют. Так что остановочная схема может потребовать большего контраста.
Пуленепробиваемый дизайн с прожилками:
Пучки
Чикаго
Чикаго
Схемы наземного транспорта размещают на остановках.
В отличие от сухого видеонаблюдаемого вестибюля, на остановке бывают погода и вандалы. Для долговечности схемы ламинируют или прячут под стекло, из‑за этого они бликуют. Так что остановочная схема может потребовать большего контраста.
Пуленепробиваемый дизайн с прожилками:
Пучки
На схеме, которая не ездит, а стоит в фиксированном месте, полезно выделить само это место. В Москве на платформенных и вестибюльных схемах название текущей станции стоит на плашке цвета линии.
Получается, для каждой станции нужен свой макет с выделенным названием этой станции, то есть разных макетов нужно подготовить не три и не пять, а сотни.
Если для каждой платформы делать свою схему, то, возможно, было бы полезно выделить и текущую линию
На схеме, которая не ездит, а стоит в фиксированном месте, полезно выделить само это место. В Москве на платформенных и вестибюльных схемах название текущей станции стоит на плашке цвета линии.
Получается, для каждой станции нужен свой макет с выделенным названием этой станции, то есть разных макетов нужно подготовить не три и не пять, а сотни.
Если для каждой платформы делать свою схему, то, возможно, было бы полезно выделить и текущую линию
Дешёвый способ выделить текущую станцию — наклейка «Вы находитесь здесь», которую можно сократить до просто «Вы». Такие были выше на примерах из Берлина, Нью‑Йорка, Чикаго.
Варианты дизайна можно подсмотреть и на пешеходных картах.
Большая красная стрелка на схеме метро на станции Франкфуртер‑аллее в Берлине
Круг с красной стрелкой и словами You are here со станционной схемы в Нью‑Йорке
На берлинских городских картах используют жёлтый круг. Он отлично виден издалека и не мешает читать то, что под ним
В пешеходной навигации Нью‑Йорка — жёлтая плашка You с «пипкой»
Неудачное обозначение в Чикаго. Красные круги ближе к станции Дамен, но вообще‑то мы на станции Вестерн
«Клин» в Токио выглядит хорошо, хотя перспектива не совсем согласовалась со зданиями вокруг. Фото Сергея Николаева
Дешёвый способ выделить текущую станцию — наклейка «Вы находитесь здесь», которую можно сократить до просто «Вы». Такие были выше на примерах из Берлина, Нью‑Йорка, Чикаго.
Варианты дизайна можно подсмотреть и на пешеходных картах.
Большая красная стрелка на схеме метро на станции Франкфуртер‑аллее в Берлине
Круг с красной стрелкой и словами You are here со станционной схемы в Нью‑Йорке
На берлинских городских картах используют жёлтый круг. Он отлично виден издалека и не мешает читать то, что под ним
В пешеходной навигации Нью‑Йорка — жёлтая плашка You с «пипкой»
Неудачное обозначение в Чикаго. Красные круги ближе к станции Дамен, но вообще‑то мы на станции Вестерн
«Клин» в Токио выглядит хорошо, хотя перспектива не совсем согласовалась со зданиями вокруг. Фото Сергея Николаева
Мой дед Давид Бирман привёз эту схему из Лондона в 1960 году
Схема бывает не только публичной, но и личной.
В некоторых городах, покупая билет, можно взять буклетик со схемой. Кроме схемы здесь размещают тарифы, расписания, указатель станций. Хорошо, когда вёрстка учитывает, как буклет складывается.
Мой дед Давид Бирман привёз эту схему из Лондона в 1960 году
Схема бывает не только публичной, но и личной.
В некоторых городах, покупая билет, можно взять буклетик со схемой. Кроме схемы здесь размещают тарифы, расписания, указатель станций. Хорошо, когда вёрстка учитывает, как буклет складывается.
Упаковка внутренностей Кольцевой линии московского метро в крошечный экран. Дизайн мой
Схему адаптируют и для сайтов и приложений.
Преимущество индивидуальных форматов, таких как буклет, сайт или приложение, в том, что схему можно сразу сделать на нужном языке и избавить от ненужных конкретному пассажиру деталей. А упрощение здесь очень кстати, ведь даже у компьютера экран, как правило, меньше любого плаката; о телефоне и говорить нечего. На многих компьютерах всё ещё не очень качественные экраны низкого разрешения.
Конечно, пользователь может увеличивать картинку, но слишком полагаться на это не стоит — ведь смысл схемы в том, чтобы иметь в поле зрения систему целиком и планировать по ней маршрут. Кроме того, кто‑нибудь захочет распечатать схему с сайта.
Вертикальная сингапурская схема для телефона:
Формат
Интерактивные схемы
Упаковка внутренностей Кольцевой линии московского метро в крошечный экран. Дизайн мой
Схему адаптируют и для сайтов и приложений.
Преимущество индивидуальных форматов, таких как буклет, сайт или приложение, в том, что схему можно сразу сделать на нужном языке и избавить от ненужных конкретному пассажиру деталей. А упрощение здесь очень кстати, ведь даже у компьютера экран, как правило, меньше любого плаката; о телефоне и говорить нечего. На многих компьютерах всё ещё не очень качественные экраны низкого разрешения.
Конечно, пользователь может увеличивать картинку, но слишком полагаться на это не стоит — ведь смысл схемы в том, чтобы иметь в поле зрения систему целиком и планировать по ней маршрут. Кроме того, кто‑нибудь захочет распечатать схему с сайта.
Вертикальная сингапурская схема для телефона:
Формат
Интерактивные схемы
Ночные схемы мы уже обсуждали не раз. А это ночная схема с обозначением стоянок такси
Схема того, как избежать ступенек
Схема того, где можно брать с собой несложенный велосипед
Схема с обозначением туалетов на станциях
В индивидуальных схемах много направлений для вариативности — схемы для разных ситуаций, категорий пассажиров, на разных языках.
Чёрно‑белая версия:
Цветовое кодирование
Туристическая версия автобусной схемы:
Охват
Все примеры на развороте — Транспорт Лондона
Пример из Питера:
Когда на велосипеде быстрее, чем на метро
В индивидуальных схемах много направлений для вариативности — схемы для разных ситуаций, категорий пассажиров, на разных языках.
Чёрно‑белая версия:
Цветовое кодирование
Туристическая версия автобусной схемы:
Охват
Ночные схемы мы уже обсуждали не раз. А это ночная схема с обозначением стоянок такси
Схема того, как избежать ступенек
Схема того, где можно брать с собой несложенный велосипед
Схема с обозначением туалетов на станциях
Все примеры на развороте — Транспорт Лондона
Пример из Питера:
Когда на велосипеде быстрее, чем на метро
Транспорт Лондона на Саундклауде
Формат может быть и не визуальным. У лондонского метро есть даже аудиоверсия схемы. Незрячие пассажиры могут «прослушать» каждую линию, как если бы они ехали в поезде и слышали голосовые объявления. Насколько это удобно в использовании в виде отдельных треков — непонятно.
При прослушивании будет полезна возможность виртуально пересесть на любой станции и слушать дальше уже другую линию. Подобную функцию могли бы получить голосовые помощники в телефонах.
Формат может быть и не визуальным. У лондонского метро есть даже аудиоверсия схемы. Незрячие пассажиры могут «прослушать» каждую линию, как если бы они ехали в поезде и слышали голосовые объявления. Насколько это удобно в использовании в виде отдельных треков — непонятно.
При прослушивании будет полезна возможность виртуально пересесть на любой станции и слушать дальше уже другую линию. Подобную функцию могли бы получить голосовые помощники в телефонах.
Транспорт Лондона на Саундклауде
Стандартая
Нарядная
Для Санкт‑Петербурга мы сделали две версии схемы. Стандартная вагонная версия выглядит спокойно, но контрастна для удобства чтения.
Нарядная сувенирная версия содержит больше деталей и будет сильнее радовать глаз в качестве плаката дома.
Дизайнеры Егор Попов и Сергей Чикин, артдир я. О проекте
Для Санкт‑Петербурга мы сделали две версии схемы. Стандартная вагонная версия выглядит спокойно, но контрастна для удобства чтения.
Нарядная сувенирная версия содержит больше деталей и будет сильнее радовать глаз в качестве плаката дома.
Стандартая
Нарядная
Дизайнеры Егор Попов и Сергей Чикин, артдир я. О проекте
Наконец, версии схемы могут быть созданы под определённое событие.
Когда в 2018 году в Москве проходил Чемпионат мира по футболу, нужно было помочь людям добраться до трёх мест: двух стадионов и Фестиваля болельщиков. На каждой станции метро появились схемы проезда именно от этой станции до каждого из трёх мест.
У всех этих схем один принцип построения. Текущая станция выделена плашкой цвета линии, как на обычных станционных схемах. Футбольные места обозначены крупными иконками. Пути проезда к ним выделены просто тем, что остальная схема приглушена. Снова получается, что нужны сотни отдельных макетов. Вручную делать такое — безумие, нужна автоматизация.
Наконец, версии схемы могут быть созданы под определённое событие.
Когда в 2018 году в Москве проходил Чемпионат мира по футболу, нужно было помочь людям добраться до трёх мест: двух стадионов и Фестиваля болельщиков. На каждой станции метро появились схемы проезда именно от этой станции до каждого из трёх мест.
У всех этих схем один принцип построения. Текущая станция выделена плашкой цвета линии, как на обычных станционных схемах. Футбольные места обозначены крупными иконками. Пути проезда к ним выделены просто тем, что остальная схема приглушена. Снова получается, что нужны сотни отдельных макетов. Вручную делать такое — безумие, нужна автоматизация.
Чем больше версий схемы, тем сложнее их все поддерживать, вносить изменения. Некоторые города могут себе позволить большую команду дизайнеров, но вести эту работу сложно даже большой командой. В многочисленных файлах нужно хотя бы не запутаться.
Можно спроектировать схему так, чтобы вариации получались включением и отключением дополнительных слоёв, и это не требовало изменений на основном. Например, отключаешь слой названий на иностранном языке, включаешь слой с информацией о безбарьерном доступе — получаешь схему для специального буклета.
Но такой универсальности добиться непросто. Во‑первых, везде нужно предусмотреть место под отключаемые элементы и обозначения вроде туалетов или велопарковок — при включении они не должны ни на что налезть. Во‑вторых, разные элементы помогают добиться ровной текстуры. Если убрать слой с парками, появляются дыры, и уже хочется подвигать все линии, чтобы всё стало равномернее. А нельзя!
Конечно, чтобы держать сложность работы над схемами под контролем, можно принять решение сделать один макет на все случаи жизни. Но от чего точно никуда не денешься, так это от необходимости подстраивать схему под изменения в маршрутной сети — об этом поговорим позже.
О дырах на схеме:
Текстура
Изменения в маршрутной сети
Чем больше версий схемы, тем сложнее их все поддерживать, вносить изменения. Некоторые города могут себе позволить большую команду дизайнеров, но вести эту работу сложно даже большой командой. В многочисленных файлах нужно хотя бы не запутаться.
Можно спроектировать схему так, чтобы вариации получались включением и отключением дополнительных слоёв, и это не требовало изменений на основном. Например, отключаешь слой названий на иностранном языке, включаешь слой с информацией о безбарьерном доступе — получаешь схему для специального буклета.
Но такой универсальности добиться непросто. Во‑первых, везде нужно предусмотреть место под отключаемые элементы и обозначения вроде туалетов или велопарковок — при включении они не должны ни на что налезть. Во‑вторых, разные элементы помогают добиться ровной текстуры. Если убрать слой с парками, появляются дыры, и уже хочется подвигать все линии, чтобы всё стало равномернее. А нельзя!
Конечно, чтобы держать сложность работы над схемами под контролем, можно принять решение сделать один макет на все случаи жизни. Но от чего точно никуда не денешься, так это от необходимости подстраивать схему под изменения в маршрутной сети — об этом поговорим позже.
О дырах на схеме:
Текстура
Изменения в маршрутной сети
Алфавитный указатель и координатная сетка
Схема помогает проложить маршрут и следовать по нему, а алфавитный указатель помогает найти на схеме станцию.
Обычно в указатель смотрят до поездки, и воспринимается он лучше на неподвижном носителе. Так что его редко размещают в вагонах, ему место на станции или в буклете.
Указатель как материал для вёрстки:
Вариативность
Алфавитный указатель и координатная сетка
Схема помогает проложить маршрут и следовать по нему, а алфавитный указатель помогает найти на схеме станцию.
Обычно в указатель смотрят до поездки, и воспринимается он лучше на неподвижном носителе. Так что его редко размещают в вагонах, ему место на станции или в буклете.
Указатель как материал для вёрстки:
Вариативность
Допустим, мы ищем в Париже станцию Шато Руж. Указатель подсказывает, что она в квадрате E2
На линии всего пять станций в квадрате E2, так что найти нужную уже не проблема
Как правило, указатель ссылается на координатную сетку на схеме: пассажир находит станцию по алфавиту, смотрит её координаты и потом уже находит станцию в соответствующей клетке на схеме.
Координаты обозначают как в шахматах: E2, B5. Схему расчерчивают линиями, а по периметру указывают буквы и цифры.
Как правило, указатель ссылается на координатную сетку на схеме: пассажир находит станцию по алфавиту, смотрит её координаты и потом уже находит станцию в соответствующей клетке на схеме.
Координаты обозначают как в шахматах: E2, B5. Схему расчерчивают линиями, а по периметру указывают буквы и цифры.
Допустим, мы ищем в Париже станцию Шато Руж. Указатель подсказывает, что она в квадрате E2
На линии всего пять станций в квадрате E2, так что найти нужную уже не проблема
В языках с горизонтальным письмом в ширину влезает меньше подписей, чем в высоту, так что шаг сетки по горизонтали может больше
Ранее об информационном мусоре:
Пучки
Необходимость в указателе возникает на больших и сложных схемах. На них и так много слоёв и деталей. Поэтому координатную сетку следует рисовать как можно скромнее: тонкими или светлыми линиями, которые не будут спорить с основным содержанием схемы.
Информационные дисплеи «Меги». Студия Лебедева
Иногда можно даже не рисовать линии, а оставить только цифры и буквы по периметру. Этого достаточно, чтобы направить взгляд человека в нужное место. Здесь сориентироваться дополнительно помогает цветовое кодирование зон.
Необходимость в указателе возникает на больших и сложных схемах. На них и так много слоёв и деталей. Поэтому координатную сетку следует рисовать как можно скромнее: тонкими или светлыми линиями, которые не будут спорить с основным содержанием схемы.
Информационные дисплеи «Меги». Студия Лебедева
Иногда можно даже не рисовать линии, а оставить только цифры и буквы по периметру. Этого достаточно, чтобы направить взгляд человека в нужное место. Здесь сориентироваться дополнительно помогает цветовое кодирование зон.
В языках с горизонтальным письмом в ширину влезает меньше подписей, чем в высоту, так что шаг сетки по горизонтали может больше
Ранее об информационном мусоре:
Пучки
Координатная сетка — отдельный информационный слой, который не нужен на схеме без указателя, а стало быть, он должен включаться и выключаться, не влияя на остальные слои. Но это не значит, что сетку можно провести как попало.
Важно следить, чтобы линии сетки не делили станции пополам, то есть чтобы любую станцию было легко отнести к тому или иному квадрату.
Станция Барбикан расположена не очень удачно: её подпись почти полностью лежит в показанном квадрате C5, но указатель относит станцию к правому квадрату C6, где находится её обозначение.
Квадрат C5 на схеме лондонского метро
Квадрат C5 на схеме лондонского метро
Квадрат C5 на схеме лондонского метро
Квадрат C5 на схеме лондонского метро
Координатная сетка — отдельный информационный слой, который не нужен на схеме без указателя, а стало быть, он должен включаться и выключаться, не влияя на остальные слои. Но это не значит, что сетку можно провести как попало.
Важно следить, чтобы линии сетки не делили станции пополам, то есть чтобы любую станцию было легко отнести к тому или иному квадрату.
Станция Барбикан расположена не очень удачно: её подпись почти полностью лежит в показанном квадрате C5, но указатель относит станцию к правому квадрату C6, где находится её обозначение.
О конкурсе:
Поиск решения
Первые пару лет указатель использовали даже на вагонной схеме, но потом отказались
Во время конкурса схем метро Департамент транспорта Москвы добавил требование алфавитного указателя. Я эмоционально написал в блоге, как сложно пользоваться координатными сетками:
Сначала найти станцию в списке и запомнить специальный код: D7. Потом держа эту бессмыслицу в голове пойти искать на схеме D. Дальше ‹...› найти 7, но при этом не сбиться с азимута D. О, вот оно 7. А‑а‑а, жопа, поезд тряхнуло, где там было D? Ой, простите, нет, не выхожу, да, выпущу.
Это пытка какая‑то, не понимаю, почему до сих пор не введён официальный запрет на использование этой фигни. Не говоря уж о том, что это просто лишний хлам из очередных линий линий линий на схеме.
Я решил сделать алфавитный указатель без координатной сетки.
Найти станцию, зная линию, значительно проще, чем бегая глазами по всей схеме. Поэтому сначала я поставил кружки с цветами линий.
Этим решением я был не очень доволен. В Москве линии довольно длинные, так что хотелось направить взгляд точнее. Кроме того, на маленьких кружках не так просто отличить цвет, и это ещё не говоря о дальтониках. Это можно поправить, добавив номера линий, но в Москве они тогда ещё не успели прижиться.
Надо было искать что‑то ещё.
Во время конкурса схем метро Департамент транспорта Москвы добавил требование алфавитного указателя. Я эмоционально написал в блоге, как сложно пользоваться координатными сетками:
Сначала найти станцию в списке и запомнить специальный код: D7. Потом держа эту бессмыслицу в голове пойти искать на схеме D. Дальше ‹...› найти 7, но при этом не сбиться с азимута D. О, вот оно 7. А‑а‑а, жопа, поезд тряхнуло, где там было D? Ой, простите, нет, не выхожу, да, выпущу.
Это пытка какая‑то, не понимаю, почему до сих пор не введён официальный запрет на использование этой фигни. Не говоря уж о том, что это просто лишний хлам из очередных линий линий линий на схеме.
Я решил сделать алфавитный указатель без координатной сетки.
Найти станцию, зная линию, значительно проще, чем бегая глазами по всей схеме. Поэтому сначала я поставил кружки с цветами линий.
Этим решением я был не очень доволен. В Москве линии довольно длинные, так что хотелось направить взгляд точнее. Кроме того, на маленьких кружках не так просто отличить цвет, и это ещё не говоря о дальтониках. Это можно поправить, добавив номера линий, но в Москве они тогда ещё не успели прижиться.
Надо было искать что‑то ещё.
О конкурсе:
Поиск решения
Первые пару лет указатель использовали даже на вагонной схеме, но потом отказались
Мне хотелось найти «волшебное» решение, которое бы сразу показало человеку на искомую станцию безо всяких координат. Если бы можно было спросить знающего человека, он бы просто ткнул на станцию пальцем: «вот она». А по телефону он мог бы сказать что‑нибудь вроде «это на красной справа от кольца».
И я придумал стрелочку, которая показывает положение станций относительно Кольцевой линии:
Станции в пределах Кольцевой остаются с кружочками.
Мне хотелось найти «волшебное» решение, которое бы сразу показало человеку на искомую станцию безо всяких координат. Если бы можно было спросить знающего человека, он бы просто ткнул на станцию пальцем: «вот она». А по телефону он мог бы сказать что‑нибудь вроде «это на красной справа от кольца».
И я придумал стрелочку, которая показывает положение станций относительно Кольцевой линии:
Станции в пределах Кольцевой остаются с кружочками.
Координатная сетка неудобная, но люди понимают, как она работает. Стрелки же, указывающие относительное расположение станции, — необычное и непривычное решение. Но это не повод отказываться от идеи: сетку тоже кто‑то когда‑то придумал и нужно было время, чтобы она стала стандартом.
Стрелки подойдут схемам с очевидным центром или другим ориентиром, относительно которого стрелку следует читать. Например, мы использовали стрелки на минской схеме:
Но и в других случаях не спешите «сдаваться» и возвращаться к координатной сетке. Посмотрите, может, на схеме есть какие‑то ориентиры, зоны, районы или характерная геометрия линий, на которую можно опереться. Не бойтесь изобретать свои обозначения.
Дизайнеры Иван Звягин, Константин Евстратенко, артдир я. О проекте
Дизайнеры Иван Звягин, Константин Евстратенко, артдир я. О проекте
Координатная сетка неудобная, но люди понимают, как она работает. Стрелки же, указывающие относительное расположение станции, — необычное и непривычное решение. Но это не повод отказываться от идеи: сетку тоже кто‑то когда‑то придумал и нужно было время, чтобы она стала стандартом.
Стрелки подойдут схемам с очевидным центром или другим ориентиром, относительно которого стрелку следует читать. Например, мы использовали стрелки на минской схеме:
Но и в других случаях не спешите «сдаваться» и возвращаться к координатной сетке. Посмотрите, может, на схеме есть какие‑то ориентиры, зоны, районы или характерная геометрия линий, на которую можно опереться. Не бойтесь изобретать свои обозначения.
В указателе обычно перечисляют станции по алфавиту. Когда схема дана на двух языках с разными алфавитами, приходится делать два раздельных указателя.
Если в городе много вокзалов или аэропортов, есть смысл вынести их в отдельную группу. Но вынесенные так станции следует оставить и в ожидаемом месте алфавитного списка.
В строках указателя кроме названия и координат станции полезно разместить информацию о её линиях и особенностях.
В Лондоне сюда вынесена информация о туалетах, авто‑ и велопарковках, безбарьерности, тарифных зонах.
Группы по буквам лучше не разделять: линейки добавляют мусора, отступы — рыхлости вёрстке, особенно ближе к концу списка, когда станций на каждую букву становится мало. Буквы и так видно в названиях. Если очень хочется, можно их вынести налево за линию набора, как в Париже.
Посмотрите, как оформлены переносы в парижском указателе.
Недавно закрытые и переименованные станции должны оставаться в алфавитном указателе с пояснением или ссылкой:
Изменения в маршрутной сети
В указателе обычно перечисляют станции по алфавиту. Когда схема дана на двух языках с разными алфавитами, приходится делать два раздельных указателя.
Если в городе много вокзалов или аэропортов, есть смысл вынести их в отдельную группу. Но вынесенные так станции следует оставить и в ожидаемом месте алфавитного списка.
В строках указателя кроме названия и координат станции полезно разместить информацию о её линиях и особенностях.
В Лондоне сюда вынесена информация о туалетах, авто‑ и велопарковках, безбарьерности, тарифных зонах.
Группы по буквам лучше не разделять: линейки добавляют мусора, отступы — рыхлости вёрстке, особенно ближе к концу списка, когда станций на каждую букву становится мало. Буквы и так видно в названиях. Если очень хочется, можно их вынести налево за линию набора, как в Париже.
Посмотрите, как оформлены переносы в парижском указателе.
Недавно закрытые и переименованные станции должны оставаться в алфавитном указателе с пояснением или ссылкой:
Изменения в маршрутной сети
Московский указатель на инфососе содержит мини‑справочник по аэропортам, вокзалам и работе метро.
На инфососной схеме координатная сетка полезна даже в отсутствие указателя, ведь на клетку сможет сослаться оператор
Московский указатель на инфососе содержит мини‑справочник по аэропортам, вокзалам и работе метро.
На инфососной схеме координатная сетка полезна даже в отсутствие указателя, ведь на клетку сможет сослаться оператор
Линейные схемы
В главе «Вариативность» мы рассмотрели много возможных версий схемы — для вагонов, вестибюлей и буклетов, для пассажиров с особыми требованиями, под разные городские события и на разных языках. Теперь обсудим особый тип схем — линейные схемы.
Линейная схема изображает маршрут, на котором мы сейчас находимся. Напомню, что ещё в начале книги мы разбирали такие схемы из Лондона начала 20 века — можно сказать, что с них и началось схематичное изображение маршрутов.
Вариативность
Появление транспортных схем
Дистрикт‑рейлвей, 1908. Транспорт Лондона, Лондонский транспортный музей
Дистрикт‑рейлвей, 1908. Транспорт Лондона, Лондонский транспортный музей
Линейные схемы
В главе «Вариативность» мы рассмотрели много возможных версий схемы — для вагонов, вестибюлей и буклетов, для пассажиров с особыми требованиями, под разные городские события и на разных языках. Теперь обсудим особый тип схем — линейные схемы.
Линейная схема изображает маршрут, на котором мы сейчас находимся. Напомню, что ещё в начале книги мы разбирали такие схемы из Лондона начала 20 века — можно сказать, что с них и началось схематичное изображение маршрутов.
Вариативность
Появление транспортных схем
Идея сориентировать человека на уже выбранном маршруте была не нова и для Лондона.
В отличие от схемы всей транспортной системы, которая помогает проложить маршрут, такая «путевая карта» помогает с него не сбиться, уверенно принимать решения, оценивать прогресс по ходу движения.
Карманная ленточная карта для лодочников Миссисипи, 19 век. Рамси
Карманная ленточная карта для лодочников Миссисипи, 19 век. Рамси
Идея сориентировать человека на уже выбранном маршруте была не нова и для Лондона.
В отличие от схемы всей транспортной системы, которая помогает проложить маршрут, такая «путевая карта» помогает с него не сбиться, уверенно принимать решения, оценивать прогресс по ходу движения.
Икея в Екатеринбурге
Пример линейной схемы маршрута не из мира общественного транспорта — Икея. Через магазин «змейкой» проходит дорожка, проводящая покупателей последовательно по всем отделам. Не приходится думать, куда ещё заглянуть: просто проходишь всё по порядку.
Схема под потолком показывает магазин как последовательность отделов, пренебрегая их реальным взаиморасположением. Наоборот, прямые проходы между физически соседними, но далёкими на дорожке отделами обозначены как «короткий путь».
Икея в Екатеринбурге
Пример линейной схемы маршрута не из мира общественного транспорта — Икея. Через магазин «змейкой» проходит дорожка, проводящая покупателей последовательно по всем отделам. Не приходится думать, куда ещё заглянуть: просто проходишь всё по порядку.
Схема под потолком показывает магазин как последовательность отделов, пренебрегая их реальным взаиморасположением. Наоборот, прямые проходы между физически соседними, но далёкими на дорожке отделами обозначены как «короткий путь».
Линейные схемы обычно используют в вагонах и салонах, на платформах и остановках. В вагонах по линейным схемам люди оценивают, далеко ли ехать; считают остановки до выхода.
Ориентиры помогут вспомнить остановку и не «потеряться» на слишком длинной линии. В Москве в качестве ориентиров показаны кольца и Москва‑река.
О значении колец в Москве:
Схема как символ
Текстура
Линейные схемы обычно используют в вагонах и салонах, на платформах и остановках. В вагонах по линейным схемам люди оценивают, далеко ли ехать; считают остановки до выхода.
Ориентиры помогут вспомнить остановку и не «потеряться» на слишком длинной линии. В Москве в качестве ориентиров показаны кольца и Москва‑река.
О значении колец в Москве:
Схема как символ
Текстура
В Москве пересадки изображают коридорчиками или пунктиром по аналогии с основной схемой, подписывают вокзалы, транспорт до аэропорта. Для универсальности кроме цветов используют номера линий.
В Лондоне на пересадках рисуют «стопку» цветных полос с названиями линий.
В Париже под станциями ещё и подписывают достопримечательности.
Всё это помогает вспомнить или быстрее найти нужную остановку.
В Москве пересадки изображают коридорчиками или пунктиром по аналогии с основной схемой, подписывают вокзалы, транспорт до аэропорта. Для универсальности кроме цветов используют номера линий.
В Лондоне на пересадках рисуют «стопку» цветных полос с названиями линий.
В Париже под станциями ещё и подписывают достопримечательности.
Всё это помогает вспомнить или быстрее найти нужную остановку.
В Лондонском транспортном музее в поездах висят старые линейные схемы с избыточным, но очень красивым обозначением пересадок стрелками.
В Лондонском транспортном музее в поездах висят старые линейные схемы с избыточным, но очень красивым обозначением пересадок стрелками.
Как и полные схемы, линейные могут потребоваться в нескольких форматах для разных типов вагонов.
980 × 200 мм
1470 × 200 мм
1565 × 150 мм
1725 × 150 мм
Как и полные схемы, линейные могут потребоваться в нескольких форматах для разных типов вагонов.
Если линейная схема висит в вагоне, хорошо, когда её направление совпадает с реальным направлением движения этого вагона. А это значит, что на противоположных сторонах вагона должны висеть разнонаправленные версии схемы. Это ещё удваивает количество нужных макетов.
Если линейная схема висит в вагоне, хорошо, когда её направление совпадает с реальным направлением движения этого вагона. А это значит, что на противоположных сторонах вагона должны висеть разнонаправленные версии схемы. Это ещё удваивает количество нужных макетов.
Изогнутое кольцо. Москва, 2000‑е
Замкнутое кольцо, дизайн мой
Кольцо в перспективе. Линейная схема МЦК
Замкнутые маршруты неудобно показывать на линейных схемах.
Раньше в Москве на форму Кольцевой линии намекали изгибом. Было неочевидно, что после Краснопресненской идёт Белорусская.
Лучше показать кольцо замкнутым, например как на моей экспериментальной схеме линий «нетрадиционной ориентации» — схеме московского метро, полностью состоящей из соединённых друг с другом линейных схем.
Кольцо МЦК показано в «трёхмерной» проекции — очень наглядно.
Изогнутое кольцо. Москва, 2000‑е
Замкнутые маршруты неудобно показывать на линейных схемах.
Раньше в Москве на форму Кольцевой линии намекали изгибом. Было неочевидно, что после Краснопресненской идёт Белорусская.
Лучше показать кольцо замкнутым, например как на моей экспериментальной схеме линий «нетрадиционной ориентации» — схеме московского метро, полностью состоящей из соединённых друг с другом линейных схем.
Кольцо МЦК показано в «трёхмерной» проекции — очень наглядно.
Замкнутое кольцо, дизайн мой
Кольцо в перспективе. Линейная схема МЦК
Ветвящиеся линии обычно удаётся уложить в линейную схему.
Но чем ветвистее линия, тем больше она сопротивляется линеаризации. Говоря об искажениях на геометричных схемах, я предложил критерий проблемного дизайна: «когда мы знаем, где в городе находится определённая станция, а найти её на схеме не можем».
Бывают настолько сложные «линии», что даже их линейное изображение превращается в самостоятельную схему, причём ориентироваться по ней становится невозможно. Например, так получилось с лондонским Оверграундом.
В действительности Оверграунд — это не линия: нет такого, что с любой остановки можно уехать на любую другую, дождавшись подходящего поезда. Просто несколько маршрутов имеют общий бренд и графическое обозначение. Часть из них при этом — ветвятся.
Раз маршруты отдельные, то и линейные схемы им можно нарисовать отдельные. Даже у ветвящихся маршрутов получится намного понятнее.
13‑я линия в Париже. РАТП
Норзерн‑лайн. Транспорт Лондона
О неприемлемых искажениях на схеме:
Геометрия
Оверграунд. Транспорт Лондона
Оверграунд. Маршрут Госпел‑Оук — Баркинг
Соответствие линий маршрутам
Оверграунд. Маршруты из Стратфорда до Ричмонда и Клэпхем‑Джанкшена
Соответствие линий маршрутам
Оверграунд. Маршрут Госпел‑Оук — Баркинг
Оверграунд. Маршруты из Стратфорда до Ричмонда и Клэпхем‑Джанкшена
13‑я линия в Париже. РАТП
Норзерн‑лайн. Транспорт Лондона
Оверграунд. Транспорт Лондона
Оверграунд. Маршрут Госпел‑Оук — Баркинг
Оверграунд. Маршруты из Стратфорда до Ричмонда и Клэпхем‑Джанкшена
Оверграунд. Маршрут Госпел‑Оук — Баркинг
Оверграунд. Маршруты из Стратфорда до Ричмонда и Клэпхем‑Джанкшена
Ветвящиеся линии обычно удаётся уложить в линейную схему.
Но чем ветвистее линия, тем больше она сопротивляется линеаризации. Говоря об искажениях на геометричных схемах, я предложил критерий проблемного дизайна: «когда мы знаем, где в городе находится определённая станция, а найти её на схеме не можем».
Бывают настолько сложные «линии», что даже их линейное изображение превращается в самостоятельную схему, причём ориентироваться по ней становится невозможно. Например, так получилось с лондонским Оверграундом.
В действительности Оверграунд — это не линия: нет такого, что с любой остановки можно уехать на любую другую, дождавшись подходящего поезда. Просто несколько маршрутов имеют общий бренд и графическое обозначение. Часть из них при этом — ветвятся.
Раз маршруты отдельные, то и линейные схемы им можно нарисовать отдельные. Даже у ветвящихся маршрутов получится намного понятнее.
О неприемлемых искажениях на схеме:
Геометрия
Соответствие линий маршрутам
Берлин
Бывает и наоборот: независимые маршруты совмещают на общей линейной схеме. Меньше разных макетов, и можно пускать один поезд или автобус по разным маршрутам.
Недостаток: так линейная схема перестаёт работать подтверждением того, что ты на правильной линии.
U5, U8 и U9 на общей линейной схеме
U6 и U7 на общей линейной схеме
Бывает и наоборот: независимые маршруты совмещают на общей линейной схеме. Меньше разных макетов, и можно пускать один поезд или автобус по разным маршрутам.
U5, U8 и U9 на общей линейной схеме
U6 и U7 на общей линейной схеме
Недостаток: так линейная схема перестаёт работать подтверждением того, что ты на правильной линии.
Берлин
А что, если линия слишком проста? В Лондоне есть линия «Ватерлоо — Сити», у которой всего две остановки.
Глупо рисовать огромную линию над дверьми, поэтому её рисуют дважды, разделяя знаком «Не курить».
А что, если линия слишком проста? В Лондоне есть линия «Ватерлоо — Сити», у которой всего две остановки.
Глупо рисовать огромную линию над дверьми, поэтому её рисуют дважды, разделяя знаком «Не курить».
Выше мы рассмотрели пример Оверграунда, когда в линейную схему уложили целую транспортную систему, и получилось непонятно.
Есть и удачные примеры. В Праге рядом с линейной схемой висела уменьшенная обычная. На ней даже не были подписаны станции, но она помогала увидеть соответствие и сориентироваться.
Похожая форма — у моей схемы метро Киева. Можно сделать ещё в полтора раза меньше в высоту, если перераспределить подписи.
Если линия всего одна, как в Екатеринбурге, рационально делать схему сразу такой, чтобы можно было вешать над дверьми или окнами в вагоне.
Оверграунд
Прага, 2008. Фото на телефон того времени
Киев, дизайн мой
Екатеринбург, дизайнер Паша Омелёхин, артдир я
Оверграунд
Выше мы рассмотрели пример Оверграунда, когда в линейную схему уложили целую транспортную систему, и получилось непонятно.
Есть и удачные примеры. В Праге рядом с линейной схемой висела уменьшенная обычная. На ней даже не были подписаны станции, но она помогала увидеть соответствие и сориентироваться.
Похожая форма — у моей схемы метро Киева. Можно сделать ещё в полтора раза меньше в высоту, если перераспределить подписи.
Если линия всего одна, как в Екатеринбурге, рационально делать схему сразу такой, чтобы можно было вешать над дверьми или окнами в вагоне.
Прага, 2008. Фото на телефон того времени
Киев, дизайн мой
Екатеринбург, дизайнер Паша Омелёхин, артдир я
Городская электричка в Будапеште
Метро в Риме
На линейных схемах можно показать детали, которым не нашлось места на общесистемной: достопримечательности, время в пути между станциями, пересадки на наземный транспорт.
В Будапеште у каждой станции перечисляют пересадки на весь остальной транспорт: в метро и электричках указаны также автобусы, троллейбусы и трамваи.
В Риме изображена конфигурация платформ.
На линейных схемах можно показать детали, которым не нашлось места на общесистемной: достопримечательности, время в пути между станциями, пересадки на наземный транспорт.
В Будапеште у каждой станции перечисляют пересадки на весь остальной транспорт: в метро и электричках указаны также автобусы, троллейбусы и трамваи.
В Риме изображена конфигурация платформ.
Городская электричка в Будапеште
Метро в Риме
Интригующе выглядят схемы маршрутов в венских трамваях. Можно понять, что подписаны пересадки и улицы, по которым идёт трамвай, но всё остальное вызывает вопросы. Почему какие‑то остановки выделены жирным?
Что означает чередование чёрных и белых зон? Я пытался расшифровать схему вместе с читателями моего блога, но полного понимания не удалось достичь даже коллективно.
Интригующе выглядят схемы маршрутов в венских трамваях. Можно понять, что подписаны пересадки и улицы, по которым идёт трамвай, но всё остальное вызывает вопросы. Почему какие‑то остановки выделены жирным?
Что означает чередование чёрных и белых зон? Я пытался расшифровать схему вместе с читателями моего блога, но полного понимания не удалось достичь даже коллективно.
Подземный фуникулёр в Хайфе. Линия всего одна
Линейная схема полезна не только в вагоне, но и на платформе.
Хорошо, когда выделена текущая станция, а значит, для каждой станции нужен свой макет.
Подземный фуникулёр в Хайфе. Линия всего одна
Линейная схема полезна не только в вагоне, но и на платформе.
Хорошо, когда выделена текущая станция, а значит, для каждой станции нужен свой макет.
Линейная схема, размещённая между путями встречных направлений, работает как указатель: подсказывает, в какой стороне путь какого направления.
Здесь, к сожалению, выделение текущей станции стрелочками в стороны почти теряется на фоне громкого выделения пересадок.
Прага, 2008
Прага, 2008
Линейная схема, размещённая между путями встречных направлений, работает как указатель: подсказывает, в какой стороне путь какого направления.
Здесь, к сожалению, выделение текущей станции стрелочками в стороны почти теряется на фоне громкого выделения пересадок.
Вена
Иногда линейная схема на станции относится к конкретному направлению движения, например висит на путевой стене. Тогда лучше показывать на ней не весь маршрут, а только предстоящие остановки.
Такая линейная схема понадобится не просто для каждой станции, но и для каждого направления. В Вене подписывают только предстоящие станции, но зачем‑то показывают уже пройденную часть линии.
Вена
Иногда линейная схема на станции относится к конкретному направлению движения, например висит на путевой стене. Тогда лучше показывать на ней не весь маршрут, а только предстоящие остановки.
Такая линейная схема понадобится не просто для каждой станции, но и для каждого направления. В Вене подписывают только предстоящие станции, но зачем‑то показывают уже пройденную часть линии.
Раньше на путевых стенах в Москве вешали монструозные наборные конструкции со списком оставшихся станций.
Под каждой пересадкой ещё и перечисляли все станции, до которых можно доехать уже с неё. Порядок этих станций был непонятен, найти что‑то в таком дизайне было сложно.
Это ещё один пример того, как линейную схему нагрузили больше, чем она может выдержать.
Если хочется показать больше подробностей, лучше повесить схему системы целиком, как делают немцы. При этом выделить текущую линию и станцию.
Общесистемная схема на путевой стене в Германии:
Вариативность
Раньше на путевых стенах в Москве вешали монструозные наборные конструкции со списком оставшихся станций.
Под каждой пересадкой ещё и перечисляли все станции, до которых можно доехать уже с неё. Порядок этих станций был непонятен, найти что‑то в таком дизайне было сложно.
Это ещё один пример того, как линейную схему нагрузили больше, чем она может выдержать.
Если хочется показать больше подробностей, лучше повесить схему системы целиком, как делают немцы. При этом выделить текущую линию и станцию.
Общесистемная схема на путевой стене в Германии:
Вариативность
Как и в вагоне, на станции по линейной схеме оценивают, далеко ли ехать. Но ещё в ней ищут глазами нужное название, чтобы убедиться, что на правильном пути.
Для поиска удобна вертикальная схема‑список.
На этом примере из Берлина уже пройденные станции показаны серым, а предстоящие — цветом линии. Некоторые люди воспринимают такое кодирование наоборот: как будто линия «закрашивается» по мере прохождения, а бледным остаётся то, куда поезд пока не доехал. Кажется, надёжнее всё же показывать только те станции, до которых с этого пути можно доехать.
Выделение текущей станции жирным кажется недостаточным.
Вертикальная схема очень компактна и подходит для размещения на колоннах. Недостаток — она собирает всех людей в одной точке, и они мешают друг другу читать. Горизонтальная схема на путевой стене доступна сразу многим.
Берлин
Берлин
Как и в вагоне, на станции по линейной схеме оценивают, далеко ли ехать. Но ещё в ней ищут глазами нужное название, чтобы убедиться, что на правильном пути.
Для поиска удобна вертикальная схема‑список.
На этом примере из Берлина уже пройденные станции показаны серым, а предстоящие — цветом линии. Некоторые люди воспринимают такое кодирование наоборот: как будто линия «закрашивается» по мере прохождения, а бледным остаётся то, куда поезд пока не доехал. Кажется, надёжнее всё же показывать только те станции, до которых с этого пути можно доехать.
Выделение текущей станции жирным кажется недостаточным.
Вертикальная схема очень компактна и подходит для размещения на колоннах. Недостаток — она собирает всех людей в одной точке, и они мешают друг другу читать. Горизонтальная схема на путевой стене доступна сразу многим.
В Москве лучше: текущая станция выделена чётко, а прошлые не показаны вовсе.
Обычно такие схемы читаются сверху вниз.
Неочевидно, что линия в Алтуфьево идёт на север. Вероятно, здесь изображение кольцевых линий играет злую шутку: в отличие от берлинского примера, возникает впечатление географической привязки.
В Москве лучше: текущая станция выделена чётко, а прошлые не показаны вовсе.
Обычно такие схемы читаются сверху вниз.
Неочевидно, что линия в Алтуфьево идёт на север. Вероятно, здесь изображение кольцевых линий играет злую шутку: в отличие от берлинского примера, возникает впечатление географической привязки.
Типичный выход на платформу метро в Лондоне содержит разводящие указатели со схемами. На каждой из них — только оставшиеся в каждом из направлений станции.
Типичный выход на платформу метро в Лондоне содержит разводящие указатели со схемами. На каждой из них — только оставшиеся в каждом из направлений станции.
Дублин. Апплайед‑вейфайндинг
А вот вертикальные схемы остатков автобусных маршрутов в Дублине.
Здесь показаны не все предстоящие остановки, а только ключевые. Пройденные части маршрутов не показаны, но обозначено, откуда идёт каждый из них.
Дублин. Апплайед‑вейфайндинг
А вот вертикальные схемы остатков автобусных маршрутов в Дублине.
Здесь показаны не все предстоящие остановки, а только ключевые. Пройденные части маршрутов не показаны, но обозначено, откуда идёт каждый из них.
В Лондоне тоже используются схемы остатков автобусных маршрутов. Есть все предстоящие остановки, причём указано даже ожидаемое время в пути.
Как видим, в вертикальных схемах‑списках тоже можно объединить несколько маршрутов.
В Лондоне тоже используются схемы остатков автобусных маршрутов. Есть все предстоящие остановки, причём указано даже ожидаемое время в пути.
Как видим, в вертикальных схемах‑списках тоже можно объединить несколько маршрутов.
Дорожный знак
Трамвайная остановка
Центральный вокзал
В Гааге — редкие примеры вертикальных схем, направленных снизу вверх. Видимо, это сделано по аналогии с дорожными знаками.
В Гааге — редкие примеры вертикальных схем, направленных снизу вверх. Видимо, это сделано по аналогии с дорожными знаками.
Трамвайная остановка
Центральный вокзал
Дорожный знак
Гаага
Лондон
На многих горизонтальных линейных схемах текст набран под углом. Это позволяет поставить станции на одинаковом расстоянии и не страдать из‑за длинных названий. Но удобство для дизайнера оборачивается неудобством для пассажира — читать повёрнутый текст неестественно.
До последнего стоит искать возможность для горизонтального набора, например ставить подписи в шахматном порядке.
При этом пересадки для порядка лучше подписывать всегда сверху, а снизу ставить список связанных маршрутов.
О вёрстке:
горизонтальных участков
вертикальных
Гаага
На многих горизонтальных линейных схемах текст набран под углом. Это позволяет поставить станции на одинаковом расстоянии и не страдать из‑за длинных названий. Но удобство для дизайнера оборачивается неудобством для пассажира — читать повёрнутый текст неестественно.
Лондон
До последнего стоит искать возможность для горизонтального набора, например ставить подписи в шахматном порядке.
При этом пересадки для порядка лучше подписывать всегда сверху, а снизу ставить список связанных маршрутов.
О вёрстке:
горизонтальных участков
вертикальных
Нью‑Йорк
Чикаго
Интересно, что даже изображая один маршрут, не всегда используют линейные схемы. В Нью‑Йорке и Чикаго сохраняют общую форму маршрута: всё же повороты — важный ориентир.
Нью‑Йорк
Интересно, что даже изображая один маршрут, не всегда используют линейные схемы. В Нью‑Йорке и Чикаго сохраняют общую форму маршрута: всё же повороты — важный ориентир.
Чикаго
Необычны схемы отдельных маршрутов в Париже. Маршрут прямо на картографической подложке поворачивают так, чтобы он приобрёл более‑менее горизонтальную форму. Остановки подписывают сверху с помощью выносных линий.
Как так получается, что подписи с вертикальными линиями стоят по сетке, но при этом точно указывают куда нужно на карте? Неужели места остановок сдвигают ради красоты? От географичных схем мы такого не ожидаем.
Автобус 21 в Париже
Автобус 21 в Париже
Необычны схемы отдельных маршрутов в Париже. Маршрут прямо на картографической подложке поворачивают так, чтобы он приобрёл более‑менее горизонтальную форму. Остановки подписывают сверху с помощью выносных линий.
Как так получается, что подписи с вертикальными линиями стоят по сетке, но при этом точно указывают куда нужно на карте? Неужели места остановок сдвигают ради красоты? От географичных схем мы такого не ожидаем.
Автобусы 70 и 85 в Париже
Прямые маршруты лучше петляющих не только для дизайна схем, но и для эффективности транспортной системы:
Соответствие линий маршрутам
Чем сложнее маршрут, тем хуже парижский дизайн справляется с его представлением. Аккуратное линейное перечисление остановок сверху противоречит реальности: они не обязательно следуют друг за другом, а могут относиться к разным направлениям движения.
Изредка выносные линии приходится ломать, чтобы попасть в нужное место на карте. Но на некоторых маршрутах дизайн работает из последних сил: выносные линии изламываются многократно, а в каком порядке читать остановки сверху, становится непонятно.
Чем сложнее маршрут, тем хуже парижский дизайн справляется с его представлением. Аккуратное линейное перечисление остановок сверху противоречит реальности: они не обязательно следуют друг за другом, а могут относиться к разным направлениям движения.
Изредка выносные линии приходится ломать, чтобы попасть в нужное место на карте. Но на некоторых маршрутах дизайн работает из последних сил: выносные линии изламываются многократно, а в каком порядке читать остановки сверху, становится непонятно.
Автобусы 70 и 85 в Париже
Прямые маршруты лучше петляющих не только для дизайна схем, но и для эффективности транспортной системы:
Соответствие линий маршрутам
Изменения в маршрутной сети
Транспортная система со временем меняется: появляются новые маршруты, закрываются на ремонт станции, переносятся и переименовываются остановки.
Об изменениях необходимо сообщать пассажирам. Для этого используют плакаты, голосовые объявления и пуш‑уведомления.
Конечно, изменения нужно показать и на схеме. Так что, даже если вариации схемы сведены к одной, всё равно придётся иногда её обновлять.
Вариативность
Заброшенные станции лондонского метро. Серия плакатов Роберта Пенни
Заброшенные станции лондонского метро. Серия плакатов Роберта Пенни
Заброшенные станции лондонского метро. Серия плакатов Роберта Пенни
Заброшенные станции лондонского метро. Серия плакатов Роберта Пенни
Изменения в маршрутной сети
Транспортная система со временем меняется: появляются новые маршруты, закрываются на ремонт станции, переносятся и переименовываются остановки.
Об изменениях необходимо сообщать пассажирам. Для этого используют плакаты, голосовые объявления и пуш‑уведомления.
Конечно, изменения нужно показать и на схеме. Так что, даже если вариации схемы сведены к одной, всё равно придётся иногда её обновлять.
Вариативность
Москва, ок. 2015. Студия Лебедева
Изменения могут быть условно «хорошими» — когда транспортная система расширяется и у пассажиров появляются новые возможности; «плохими» — когда что‑то закрывается; ну и нейтральными — вроде переименования станции.
Также изменения можно разделить на планируемые и случившиеся, временные и постоянные.
Общий принцип, связанный с изменениями, — «без сюрпризов». На схеме не может просто так что‑то возникнуть, исчезнуть или переименоваться. Пассажир может сбиться со счёту станций или подумать, что сошёл с ума. Изменение должно быть явно обозначено.
На этом примере — переименованная станция Бульвар Рокоссовского, которая ещё пару лет на схеме в рамочке сохраняла своё старое название «Улица Подбельского».
Изменения могут быть условно «хорошими» — когда транспортная система расширяется и у пассажиров появляются новые возможности; «плохими» — когда что‑то закрывается; ну и нейтральными — вроде переименования станции.
Также изменения можно разделить на планируемые и случившиеся, временные и постоянные.
Общий принцип, связанный с изменениями, — «без сюрпризов». На схеме не может просто так что‑то возникнуть, исчезнуть или переименоваться. Пассажир может сбиться со счёту станций или подумать, что сошёл с ума. Изменение должно быть явно обозначено.
На этом примере — переименованная станция Бульвар Рокоссовского, которая ещё пару лет на схеме в рамочке сохраняла своё старое название «Улица Подбельского».
Москва, ок. 2015. Студия Лебедева
Как изображать строящиеся линии:
Линии
Санкт‑Петербург, дизайнеры Егор Попов и Сергей Чикин, артдир я
До открытия
В метро от принятия решения о строительстве до запуска участков проходят месяцы или годы, а значит, есть возможность показать новые участки заранее как «ненастоящие».
После
В таком случае люди заранее привыкают к будущим станциям на схеме. Поэтому потом, когда станции открываются, специально обозначать их как «новые» уже не приходится.
До открытия
В метро от принятия решения о строительстве до запуска участков проходят месяцы или годы, а значит, есть возможность показать новые участки заранее как «ненастоящие».
После
В таком случае люди заранее привыкают к будущим станциям на схеме. Поэтому потом, когда станции открываются, специально обозначать их как «новые» уже не приходится.
Как изображать строящиеся линии:
Линии
Санкт‑Петербург, дизайнеры Егор Попов и Сергей Чикин, артдир я
Чаще всего изменения требуют явного обозначения на схеме. И хорошо, когда обозначения появляются заблаговременно.
На лондонской схеме 2008 года рядом со станцией Блэкфрайерс появилось предупреждение, что станция закроется на два года. Хорошо, что текст дали прямо на схеме, а не в сноске.
Пока станция была закрыта, она оставалась на схеме зачёркнутой. К сожалению, информация о сроке закрытия переехала в сноску.
В примере из Осло закрытая станция подписана прямо на схеме, но текст неинформативен: «Закрыто до дальнейшего уведомления».
2008. Транспорт Лондона
Чаще всего изменения требуют явного обозначения на схеме. И хорошо, когда обозначения появляются заблаговременно.
На лондонской схеме 2008 года рядом со станцией Блэкфрайерс появилось предупреждение, что станция закроется на два года. Хорошо, что текст дали прямо на схеме, а не в сноске.
2011
Пока станция была закрыта, она оставалась на схеме зачёркнутой. К сожалению, информация о сроке закрытия переехала в сноску.
В примере из Осло закрытая станция подписана прямо на схеме, но текст неинформативен: «Закрыто до дальнейшего уведомления».
Осло
В 2021 году в Челябинске закрыли на реконструкцию Ленинградский мост. Движение нескольких трамвайных маршрутов было изменено.
Если бы мы просто перерисовали маршруты по‑новому, схема получилась бы такой.
На первый взгляд, ничего необычного, но если попытаться воспользоваться схемой, не получается найти привычные маршруты.
Нельзя делать вид, что ничего не произошло. На настоящей новой схеме прямо на месте закрытого моста появилась плашка об изменениях.
Восклицательные знаки также выделяют места, до которых докатились изменения. За счёт использования общего жёлтого фона они отсылают к основной плашке. Например, не найдя «шестёрку» слева снизу, пассажир не будет чувствовать себя идиотом, а сразу увидит, что она временно идёт до ЧГРЭСа.
В 2021 году в Челябинске закрыли на реконструкцию Ленинградский мост. Движение нескольких трамвайных маршрутов было изменено.
Если бы мы просто перерисовали маршруты по‑новому, схема получилась бы такой.
На первый взгляд, ничего необычного, но если попытаться воспользоваться схемой, не получается найти привычные маршруты.
Нельзя делать вид, что ничего не произошло. На настоящей новой схеме прямо на месте закрытого моста появилась плашка об изменениях.
Восклицательные знаки также выделяют места, до которых докатились изменения. За счёт использования общего жёлтого фона они отсылают к основной плашке. Например, не найдя «шестёрку» слева снизу, пассажир не будет чувствовать себя идиотом, а сразу увидит, что она временно идёт до ЧГРЭСа.
Схема лондонского метро в 2007 и 2008 годах. Транспорт Лондона
Когда что‑то закрылось, схема должна не просто ставить перед фактом, но и предлагать альтернативу. Иногда такую альтернативу даже специально организуют: пока чинят метро, запускают заменяющие его автобусы.
Когда в Лондоне на масштабную реконструкцию закрывали
Когда что‑то закрылось, схема должна не просто ставить перед фактом, но и предлагать альтернативу. Иногда такую альтернативу даже специально организуют: пока чинят метро, запускают заменяющие его автобусы.
Когда в Лондоне на масштабную реконструкцию закрывали
Схема лондонского метро в 2007 и 2008 годах. Транспорт Лондона
В Москве при закрытии отрезка Каховская — Каширская пустили автобус КМ и тоже изобразили его прямо на схеме метро.
Москва, 2019. Студия Лебедева
В Москве при закрытии отрезка Каховская — Каширская пустили автобус КМ и тоже изобразили его прямо на схеме метро.
Москва, 2019. Студия Лебедева
Если к открытию новых участков пассажиров давно готовили, то, как мы обсуждали выше, выделять их не нужно — они и так не станут сюрпризом.
Но в случае с МЦК у дизайнеров была ещё одна задача: прорекламировать, привлечь внимание к новой кольцевой линии. Поэтому линия открылась светящейся, а тёплые пересадки на ней — «звенящими».
Вскоре от звона на пересадках отказались.
Спустя несколько лет и сама линия погасла.
Если к открытию новых участков пассажиров давно готовили, то, как мы обсуждали выше, выделять их не нужно — они и так не станут сюрпризом.
Но в случае с МЦК у дизайнеров была ещё одна задача: прорекламировать, привлечь внимание к новой кольцевой линии. Поэтому линия открылась светящейся, а тёплые пересадки на ней — «звенящими».
Вскоре от звона на пересадках отказались.
Спустя несколько лет и сама линия погасла.
О челябинских изменениях
Схема не должна быть единственным источником информации об изменениях. Поэтому для Челябинска мы также подготовили плакат. Главный герой плаката — снова схема, которая объясняет, что изменилось.
На схеме изменений стоит использовать выразительные приёмы с основной схемы — это помогает узнаваемости и упрощает восприятие. Но акценты меняются: здесь важно показать именно изменения, а не привычно работающие части системы.
На нашем плакате, в отличие от обычной схемы, названия остановок уменьшены и приглушены, зато крупно и контрастно подписаны улицы, по которым временно идут трамваи. Стрелки на концах линий помогают понять, что показан только фрагмент. Также добавились текстовые пояснения изменений.
Иногда изменения кратковременные, и обновлять основную схему нецелесообразно. В таких случаях ограничиваются только плакатами.
О челябинских изменениях
Схема не должна быть единственным источником информации об изменениях. Поэтому для Челябинска мы также подготовили плакат. Главный герой плаката — снова схема, которая объясняет, что изменилось.
На схеме изменений стоит использовать выразительные приёмы с основной схемы — это помогает узнаваемости и упрощает восприятие. Но акценты меняются: здесь важно показать именно изменения, а не привычно работающие части системы.
На нашем плакате, в отличие от обычной схемы, названия остановок уменьшены и приглушены, зато крупно и контрастно подписаны улицы, по которым временно идут трамваи. Стрелки на концах линий помогают понять, что показан только фрагмент. Также добавились текстовые пояснения изменений.
Иногда изменения кратковременные, и обновлять основную схему нецелесообразно. В таких случаях ограничиваются только плакатами.
Плакаты об изменениях в московском метро
Стандартизация
Для схем изменений нередко приходится изобретать обозначения, не встречающиеся на основной схеме, и совмещать линии и символы разных видов транспорта. Всё сложное лучше дополнительно объяснять словами. Для большой транспортной системы эти приёмы хорошо бы стандартизировать.
Используется необычная стрелка для обозначения потока пассажиров, текстовая плашка, сочетаются обозначения со схемы метро и схем наземного транспорта
Плакаты об изменениях в московском метро
Для схем изменений нередко приходится изобретать обозначения, не встречающиеся на основной схеме, и совмещать линии и символы разных видов транспорта. Всё сложное лучше дополнительно объяснять словами. Для большой транспортной системы эти приёмы хорошо бы стандартизировать.
Используется необычная стрелка для обозначения потока пассажиров, текстовая плашка, сочетаются обозначения со схемы метро и схем наземного транспорта
Стандартизация
В лондонском метро каждые выходные что‑нибудь закрывается на ремонт. Заранее публикуется план закрытия. Рисовать каждый раз схему закрытий — расточительно, поэтому изменения показываются прямо на общей схеме как на каркасе.
Неожиданно, что работающая как обычно часть системы нарисована серым, а закрытая — цветным. Интуитивно ожидаешь обратного, ведь бледным обычно показано всё отключенное и «ненастоящее». Под схемой — советы о том, как пережить перекрытия.
В лондонском метро каждые выходные что‑нибудь закрывается на ремонт. Заранее публикуется план закрытия. Рисовать каждый раз схему закрытий — расточительно, поэтому изменения показываются прямо на общей схеме как на каркасе.
Неожиданно, что работающая как обычно часть системы нарисована серым, а закрытая — цветным. Интуитивно ожидаешь обратного, ведь бледным обычно показано всё отключенное и «ненастоящее». Под схемой — советы о том, как пережить перекрытия.
Схемы с наклейками и отклейками. Метросхемопанорама
Менять схемы по всей транспортной системе — долго и дорого. Схему можно заранее подготовить к кусочному обновлению, предусмотрев наклейки. Например, в Москве после открытия станции Тропарёво на схеме появилась наклейка, где станция «закрасилась».
Аккуратно наклеить на тысячи схем сложно, поэтому наклейка должна работать даже при неидеальном расположении, например не содержать частей букв.
Прозрачной наклейкой схему можно дополнить, но не исправить. Наклеивать в таком случае нужно идеально ровно, чтобы информация не «двоилась».
Можно производить схемы сразу с наклейками, под которыми спрятан вариант из будущего. Тогда при наступлении будущего наклейки надо будет просто снять. Недостаток такого решения в том, что приблизить будущее смогут и любопытные пассажиры.
Менять схемы по всей транспортной системе — долго и дорого. Схему можно заранее подготовить к кусочному обновлению, предусмотрев наклейки. Например, в Москве после открытия станции Тропарёво на схеме появилась наклейка, где станция «закрасилась».
Аккуратно наклеить на тысячи схем сложно, поэтому наклейка должна работать даже при неидеальном расположении, например не содержать частей букв.
Прозрачной наклейкой схему можно дополнить, но не исправить. Наклеивать в таком случае нужно идеально ровно, чтобы информация не «двоилась».
Можно производить схемы сразу с наклейками, под которыми спрятан вариант из будущего. Тогда при наступлении будущего наклейки надо будет просто снять. Недостаток такого решения в том, что приблизить будущее смогут и любопытные пассажиры.
Схемы с наклейками и отклейками. Метросхемопанорама
Москва
Если что‑то изменяется на схеме, нужно не забыть изменить это и в алфавитном указателе при ней. Временно закрытые станции Каховская и Каширская отмечены и забледнены. Не лучше ли было зачеркнуть?
На линейных схемах тоже должны быть отражены изменения. Кстати, на них часто есть место сразу объяснить словами то, что на основной схеме приходится уносить в легенду или врезку.
Алфавитный указатель и координатная сетка
Линейные схемы
О некоторых изменениях рассказывать особенно важно:
Как временно закрывали станцию Heathrow Terminal 4
Москва
Если что‑то изменяется на схеме, нужно не забыть изменить это и в алфавитном указателе при ней. Временно закрытые станции Каховская и Каширская отмечены и забледнены. Не лучше ли было зачеркнуть?
На линейных схемах тоже должны быть отражены изменения. Кстати, на них часто есть место сразу объяснить словами то, что на основной схеме приходится уносить в легенду или врезку.
Алфавитный указатель и координатная сетка
Линейные схемы
О некоторых изменениях рассказывать особенно важно:
Как временно закрывали станцию Heathrow Terminal 4
Транспорт Лондона, 2013
На основе официальной схемы
Транспорт Лондона, 2013
Транспорт Лондона, 2015
Транспорт Лондона, 2016
Транспорт Лондона, 2018
Транспорт Лондона, 2018
При проектировании схемы полезно узнать планы развития транспортной системы, чтобы сразу их заложить в дизайн. Это упрощает не только работу дизайнеру, но и жизнь пассажиру. Нарисованная на схеме строящаяся линия иногда просто «сторожит место» для себя из будущего и приучает пассажиров к виду схемы, примерно как свежеустановленный светофор мигает жёлтым пару недель. Но можно начать готовить на схеме место, даже не рисуя строящихся линий.
Перенесёмся в 2013‑й год. Схема лондонского метро выглядит так. В центре города много лет ничего не менялось, форма линий здесь давно устаканилась.
Но вовсю идёт строительство новой линии, которая пройдёт вот так через центр, соединив станции Паддингтон и Ливерпуль‑стрит. Чтобы добавить линию и уместить подписи, придётся всё раздвигать.
По плану линия откроется только в 2019 году, но Транспорт Лондона уже прикидывает, как будет выглядеть схема после её открытия. Появляется идея подружить вогнутости у новой линии и у существующей.
Становится ясно, что нельзя просто взять и в один день поменять одну схему на другую — центр изменится слишком драматически. Люди просто не будут находить станции на привычных местах. Проблема тут не только в раздражении и ошибках. Даже если люди просто будут в среднем дольше изучать схему в вестибюле, там будут возникать заторы — приходится учитывать и такие факторы.
Дизайн‑отдел решает заранее подготовить схему к появлению новой линии и составляет шестилетний план изменений.
Итак, в 2013 году левый отрезок Централ‑лайн ещё горизонтален, а подпись Chancery Lane справа на ней же торчит вверх, где она явно будет мешать.
Уже в 2015‑м слева появляется изгиб в ожидании симметричного хода сверху. Заодно это освобождает больше места над ним. Подпись Chancery Lane сдвигается правее, на имеющийся там изгиб, также освобожая место над собой. Заодно приходится и подпись St. Paul’s сдвинуть по линии на одно звено дальше. Подпись Goodge Street перекидывается на правую часть своей линии: её предстоит поднимать выше, чтобы не мешала, а слева там уже некуда.
Сама новая линия, ради которой все изменения, к этому времени успевает прийти из пригородов к станции Ливерпуль‑стрит справа. Строющуюся часть под центром рисовать пока и не думают, хотя строительство идёт уже несколько лет. Пока достаточно изменений для одного обновления!
В 2016‑м подпись Goodge Street поднимается чуть выше, а заодно по её примеру перекидывается направо подпись Russel Square. Чтобы ей было свободнее, её линию провели чуть иначе выше через станцию Кингс‑кросс.
В 2018‑м Goodge Street поднимается ещё чуть выше, а новая линия уже подходит к Паддингтону слева.
Так к нужному сроку схема была практически готова к добавлению центрального участка — оставалось только пару подписей перенести с его пути.
К сожалению, не готовы были строители. Сроки запуска не раз сдвигались. Я пишу этот текст в конце 2021 года, и центральный участок всё ещё не открыт. Но всё же эта история учит предусмотрительному проектированию схем!
Транспорт Лондона, 2013
На основе официальной схемы
Транспорт Лондона, 2013
Транспорт Лондона, 2015
Транспорт Лондона, 2016
Транспорт Лондона, 2018
Транспорт Лондона, 2018
При проектировании схемы полезно узнать планы развития транспортной системы, чтобы сразу их заложить в дизайн. Это упрощает не только работу дизайнеру, но и жизнь пассажиру. Нарисованная на схеме строящаяся линия иногда просто «сторожит место» для себя из будущего и приучает пассажиров к виду схемы, примерно как свежеустановленный светофор мигает жёлтым пару недель. Но можно начать готовить на схеме место, даже не рисуя строящихся линий.
Перенесёмся в 2013‑й год. Схема лондонского метро выглядит так. В центре города много лет ничего не менялось, форма линий здесь давно устаканилась.
Но вовсю идёт строительство новой линии, которая пройдёт вот так через центр, соединив станции Паддингтон и Ливерпуль‑стрит. Чтобы добавить линию и уместить подписи, придётся всё раздвигать.
По плану линия откроется только в 2019 году, но Транспорт Лондона уже прикидывает, как будет выглядеть схема после её открытия. Появляется идея подружить вогнутости у новой линии и у существующей.
Становится ясно, что нельзя просто взять и в один день поменять одну схему на другую — центр изменится слишком драматически. Люди просто не будут находить станции на привычных местах. Проблема тут не только в раздражении и ошибках. Даже если люди просто будут в среднем дольше изучать схему в вестибюле, там будут возникать заторы — приходится учитывать и такие факторы.
Дизайн‑отдел решает заранее подготовить схему к появлению новой линии и составляет шестилетний план изменений.
Итак, в 2013 году левый отрезок Централ‑лайн ещё горизонтален, а подпись Chancery Lane справа на ней же торчит вверх, где она явно будет мешать.
Уже в 2015‑м слева появляется изгиб в ожидании симметричного хода сверху. Заодно это освобождает больше места над ним. Подпись Chancery Lane сдвигается правее, на имеющийся там изгиб, также освобожая место над собой. Заодно приходится и подпись St. Paul’s сдвинуть по линии на одно звено дальше. Подпись Goodge Street перекидывается на правую часть своей линии: её предстоит поднимать выше, чтобы не мешала, а слева там уже некуда.
Сама новая линия, ради которой все изменения, к этому времени успевает прийти из пригородов к станции Ливерпуль‑стрит справа. Строющуюся часть под центром рисовать пока и не думают, хотя строительство идёт уже несколько лет. Пока достаточно изменений для одного обновления!
В 2016‑м подпись Goodge Street поднимается чуть выше, а заодно по её примеру перекидывается направо подпись Russel Square. Чтобы ей было свободнее, её линию провели чуть иначе выше через станцию Кингс‑кросс.
В 2018‑м Goodge Street поднимается ещё чуть выше, а новая линия уже подходит к Паддингтону слева.
Так к нужному сроку схема была практически готова к добавлению центрального участка — оставалось только пару подписей перенести с его пути.
К сожалению, не готовы были строители. Сроки запуска не раз сдвигались. Я пишу этот текст в конце 2021 года, и центральный участок всё ещё не открыт. Но всё же эта история учит предусмотрительному проектированию схем!
Плакат «Схема через сто лет» был сделан для развлечения. Часть линий в нём нарисованы исходя из имевшихся тогда планов строительства, другие — чистый вымысел.
Но такие упражнения помогают дизайнеру представить, какие решения сработают в будущем.
Студия Лебедева, 2010
Студия Лебедева, 2010
Плакат «Схема через сто лет» был сделан для развлечения. Часть линий в нём нарисованы исходя из имевшихся тогда планов строительства, другие — чистый вымысел.
Но такие упражнения помогают дизайнеру представить, какие решения сработают в будущем.
Электронные схемы
Чем электронная карта отличается от бумажной? Можно назвать много функций: масштабирование и вращение, поиск объектов, автоматическое прокладывание маршрута, настройка отображаемых информационных слоёв.
Но представьте себя туристом в незнакомом городе: вы пытаетесь сориентироваться, в руках у вас бумажная карта, а вы даже не понимаете, на какой вы улице. Больше всего в этот момент вам бы помогло, если бы на карте было обозначено ваше текущее положение. Одно только это обозначение делает электронную карту радикально полезнее бумажной.
Отметка «вы здесь» на схеме:
Вариативность
Электронные схемы
Чем электронная карта отличается от бумажной? Можно назвать много функций: масштабирование и вращение, поиск объектов, автоматическое прокладывание маршрута, настройка отображаемых информационных слоёв.
Но представьте себя туристом в незнакомом городе: вы пытаетесь сориентироваться, в руках у вас бумажная карта, а вы даже не понимаете, на какой вы улице. Больше всего в этот момент вам бы помогло, если бы на карте было обозначено ваше текущее положение. Одно только это обозначение делает электронную карту радикально полезнее бумажной.
Отметка «вы здесь» на схеме:
Вариативность
Метро Нью‑Йорка
Линейные схемы
Итак, начать «электрификацию» схемы стоит с добавления важнейшего обозначения: где я сейчас. Первый кандидат на такое улучшение — линейные схемы. Здесь достаточно добавить светодиоды по числу остановок.
Обычно делают так: около уже пройденных станций диоды горят, около следующей — диод мигает, а оставшиеся погашены. Так получается «прогрессбар», который показывает не только, где я, но и в каком направлении еду.
Метро Нью‑Йорка
Итак, начать «электрификацию» схемы стоит с добавления важнейшего обозначения: где я сейчас. Первый кандидат на такое улучшение — линейные схемы. Здесь достаточно добавить светодиоды по числу остановок.
Обычно делают так: около уже пройденных станций диоды горят, около следующей — диод мигает, а оставшиеся погашены. Так получается «прогрессбар», который показывает не только, где я, но и в каком направлении еду.
Линейные схемы
На разных линиях — разное число остановок, и делать своё светодиодное табло для каждой может быть экономически неоправданно. В Москве на некоторых поездах используют универсальное табло, количество сегментов на котором заведомо превосходит число станций.
На табло наклеивают специальную линейную схему с прорезями в нужных местах. Для равномерного распределения какие‑то станции приходится давать с одинарным, а какие‑то — с двойным шагом.
На разных линиях — разное число остановок, и делать своё светодиодное табло для каждой может быть экономически неоправданно. В Москве на некоторых поездах используют универсальное табло, количество сегментов на котором заведомо превосходит число станций.
На табло наклеивают специальную линейную схему с прорезями в нужных местах. Для равномерного распределения какие‑то станции приходится давать с одинарным, а какие‑то — с двойным шагом.
Пройденная часть линии светится. Нью‑Йорк
Пройденная часть линии забледнена. Вена
Линейные схемы
Прогрессбар светодиодов обычно закрашивается по мере прохождения линии. Но кто‑то, наоборот, воспримет светящиеся остановки — как предстоящие, а потухшие — как уже пройденные.
Вспомним, что на станционных схемах уже пройденную часть линии, как правило, забледняют. В примере из Вены правильно понять смысл помогает стрелка.
Прогрессбар светодиодов обычно закрашивается по мере прохождения линии. Но кто‑то, наоборот, воспримет светящиеся остановки — как предстоящие, а потухшие — как уже пройденные.
Пройденная часть линии светится. Нью‑Йорк
Пройденная часть линии забледнена. Вена
Вспомним, что на станционных схемах уже пройденную часть линии, как правило, забледняют. В примере из Вены правильно понять смысл помогает стрелка.
Линейные схемы
Табло на две линии сразу со стрелкой направления. При движении в обратную сторону стрелка загорится уже в левом верхнем углу. Нью‑Йорк
Понять направление на светодиодном табло также поможет стрелка. Но поскольку поезда двигаются туда‑сюда, стрелка должна стать динамическим элементом и переключаться на конечных.
Это нью‑йоркское «схемотабло» используется на поездах двух разных линий и пытается их совмещать. Разобраться непросто. Московское универсальное табло с наклейкой намного понятнее.
Табло на две линии сразу со стрелкой направления. При движении в обратную сторону стрелка загорится уже в левом верхнем углу. Нью‑Йорк
Понять направление на светодиодном табло также поможет стрелка. Но поскольку поезда двигаются туда‑сюда, стрелка должна стать динамическим элементом и переключаться на конечных.
Это нью‑йоркское «схемотабло» используется на поездах двух разных линий и пытается их совмещать. Разобраться непросто. Московское универсальное табло с наклейкой намного понятнее.
Метро в Нью‑Йорке
Трамвай в Амстердаме
Следующий шаг на пути к универсализации — более сложные табло с возможностью вывода текста. Встречаются такие табло, где показываются только несколько следующих и конечная станции.
К сожалению, визуально это уже слишком далеко от схемы: шрифты и цвета не те, и на экранчиках не сохраняются привычные обозначения линий на пересадках.
Метро в Нью‑Йорке
Трамвай в Амстердаме
Метро в Нью‑Йорке
Следующий шаг на пути к универсализации — более сложные табло с возможностью вывода текста. Встречаются такие табло, где показываются только несколько следующих и конечная станции.
К сожалению, визуально это уже слишком далеко от схемы: шрифты и цвета не те, и на экранчиках не сохраняются привычные обозначения линий на пересадках.
Трамвай в Амстердаме
Технический прогресс приводит к тому, что большие цветные экраны высокого разрешения становятся дешевле светодиодного табло. Они также дают возможность динамически менять набор отображаемых остановок, но при этом не подстраиваться под «железные» ограничения, а спокойно уместить всё, что нужно.
Этот пример из Тель‑Авива — то, как делать не стоит. Графически изображение совсем не похоже на официальную схему автобусов. Большая часть площади экрана пустует, а ведь там можно было бы продублировать названия остановок на арабском и английском. Но полезно, что видно, через сколько минут автобус приедет на какую остановку.
Схема автобусов Тель‑Авива:
Город
Технический прогресс приводит к тому, что большие цветные экраны высокого разрешения становятся дешевле светодиодного табло. Они также дают возможность динамически менять набор отображаемых остановок, но при этом не подстраиваться под «железные» ограничения, а спокойно уместить всё, что нужно.
Этот пример из Тель‑Авива — то, как делать не стоит. Графически изображение совсем не похоже на официальную схему автобусов. Большая часть площади экрана пустует, а ведь там можно было бы продублировать названия остановок на арабском и английском. Но полезно, что видно, через сколько минут автобус приедет на какую остановку.
Схема автобусов Тель‑Авива:
Город
Полноценный экран даёт возможность подружить графику электронной схемы с обычной и использовать выразительную анимацию для объяснения и управления вниманием.
В метро Гамбурга линия на экране необычно уходит в перспективу, но при этом изображена жёлтым цветом как на схеме, и станции на ней обозначены такими же выкусами, как на схеме. На пересадках также используются привычные со схемы обозначения линий.
Гамбургские выкусы:
Остановки
Полноценный экран даёт возможность подружить графику электронной схемы с обычной и использовать выразительную анимацию для объяснения и управления вниманием.
В метро Гамбурга линия на экране необычно уходит в перспективу, но при этом изображена жёлтым цветом как на схеме, и станции на ней обозначены такими же выкусами, как на схеме. На пересадках также используются привычные со схемы обозначения линий.
Гамбургские выкусы:
Остановки
В оформлении чикагских экранов тоже есть намёк на схему. Здесь, как и в Тель‑Авиве, для ближайших остановок показано, через сколько автобус там будет, а ещё справа отведено место для информации о временных изменениях.
В оформлении чикагских экранов тоже есть намёк на схему. Здесь, как и в Тель‑Авиве, для ближайших остановок показано, через сколько автобус там будет, а ещё справа отведено место для информации о временных изменениях.
Совсем хорошо — когда на экране используется не просто намёк, а буквально тот же графический язык, что и на схемах. Так сделано над дверьми в новых московских поездах.
Кроме самих следующих станций, здесь дублируются голосовые сообщения «Осторожно, двери закрываются», а ещё есть полезная подсказка о выходе из дверей напротив.
Включите звук
Включите звук
Совсем хорошо — когда на экране используется не просто намёк, а буквально тот же графический язык, что и на схемах. Так сделано над дверьми в новых московских поездах.
Кроме самих следующих станций, здесь дублируются голосовые сообщения «Осторожно, двери закрываются», а ещё есть полезная подсказка о выходе из дверей напротив.
На московских городских электричках МЦК дизайн экранов другой, но тоже согласованный с графическим языком схемы.
Полезная деталь здесь — в правой части показано время отправления ближайших электричек с этой пересадки. Сразу понятно, бежать ли или идти спокойно.
На московских городских электричках МЦК дизайн экранов другой, но тоже согласованный с графическим языком схемы.
Полезная деталь здесь — в правой части показано время отправления ближайших электричек с этой пересадки. Сразу понятно, бежать ли или идти спокойно.
В предыдущих примерах мы видели схемы разного качества, но на эти схемы можно было только смотреть. Следующий шаг — когда со схемой уже можно взаимодействовать.
В новых московских поездах метро висят экраны с такими интерактивными схемами: можно увеличить фрагмент, поменять язык, а главное — построить маршрут.
Пока экран не трогают, на нём просто подсвечивается текущая линия. Остальные линии забледнены, что затрудняет чтение схемы.
Если прикоснуться к экрану, все линии «зажигаются». Если бы на схеме было указано наше положение и направление движения — то, что умеют даже светодиодные табло — саму линию выделять бы вообще не потребовалось.
Теперь можно нажать на станцию — появится окно с двумя кнопками. Тульская отсюда сюда? Сложно понять, что от тебя хотят, пока не знаешь, как работает интерфейс. Лучше было бы дать выбор: «Построить маршрут от станции Тульская / до станции Тульская». И саму Тульскую на схеме как‑то подсветить как выбранную.
Можно также нажать на кнопку «Маршрут» в углу, чтобы ввести названия станций на клавиатуре или выбрать из списка. Этот интерфейс — интерактивный аналог алфавитного указателя; он нужен тем, кто не знает, где находится станция на карте.
Когда экспериментировал, я хотел найти станцию Улица 1905 года и нажал на цифры 123 с мыслью напечатать «19» — почему‑то именно так сработал мой мозг.
Оказывается, так нельзя. Если включить режим цифр, вместо ожидаемой цифровой клавиатуры появляется выбор линий. Другая неожиданность — на месте пробела находится кнопка «Показать маршрут».
В итоге построенный маршрут выглядит так.
Москва
Москва
Москва
Москва
Москва
Москва
Москва
Москва
Москва
Москва
Москва
Москва
Москва
Москва
В предыдущих примерах мы видели схемы разного качества, но на эти схемы можно было только смотреть. Следующий шаг — когда со схемой уже можно взаимодействовать.
В новых московских поездах метро висят экраны с такими интерактивными схемами: можно увеличить фрагмент, поменять язык, а главное — построить маршрут.
Пока экран не трогают, на нём просто подсвечивается текущая линия. Остальные линии забледнены, что затрудняет чтение схемы.
Если прикоснуться к экрану, все линии «зажигаются». Если бы на схеме было указано наше положение и направление движения — то, что умеют даже светодиодные табло — саму линию выделять бы вообще не потребовалось.
Теперь можно нажать на станцию — появится окно с двумя кнопками. Тульская отсюда сюда? Сложно понять, что от тебя хотят, пока не знаешь, как работает интерфейс. Лучше было бы дать выбор: «Построить маршрут от станции Тульская / до станции Тульская». И саму Тульскую на схеме как‑то подсветить как выбранную.
Можно также нажать на кнопку «Маршрут» в углу, чтобы ввести названия станций на клавиатуре или выбрать из списка. Этот интерфейс — интерактивный аналог алфавитного указателя; он нужен тем, кто не знает, где находится станция на карте.
Когда экспериментировал, я хотел найти станцию Улица 1905 года и нажал на цифры 123 с мыслью напечатать «19» — почему‑то именно так сработал мой мозг.
Оказывается, так нельзя. Если включить режим цифр, вместо ожидаемой цифровой клавиатуры появляется выбор линий. Другая неожиданность — на месте пробела находится кнопка «Показать маршрут».
В итоге построенный маршрут выглядит так.
А это айфонное приложение Транспорта Лондона. В основе — карта метро.
Мы привыкли, что географические карты при увеличении детализируются — появляются более мелкие улицы, названия кафе и отдельные дома. Здесь авторы пытались сделать то же самое, но получилось бестолково. В самом крупном масштабе из новых деталей появляются только названия линий.
Стоит хоть немного уменьшить масштаб — начинают пропадать подписи станций.
Вот для сравнения обычная схема в таком мелком масштабе. В зависимости от зрения, кому‑то может быть трудно прочитать подписи, но уж точно мелкие подписи лучше, чем никаких. Во‑первых, мы узнаём слова по форме. Во‑вторых, подписи — неотъемлемая часть дизайна схемы, влияющая на текстуру и узнаваемость фрагментов.
Текстура
При выборе станции в её кружке появляется точка (пеньки при выборе так же превращаются в кружки с точкой). Неплохо: и внешне, и по смыслу похоже на радиокнопку.
Проектирование интерактивной схемы — задача на стыке дизайна транспортных схем и пользовательского интерфейса. На следующем развороте разберём эти же примеры с точки зрения интерфейсной теории.
А это айфонное приложение Транспорта Лондона. В основе — карта метро.
Мы привыкли, что географические карты при увеличении детализируются — появляются более мелкие улицы, названия кафе и отдельные дома. Здесь авторы пытались сделать то же самое, но получилось бестолково. В самом крупном масштабе из новых деталей появляются только названия линий.
Стоит хоть немного уменьшить масштаб — начинают пропадать подписи станций.
Вот для сравнения обычная схема в таком мелком масштабе. В зависимости от зрения, кому‑то может быть трудно прочитать подписи, но уж точно мелкие подписи лучше, чем никаких. Во‑первых, мы узнаём слова по форме. Во‑вторых, подписи — неотъемлемая часть дизайна схемы, влияющая на текстуру и узнаваемость фрагментов.
Текстура
При выборе станции в её кружке появляется точка (пеньки при выборе так же превращаются в кружки с точкой). Неплохо: и внешне, и по смыслу похоже на радиокнопку.
Проектирование интерактивной схемы — задача на стыке дизайна транспортных схем и пользовательского интерфейса. На следующем развороте разберём эти же примеры с точки зрения интерфейсной теории.
Соотнесём проблемы рассмотренных интерактивных схем с принципами проектирования интерфейса, о которых я пишу в своей книге «Пользовательский интерфейс».
В главе «Привычка» я рассказываю о том, что конкретные подписи или пиктограммы в интерфейсе хоть и важны, но привычка пользователей важнее.
Нельзя убирать пробел с привычного места на клавиатуре или ставить туда действие, которое привычно видеть на кнопке «Энтер», как в случае кнопки «Показать маршрут» из московской интерактивной схемы. И за кнопкой «123» мы ожидаем увидеть цифровую клавиатуру, а не список линий.
В главе «Прицеливание» рассказываю о том, что кнопки должны быть достаточно большими.
Иногда достаточно увеличить не сам нажимаемый элемент, а область нажатия вокруг него. В лондонском приложении в качестве цели работает не только само обозначение станции, но и подпись. Это хорошо. И это ещё один довод в пользу того, чтобы не скрывать эти названия при уменьшении масштаба.
Показывать мелкие детали хорошо и с точки зрения соображений из главы «Информативность».
В главах «Синтаксис» и «Элементы управления» я рассматриваю интерфейсную форму как предложение, а элементы формы — как члены предложения. Она поможет избежать синтаксически бессмысленных конструкция типа «Тульская отсюда сюда» и написать понятно.
Электронный учебник «Пользовательский интерфейс»
Электронный учебник «Пользовательский интерфейс»
Электронный учебник «Пользовательский интерфейс»
Электронный учебник «Пользовательский интерфейс»
Электронный учебник «Пользовательский интерфейс»
Электронный учебник «Пользовательский интерфейс»
Электронный учебник «Пользовательский интерфейс»
Электронный учебник «Пользовательский интерфейс»
Электронный учебник «Пользовательский интерфейс»
Электронный учебник «Пользовательский интерфейс»
Электронный учебник «Пользовательский интерфейс»
Электронный учебник «Пользовательский интерфейс»
Электронный учебник «Пользовательский интерфейс»
Электронный учебник «Пользовательский интерфейс»
Соотнесём проблемы рассмотренных интерактивных схем с принципами проектирования интерфейса, о которых я пишу в своей книге «Пользовательский интерфейс».
В главе «Привычка» я рассказываю о том, что конкретные подписи или пиктограммы в интерфейсе хоть и важны, но привычка пользователей важнее.
Нельзя убирать пробел с привычного места на клавиатуре или ставить туда действие, которое привычно видеть на кнопке «Энтер», как в случае кнопки «Показать маршрут» из московской интерактивной схемы. И за кнопкой «123» мы ожидаем увидеть цифровую клавиатуру, а не список линий.
В главе «Прицеливание» рассказываю о том, что кнопки должны быть достаточно большими.
Иногда достаточно увеличить не сам нажимаемый элемент, а область нажатия вокруг него. В лондонском приложении в качестве цели работает не только само обозначение станции, но и подпись. Это хорошо. И это ещё один довод в пользу того, чтобы не скрывать эти названия при уменьшении масштаба.
Показывать мелкие детали хорошо и с точки зрения соображений из главы «Информативность».
В главах «Синтаксис» и «Элементы управления» я рассматриваю интерфейсную форму как предложение, а элементы формы — как члены предложения. Она поможет избежать синтаксически бессмысленных конструкция типа «Тульская отсюда сюда» и написать понятно.
Я занимаюсь дизайном транспортных схем с 2006 года, то есть примерно всю айфонную эпоху. Постоянно звучит мнение, что транспортные приложения в телефоне вот‑вот сделают ненужными напечатанные схемы на транспорте.
Приложения знают всё, постоянно обновляются и строят маршруты с учётом реальной информации о сбоях в транспортной системе. Но несмотря на это, физическая навигация не просто не умирает, а активно развивается.
Уличные пешеходные стелы появились в Нью‑Йорке и Москве именно в 2010‑е. Большинство транспортных схем, которые я показываю в этой книге, также нарисованы в последние годы. И как раз из‑за конкуренции с приложениями качество этих схем постоянно растёт.
Приложения и навигация в физическом мире дополняют друг друга. Конечно, в малознакомом городе проще построить маршрут в телефоне и просто ехать рекомендуемым транспортом. Но комфортнее становится, когда воспринимаешь город знакомым, когда в голове формируется его образ и общее понимание транспортной системы. Так ты уже не просто перемещаешься от точки к точке, а знаешь, как связаны знакомые места и что интересного есть в округе. Пошаговые инструкции этому не способствуют.
Как «впечатать» схему в голову:
Графема
Москва
Я занимаюсь дизайном транспортных схем с 2006 года, то есть примерно всю айфонную эпоху. Постоянно звучит мнение, что транспортные приложения в телефоне вот‑вот сделают ненужными напечатанные схемы на транспорте.
Приложения знают всё, постоянно обновляются и строят маршруты с учётом реальной информации о сбоях в транспортной системе. Но несмотря на это, физическая навигация не просто не умирает, а активно развивается.
Уличные пешеходные стелы появились в Нью‑Йорке и Москве именно в 2010‑е. Большинство транспортных схем, которые я показываю в этой книге, также нарисованы в последние годы. И как раз из‑за конкуренции с приложениями качество этих схем постоянно растёт.
Приложения и навигация в физическом мире дополняют друг друга. Конечно, в малознакомом городе проще построить маршрут в телефоне и просто ехать рекомендуемым транспортом. Но комфортнее становится, когда воспринимаешь город знакомым, когда в голове формируется его образ и общее понимание транспортной системы. Так ты уже не просто перемещаешься от точки к точке, а знаешь, как связаны знакомые места и что интересного есть в округе. Пошаговые инструкции этому не способствуют.
Как «впечатать» схему в голову:
Графема
Москва
Навигационные приложения делают нас беспомощными, когда что‑то идёт не по плану: ты пришёл на остановку, а нужного автобуса нет!
Полноценная схема развивает интуицию и помогает придумать другой маршрут на лету. С ней можно импровизировать: решить проехать на одну остановку дальше, чтобы прогуляться через парк; пересесть в другом месте, чтобы зайти в магазин, в который давно собирался.
Также пока приложения не встроены в контактные линзы и не управляются силой мысли, взаимодействие с ними доставляет неудобство. Если у тебя в руке чемодан, а на улице −20°, то это уже серьёзная проблема. Поэтому, если в поле зрения оказывается качественная схема, взглянув на которую можно быстро принять решение, — это существенное улучшение жизни.
Бумажная и электронная навигация существуют не раздельно, а двигаются навстречу друг другу. Как мы увидели, в приложения проникают элементы графического дизайна со схем, а на самом транспорте схемы становятся динамическими и даже интерактивными.
Поэтому проектируя электронную схему, наделяя её электронными свойствами, важно не растерять полезные исходные, статические свойства, а не просто заменить на пошаговый навигатор.
Схема ночных автобусов
на остановке в Лондоне
Навигационные приложения делают нас беспомощными, когда что‑то идёт не по плану: ты пришёл на остановку, а нужного автобуса нет!
Полноценная схема развивает интуицию и помогает придумать другой маршрут на лету. С ней можно импровизировать: решить проехать на одну остановку дальше, чтобы прогуляться через парк; пересесть в другом месте, чтобы зайти в магазин, в который давно собирался.
Также пока приложения не встроены в контактные линзы и не управляются силой мысли, взаимодействие с ними доставляет неудобство. Если у тебя в руке чемодан, а на улице −20°, то это уже серьёзная проблема. Поэтому, если в поле зрения оказывается качественная схема, взглянув на которую можно быстро принять решение, — это существенное улучшение жизни.
Бумажная и электронная навигация существуют не раздельно, а двигаются навстречу друг другу. Как мы увидели, в приложения проникают элементы графического дизайна со схем, а на самом транспорте схемы становятся динамическими и даже интерактивными.
Поэтому проектируя электронную схему, наделяя её электронными свойствами, важно не растерять полезные исходные, статические свойства, а не просто заменить на пошаговый навигатор.
Схема ночных автобусов
на остановке в Лондоне
Стандартизация
Это — последняя глава последней части книги. В этой части мы рассмотрели много примеров того, что схема у транспортной системы обычно не одна, что множество схем образуют живую систему, которая дополняется и адаптируется к изменяющимся обстоятельствам.
Каждая конкретная форма, которую обретает схема, должна не просто быть хороша сама по себе, но и дружить с остальными: использовать те же сетку, цвета, шрифты, обозначения линий, остановок, пересадок, направлений. Постоянное развитие транспортной сети приводит к появлению стандартных обозначений закрытий, изменений, переименований.
Интерактивные схемы дополняют этот набор обозначениями нашего движущегося поезда и выбранной в интерфейсе станции.
Чем больше транспортная система, тем больше схема влияет на поведение людей и становится инструментом управления потоками. Транспортные службы проводят эксперименты, смотрят, как дизайн влияет на проблемы. А значит, важно быстро и дёшево вносить изменения.
Поэтому по мере взросления схемы приходится вырабатывать стандарты.
Стандартизация
Это — последняя глава последней части книги. В этой части мы рассмотрели много примеров того, что схема у транспортной системы обычно не одна, что множество схем образуют живую систему, которая дополняется и адаптируется к изменяющимся обстоятельствам.
Каждая конкретная форма, которую обретает схема, должна не просто быть хороша сама по себе, но и дружить с остальными: использовать те же сетку, цвета, шрифты, обозначения линий, остановок, пересадок, направлений. Постоянное развитие транспортной сети приводит к появлению стандартных обозначений закрытий, изменений, переименований.
Интерактивные схемы дополняют этот набор обозначениями нашего движущегося поезда и выбранной в интерфейсе станции.
Чем больше транспортная система, тем больше схема влияет на поведение людей и становится инструментом управления потоками. Транспортные службы проводят эксперименты, смотрят, как дизайн влияет на проблемы. А значит, важно быстро и дёшево вносить изменения.
Поэтому по мере взросления схемы приходится вырабатывать стандарты.
Транспорт Лондона публикует множество документов, фиксирующих нюансы построения их схем и другой транспортной графики.
Указаны соотношения размеров обозначений, подписей, отступы между элементами, правила выравнивания, цветовая палитра.
Транспорт Лондона публикует множество документов, фиксирующих нюансы построения их схем и другой транспортной графики.
Указаны соотношения размеров обозначений, подписей, отступы между элементами, правила выравнивания, цветовая палитра.
В Челябинске встречаются удивительные случаи, когда одна и та же физическая остановка называется по‑разному у троллейбусов и автобусов!
О сокращениях на схеме челябинских трамваев и о раскрытии сокращений при переводе:
Подписи
Стандартизировать приходится не только графику, но и текст: правильные написания названий остановок, линий, улиц, парков, транспортных узлов.
Кажется, что это не задача схемы, ведь наверняка у города где‑то всё официально закреплено. Но что делать, когда улица в документах называется улицей Маркса, остановка на ней называется «Улица Карла Маркса», но фактически подписана «Ул. К. Маркса», а голосом в трамваях объявляют просто «Маркса»? Схема выявляет этот бардак и становится поводом навести порядок.
В случаях расхождений надо не просто выбрать что‑то, но ещё и согласовать это с соседними названиями на схеме. Будет странно, если парк будет «имени» Пушкина, а библиотека — «им.» Ленина.
На схеме названия могут быть сокращены по сравнению с официальными. Правила сокращения тоже требуют стандартизации.
Впрочем, всегда стоит рассмотреть вариант сделать более короткое название официальным. В Чикаго станции метро называются просто Lake, Grand по названиям соответствующих улиц — не только на схеме, а везде. В Москве «Парк Культуры», а не «Центральный парк культуры и отдыха имени Горького».
Если схема делается на двух или трёх языках, то стандартизировать приходится и правила «перевода». Смысловой перевод (Солнечная ул. → Sunny st.) обычно бесполезен, по такому названию иностранец улицу не найдёт. Транслитерация (Solnechnaya ul.) лучше, но вызывает много споров в выборе конкретных решений (передавать ли щ как sch или как shch?).
Подробные рассуждения на этот счёт выходят за рамки книги.
Стандартизировать приходится не только графику, но и текст: правильные написания названий остановок, линий, улиц, парков, транспортных узлов.
Кажется, что это не задача схемы, ведь наверняка у города где‑то всё официально закреплено. Но что делать, когда улица в документах называется улицей Маркса, остановка на ней называется «Улица Карла Маркса», но фактически подписана «Ул. К. Маркса», а голосом в трамваях объявляют просто «Маркса»? Схема выявляет этот бардак и становится поводом навести порядок.
В случаях расхождений надо не просто выбрать что‑то, но ещё и согласовать это с соседними названиями на схеме. Будет странно, если парк будет «имени» Пушкина, а библиотека — «им.» Ленина.
На схеме названия могут быть сокращены по сравнению с официальными. Правила сокращения тоже требуют стандартизации.
Впрочем, всегда стоит рассмотреть вариант сделать более короткое название официальным. В Чикаго станции метро называются просто Lake, Grand по названиям соответствующих улиц — не только на схеме, а везде. В Москве «Парк Культуры», а не «Центральный парк культуры и отдыха имени Горького».
Если схема делается на двух или трёх языках, то стандартизировать приходится и правила «перевода». Смысловой перевод (Солнечная ул. → Sunny st.) обычно бесполезен, по такому названию иностранец улицу не найдёт. Транслитерация (Solnechnaya ul.) лучше, но вызывает много споров в выборе конкретных решений (передавать ли щ как sch или как shch?).
Подробные рассуждения на этот счёт выходят за рамки книги.
В Челябинске встречаются удивительные случаи, когда одна и та же физическая остановка называется по‑разному у троллейбусов и автобусов!
О сокращениях на схеме челябинских трамваев и о раскрытии сокращений при переводе:
Подписи
Схема Кольцевой линии над дверьми поезда. Москва, 2018
Любое системное решение должно работать на конкретном носителе. Нельзя рассчитывать, что пассажир поймёт смысл из системы.
Скажем, Комсомольская отмечена тремя красными локомотивами и одним серым. Что это значит? Пассажиры в среднем оценили станцию на 3 локомотива из 4?
На самом деле это значит, что на станции есть три вокзала и одна платформа электричек.
Схема Кольцевой линии над дверьми поезда. Москва, 2018
Любое системное решение должно работать на конкретном носителе. Нельзя рассчитывать, что пассажир поймёт смысл из системы.
Скажем, Комсомольская отмечена тремя красными локомотивами и одним серым. Что это значит? Пассажиры в среднем оценили станцию на 3 локомотива из 4?
На самом деле это значит, что на станции есть три вокзала и одна платформа электричек.
Цветовое кодирование
В палитре Транспорта Лондона цвета линий переиспользуются для других задач, например цвета Пикадилли‑ и Централ‑лайн используются в логотипе метро; этот же красный — цвет логотипа Национальных железных дорог; этот же синий — основной цвет текста в навигации.
Кажется «несправедливым», что у этих линий цвета не эксклюзивные. Но это держит палитру компактной, схемы и другая графика лучше дружат. У знаков безопасности собственные синий и красный — вероятно, для согласования с некими более общими национальными стандартными.
В палитре Транспорта Лондона цвета линий переиспользуются для других задач, например цвета Пикадилли‑ и Централ‑лайн используются в логотипе метро; этот же красный — цвет логотипа Национальных железных дорог; этот же синий — основной цвет текста в навигации.
Кажется «несправедливым», что у этих линий цвета не эксклюзивные. Но это держит палитру компактной, схемы и другая графика лучше дружат. У знаков безопасности собственные синий и красный — вероятно, для согласования с некими более общими национальными стандартными.
Цветовое кодирование
Дизайнеры любят составлять гайдлайны и брендбуки, но эта любовь зачастую приводит к преждевременной стандартизации.
Дизайнер Ангус Дойл нарисовал аккуратную схему транспорта Глазго.
Рассказ о проекте он сопроводил картинкой, объясняющей все соотношения размеров. Это похоже на лондонские стандарты, которые мы видели выше. Но Лондону нужно производить десятки разных схем еженедельно, а здесь‑то это зачем? Почему не разрешить себе любые расстояния между станциями, если получается понятно и красиво?
Студия «Фор‑дизайн» сделала перспективную схему метро Бостона.
В рассказе о проекте они показывают сетку, по которой строятся графические элементы. Но пока не началось массовое производство вариаций, пользы от этой сетки нет. Нет никаких причин думать, что она подойдёт для всевозможных будущих форматов — она ещё не прошла проверку жизнью.
Если приглядеться, то даже на этой схеме видно, что сетка недодумана: на краях линий рядом с пересадкой возникают небольшие заусенцы. Кажется, эта картинка нарисована только для имитации системного проектирования.
Транспорт Глазго, дизайнер Ангус Дойл
Транспорт Глазго, дизайнер Ангус Дойл
Метро Бостона, Фор‑дизайн
Метро Бостона, Фор‑дизайн
Метро Бостона, Фор‑дизайн
Транспорт Глазго, дизайнер Ангус Дойл
Транспорт Глазго, дизайнер Ангус Дойл
Метро Бостона, Фор‑дизайн
Метро Бостона, Фор‑дизайн
Метро Бостона, Фор‑дизайн
Дизайнеры любят составлять гайдлайны и брендбуки, но эта любовь зачастую приводит к преждевременной стандартизации.
Дизайнер Ангус Дойл нарисовал аккуратную схему транспорта Глазго.
Рассказ о проекте он сопроводил картинкой, объясняющей все соотношения размеров. Это похоже на лондонские стандарты, которые мы видели выше. Но Лондону нужно производить десятки разных схем еженедельно, а здесь‑то это зачем? Почему не разрешить себе любые расстояния между станциями, если получается понятно и красиво?
Студия «Фор‑дизайн» сделала перспективную схему метро Бостона.
В рассказе о проекте они показывают сетку, по которой строятся графические элементы. Но пока не началось массовое производство вариаций, пользы от этой сетки нет. Нет никаких причин думать, что она подойдёт для всевозможных будущих форматов — она ещё не прошла проверку жизнью.
Если приглядеться, то даже на этой схеме видно, что сетка недодумана: на краях линий рядом с пересадкой возникают небольшие заусенцы. Кажется, эта картинка нарисована только для имитации системного проектирования.
Ночная «паукарта» района площади Пикадилли, 2012
Транспорт Лондона
Ночная «паукарта» района площади Пикадилли, 2013
Транспорт Лондона
Метро, 2012
Транспорт Лондона
Дизайнеры иногда переживают, что стандартизация ограничивает их свободу и поэтому ухудшает дизайн. Вдруг в конкретном случае нестандартное решение лучше?
При преждевременной стандартизации так и получается: взятые с потолка ограничения просто мешают сделать как надо.
Но когда стандартизация идёт постепенно, когда стандартными становятся зрелые, проверенные решения, то от неё одна польза. Дизайнеры не тратят время на сомнения и перебор вариантов там, где ответ уже известен. Пассажиры полагаются на привычку и быстрее воспринимают информацию.
Мы обсуждали недостатки дизайна с прожилками в пучках линий. Тем не менее, на схемах лондонских автобусов маршруты показаны с прожилками. Неужели в Транспорте Лондона не знают, что без прожилок получается чище? Конечно, знают!
Но этому дизайну нужно выдерживать десятки схем с сотнями маршрутов, которые периодически меняются. Здесь нет времени на пересортировку линий, подбор контрастных оттенков и тестирование их на по‑разному освещённых остановках. Стандарт с прожилками придуман для тиражируемости и пуленепробиваемости.
На схеме лондонского метро, к которой нет таких требований, прожилок в пучках нет.
О прожилках и борьбе с ними:
Пучки
Ночная «паукарта» района площади Пикадилли, 2012
Транспорт Лондона
Ночная «паукарта» района площади Пикадилли, 2013
Транспорт Лондона
Метро, 2012
Транспорт Лондона
Дизайнеры иногда переживают, что стандартизация ограничивает их свободу и поэтому ухудшает дизайн. Вдруг в конкретном случае нестандартное решение лучше?
При преждевременной стандартизации так и получается: взятые с потолка ограничения просто мешают сделать как надо.
Но когда стандартизация идёт постепенно, когда стандартными становятся зрелые, проверенные решения, то от неё одна польза. Дизайнеры не тратят время на сомнения и перебор вариантов там, где ответ уже известен. Пассажиры полагаются на привычку и быстрее воспринимают информацию.
Мы обсуждали недостатки дизайна с прожилками в пучках линий. Тем не менее, на схемах лондонских автобусов маршруты показаны с прожилками. Неужели в Транспорте Лондона не знают, что без прожилок получается чище? Конечно, знают!
Но этому дизайну нужно выдерживать десятки схем с сотнями маршрутов, которые периодически меняются. Здесь нет времени на пересортировку линий, подбор контрастных оттенков и тестирование их на по‑разному освещённых остановках. Стандарт с прожилками придуман для тиражируемости и пуленепробиваемости.
На схеме лондонского метро, к которой нет таких требований, прожилок в пучках нет.
О прожилках и борьбе с ними:
Пучки
Какими бы зрелыми ни были стандарты, всегда может оказаться, что что‑то нужно обозначить впервые. В Москве на время стройки на станции Каширской поезда стали останавливаться только в одну сторону.
Раньше в графике схемы не встречалось обозначения направления движения — на всех линиях маршруты в обоих направлениях были одинаковыми. Пришлось нарисовать разветвление и добавить стрелочки.
Москва
Москва
Какими бы зрелыми ни были стандарты, всегда может оказаться, что что‑то нужно обозначить впервые. В Москве на время стройки на станции Каширской поезда стали останавливаться только в одну сторону.
Раньше в графике схемы не встречалось обозначения направления движения — на всех линиях маршруты в обоих направлениях были одинаковыми. Пришлось нарисовать разветвление и добавить стрелочки.
Реклама Транспорта Лондона:
Схема как символ
Сознательное отклонение стандарта может стать приёмом привлечения внимания, как в случае со свечением МЦК:
Изменения в маршрутной сети
Итак, стандарты ускоряют и упрощают развитие схем. Но как понять, доросло ли решение до того, чтобы назвать его стандартом?
Хорошо, когда это происходит органически: решение сначала становится традицией, то есть стандартом де‑факто просто из‑за широты применения. Новому дизайнеру коллеги показывают ход со старой версии схемы в качестве примера. Утилитарное обозначение вдруг становится элементом бренда или даже символом города. Его начинают использовать в рекламе, как мы видели в случае с лондонскими пеньками.
Сильные традиции проникают из одного мира в другой без административного давления. Гугль‑карты во многих городах берут местные символы видов транспорта и перевозчиков.
Символы линий московского метро в виде цифр в кружке работают и на схеме, и в уличной навигации. Если в 2016 году я обозначал линии московского метро цветными цифрами, то в 2022‑м так уже нельзя, все привыкли к этим кружкам.
Схемы, нарисованные с отклонением от традиции воспринимаются как чужие, поддельные. Если новый дизайнер нарисует очередную автобусную схему Лондона без прожилок, все скажут, что здесь что‑то не то.
Итак, стандарты ускоряют и упрощают развитие схем. Но как понять, доросло ли решение до того, чтобы назвать его стандартом?
Хорошо, когда это происходит органически: решение сначала становится традицией, то есть стандартом де‑факто просто из‑за широты применения. Новому дизайнеру коллеги показывают ход со старой версии схемы в качестве примера. Утилитарное обозначение вдруг становится элементом бренда или даже символом города. Его начинают использовать в рекламе, как мы видели в случае с лондонскими пеньками.
Сильные традиции проникают из одного мира в другой без административного давления. Гугль‑карты во многих городах берут местные символы видов транспорта и перевозчиков.
Символы линий московского метро в виде цифр в кружке работают и на схеме, и в уличной навигации. Если в 2016 году я обозначал линии московского метро цветными цифрами, то в 2022‑м так уже нельзя, все привыкли к этим кружкам.
Схемы, нарисованные с отклонением от традиции воспринимаются как чужие, поддельные. Если новый дизайнер нарисует очередную автобусную схему Лондона без прожилок, все скажут, что здесь что‑то не то.
Реклама Транспорта Лондона:
Схема как символ
Сознательное отклонение стандарта может стать приёмом привлечения внимания, как в случае со свечением МЦК:
Изменения в маршрутной сети
Тест по пятой части
Где встречаются транспортные схемы?
На каких из перечисленных печатных схем имеет смысл обозначить текущее местонахождение, чтобы пассажир смог сориентироваться по нему?
Какое утверждение о вариациях схем лучше всего отражает мнение автора?
Выберите утверждение об алфавитном указателе, которое согласуется с написанным в главе.
Почему на статичной линейной схеме может быть отображена только часть маршрута? Выберите наиболее вероятный ответ, опираясь на примеры из книги.
В каких случаях делают линейные схемы? Выберите наиболее точный ответ согласно книге.
Лондон
В каком направлении могут читаться линейные схемы?
Москва
Какой принцип, связанный с отображением изменений, приведён в книге?
Как, по мнению автора, должна проходить стандартизация в дизайне транспортных схем?
Новосибирск
В метро Новосибирска две линии. Предложите улучшения этой конструкции на путевой стене исходя из материалов книги.
чтобы узнать результат.
Тест по пятой части
Где встречаются транспортные схемы?
На каких из перечисленных печатных схем имеет смысл обозначить текущее местонахождение, чтобы пассажир смог сориентироваться по нему?
Какое утверждение о вариациях схем лучше всего отражает мнение автора?
Выберите утверждение об алфавитном указателе, которое согласуется с написанным в главе.
Почему на статичной линейной схеме может быть отображена только часть маршрута? Выберите наиболее вероятный ответ, опираясь на примеры из книги.
В каких случаях делают линейные схемы? Выберите наиболее точный ответ согласно книге.
Лондон
Москва
В каком направлении могут читаться линейные схемы?
Какой принцип, связанный с отображением изменений, приведён в книге?
Как, по мнению автора, должна проходить стандартизация в дизайне транспортных схем?
Новосибирск
В метро Новосибирска две линии. Предложите улучшения этой конструкции на путевой стене исходя из материалов книги.
Заключение
С одной стороны, транспортная схема — утилитарная вещь. Её проектирование — долгая, кропотливая работа, требующая большого внимания и терпения. Для многих в ней нет ничего вдохновляющего.
С другой, транспортная схема — вершина дизайна. Здесь соединяются информационный и графический дизайн, навигационное проектирование, типографика и вёрстка, работа с цветом и текстурой, редактура. «Провал» даже в одном из аспектов — скажем, плохие пиктограммы — портит результат целиком.
Дизайнеру нужно представить очень сложную, многослойную информацию, но в отличие от профессиональных форматов вроде архитектурного чертежа или финансового отчёта, схема должна быть понятной даже неподготовленному читателю.
Так что для многих, как для меня, проектирование схемы — захватывающее занятие. Оно приносит удовлетворение, похожее на то, что чувствуют люди, способные неделями собирать картины из доминошек или вязать сложную одежду. Недаром есть много фантазийных схем, которые ни для чего не нужны, кроме того, чтобы дарить авторам кайф их рисовать, а читателям — кайф их рассматривать.
Раз вы дочитали книгу до конца, думаю, вы понимаете, о чём я.
Транспортная схема Вестероса из «Игры престолов»,
дизайнер Майкл Тызник
Схема маршрутов Средиземья из «Властелина колец»,
дизайнер Кристиан Тейт
Московское метро,
художник Дмитрий Раков
Заключение
С одной стороны, транспортная схема — утилитарная вещь. Её проектирование — долгая, кропотливая работа, требующая большого внимания и терпения. Для многих в ней нет ничего вдохновляющего.
С другой, транспортная схема — вершина дизайна. Здесь соединяются информационный и графический дизайн, навигационное проектирование, типографика и вёрстка, работа с цветом и текстурой, редактура. «Провал» даже в одном из аспектов — скажем, плохие пиктограммы — портит результат целиком.
Дизайнеру нужно представить очень сложную, многослойную информацию, но в отличие от профессиональных форматов вроде архитектурного чертежа или финансового отчёта, схема должна быть понятной даже неподготовленному читателю.
Так что для многих, как для меня, проектирование схемы — захватывающее занятие. Оно приносит удовлетворение, похожее на то, что чувствуют люди, способные неделями собирать картины из доминошек или вязать сложную одежду. Недаром есть много фантазийных схем, которые ни для чего не нужны, кроме того, чтобы дарить авторам кайф их рисовать, а читателям — кайф их рассматривать.
Раз вы дочитали книгу до конца, думаю, вы понимаете, о чём я.
Транспортная схема Вестероса из «Игры престолов»,
дизайнер Майкл Тызник
Схема маршрутов Средиземья из «Властелина колец»,
дизайнер Кристиан Тейт
Московское метро,
художник Дмитрий Раков
Бирман Илья Борисович
Дизайн транспортных схем
Издатель Артём Горбунов
Редактор Сёма Сёмочкин
Фотограф Владимир Колпаков
Разработчики Рустам Кулматов,
Василий Половнёв, Мария Попова,
Юрий Мазурский и Андрей ЕресТестировщик Сергей Фролов
Помощники Алан Каджаев,
Намор Вотилав, Никита Щербаков,
Виталий Тезяев
Книга набрана шрифтом «Бюросанс»
Дизайн‑бюро
Артёма Горбунова
Большая Новодмитровская улица,
дом 36, строение 2
Москва, Россия, 127015
Бирман Илья Борисович
Дизайн транспортных схем
Издатель Артём Горбунов
Редактор Сёма Сёмочкин
Фотограф Владимир Колпаков
Разработчики Рустам Кулматов,
Василий Половнёв, Мария Попова,
Юрий Мазурский и Андрей ЕресТестировщик Сергей Фролов
Помощники Алан Каджаев,
Намор Вотилав, Никита Щербаков,
Виталий Тезяев
Книга набрана шрифтом «Бюросанс»
Дизайн‑бюро
Артёма Горбунова
Большая Новодмитровская улица,
дом 36, строение 2
Москва, Россия, 127015