Дизайн транспортных схем

Илья Бир­ман

🔍 Начните печатать, чтобы искать по книге или перейти к нужной странице по номеру

Удобно листать не только прокруткой, но и клавишами‑стрелками:

 
между важными местами
Shift
между
разворотами
Илья Бир­ман

Дизайн
транспорт­ных
схем

Изда­тель­ство Бюро Гор­бу­нова
2018⁠—2022
Илья Бирман

Дизайн
транспорт­ных
схем

Издательство Бюро Горбунова
2018⁠—2022
удк 655.262
ббк 85.15
Б64
Бир­ман И. Б.
Б64
Дизайн транс­порт­ных схем. —
М.: Изд‑во Бюро Гор­бу­нова, 2018⁠—2022

Пред­став­ляем пер­вое в мире прак­ти­че­ское руко­вод­ство по дизайну транс­порт­ных схем. В книге гово­рится об исто­рии появ­ле­ния схем, о прин­ци­пах их устрой­ства, о пла­ни­ро­ва­нии раз­ви­тия схемы вме­сте с транс­порт­ной систе­мой. Автор рас­ска­зы­вает о тех­ни­че­ских при­ё­мах — про­кла­ды­ва­нии линий, спо­со­бах обо­зна­че­ния оста­но­вок, под­боре цве­тов и шриф­тов, вёрстке.

ISBN 978‑5‑9907024‑5‑5
© Бюро Гор­бу­нова

Оглавление

    Задача 

    Принцип 

    Конструкция 

    Детали 

    Система 

удк 655.262
ббк 85.15
Б64
Б64
Бирман И. Б.
Дизайн транспортных схем. —
М.: Изд‑во Бюро Горбунова, 2018⁠—2022

Представляем первое в мире практическое руководство по дизайну транспортных схем. В книге говорится об истории появления схем, о принципах их устройства, о планировании развития схемы вместе с транспортной системой. Автор рассказывает о технических приёмах — прокладывании линий, способах обозначения остановок, подборе цветов и шрифтов, вёрстке.

ISBN 978‑5‑9907024‑5‑5
© Бюро Горбунова

Оглавление

    Задача 

    Принцип 

    Конструкция 

    Детали 

    Система 

Скрыт 491 разворот

Об отрезании концов линий:

  • Охват 

  • Графема 

Дизайнер Генри Бек, 1933

Когда нужно уме­стить несколько нев­ле­за­ю­щих конеч­ных стан­ций, их подпи­си можно офор­мить в виде списка в «ящике».

На схеме элек­три­чек я исполь­зо­вал такие ящики даже не на кон­цах, а во мно­гих слож­ных участ­ках линий — мне это пона­до­би­лось для сохра­не­ния графемы.

О проекте

Пас­са­жиры вос­при­няли такое реше­ние как костыль. Конечно, осо­бенно недо­вольны были жители самих попав­ших в ящик станций.

Про­блема тут не только в неизящ­но­сти. Глав­ное, что людям неоче­видно, в каком порядке читать стан­ции в ящике.

Дизайнер Генри Бек, 1933

Когда нужно уместить несколько невлезающих конечных станций, их подписи можно оформить в виде списка в «ящике».

На схеме электричек я использовал такие ящики даже не на концах, а во многих сложных участках линий — мне это понадобилось для сохранения графемы.

О проекте

Пассажиры восприняли такое решение как костыль. Конечно, особенно недовольны были жители самих попавших в ящик станций.

Проблема тут не только в неизящности. Главное, что людям неочевидно, в каком порядке читать станции в ящике.

Об отрезании концов линий:

  • Охват 

  • Графема 

Хорошо, когда подпи­си и линии не нале­зают друг на друга. Для этого линии нужно сразу про­кла­ды­вать с учё­том того, что между ними будут подписи.

Под­писи и линии не пере­се­ка­ются, напри­мер, на совре­мен­ной лон­дон­ской и бер­лин­ской схе­мах метро, на нашей схеме челя­бин­ских трамваев.

Транспорт Лондона, 2018

Скоростной транспорт Берлина

Челябинские трамваи, дизайнеры Полина Лесникова и Александр Караваев, артдир я

Хорошо, когда подписи и линии не налезают друг на друга. Для этого линии нужно сразу прокладывать с учётом того, что между ними будут подписи.

Подписи и линии не пересекаются, например, на современной лондонской и берлинской схемах метро, на нашей схеме челябинских трамваев.

Транспорт Лондона, 2018

Скоростной транспорт Берлина

Челябинские трамваи, дизайнеры Полина Лесникова и Александр Караваев, артдир я

Можно поду­мать, что непе­ре­се­че­ние подпи­сей с лини­ями — хоро­шее общее тре­бо­ва­ние к схеме. Но чтобы добиться непе­ре­се­че­ния в таком плот­ном участке, как здесь, при­ш­лось бы сильно пожерт­во­вать кег­лем, осо­бенно если под­пи­сы­вать стан­ции на двух язы­ках. А для этой схемы я поста­вил себе задачу сде­лать самый круп­ный кегль, какой смогу.

Труд­нее всего избе­гать пере­се­че­ний в цен­траль­ных частях горо­дов. Дизай­неры, кото­рые имеют дело с мос­ков­ской схе­мой, нена­ви­дят стан­цию Биб­лио­тека имени Ленина в самом цен­тре, в то время как южные стан­ции Буль­вар Дмит­рия Дон­ского и Буль­вар Адми­рала Уша­кова мало кого беспокоят.

Схема московского метро, дизайн мой

Можно подумать, что непересечение подписей с линиями — хорошее общее требование к схеме. Но чтобы добиться непересечения в таком плотном участке, как здесь, пришлось бы сильно пожертвовать кеглем, особенно если подписывать станции на двух языках. А для этой схемы я поставил себе задачу сделать самый крупный кегль, какой смогу.

Труднее всего избегать пересечений в центральных частях городов. Дизайнеры, которые имеют дело с московской схемой, ненавидят станцию Библиотека имени Ленина в самом центре, в то время как южные станции Бульвар Дмитрия Донского и Бульвар Адмирала Ушакова мало кого беспокоят.

Схема московского метро, дизайн мой

Давайте обсу­дим, как оформ­лять пере­се­че­ния линий и подпи­сей. Если писать текст прямо поверх линий, полу­ча­ется плохо: хуже чита­ется и под­пись, и линия.

Линии можно разо­рвать, как мы видели выше на ста­рой схеме Бека. Когда раз­рывы встре­ча­ются в паре мест на схеме — не страшно, но если раз­ры­вов много, они начи­нают «шуметь», а сле­дить за лини­ями ста­но­вится сложнее.

Обводка по форме букв поз­во­ляет выре­зать из линии мини­мум. Но так форма выре­зов ста­но­вится слиш­ком замыс­ло­ва­той, а высо­кий кон­траст краёв только под­чёр­ки­вает её сложность.

Смяг­чить эффект можно, раз­мыв обводку — полу­чится что‑то вроде све­че­ния. Но этот эффект выгля­дит дёшево, создаёт ощу­ще­ние выцве­та­ния краски, пор­тится при печати.

Я пред­по­чи­таю ста­вить текст на полу­про­зрач­ную плашку.

Давайте обсудим, как оформлять пересечения линий и подписей. Если писать текст прямо поверх линий, получается плохо: хуже читается и подпись, и линия.

Линии можно разорвать, как мы видели выше на старой схеме Бека. Когда разрывы встречаются в паре мест на схеме — не страшно, но если разрывов много, они начинают «шуметь», а следить за линиями становится сложнее.

Обводка по форме букв позволяет вырезать из линии минимум. Но так форма вырезов становится слишком замысловатой, а высокий контраст краёв только подчёркивает её сложность.

Смягчить эффект можно, размыв обводку — получится что‑то вроде свечения. Но этот эффект выглядит дёшево, создаёт ощущение выцветания краски, портится при печати.

Я предпочитаю ставить текст на полупрозрачную плашку.

Инту­и­тивно хочется подо­брать раз­мер плашки так, чтобы на неё вме­ща­лась вся под­пись. Но такая плашка на пере­се­че­нии с линией может ока­заться больше, чем надо. Это зря затруд­нит чте­ние линии.

Лучше сде­лать плашку мини­маль­ного раз­мера, необ­хо­ди­мого для изо­ля­ции только пере­се­ка­ю­щего линию фраг­мента текста.

Бывает, что какая‑ни­будь одна тор­ча­щая над или под стро­кой буква сильно рас­тя­ги­вает плашку. Не хочется услож­нять форму плашки выку­сами, поэтому можно подви­нуть под­пись так, чтобы хотя бы меша­ю­щая буква ушла за пре­делы пересечения.

Когда удачный размер плашки подобран, можно поэкспериментировать и со степенью прозрачности.

Интуитивно хочется подобрать размер плашки так, чтобы на неё вмещалась вся подпись. Но такая плашка на пересечении с линией может оказаться больше, чем надо. Это зря затруднит чтение линии.

Лучше сделать плашку минимального размера, необходимого для изоляции только пересекающего линию фрагмента текста.

Бывает, что какая‑нибудь одна торчащая над или под строкой буква сильно растягивает плашку. Не хочется усложнять форму плашки выкусами, поэтому можно подвинуть подпись так, чтобы хотя бы мешающая буква ушла за пределы пересечения.

Когда удачный размер плашки подобран, можно поэкспериментировать и со степенью прозрачности.

Скрыто 198 разворотов

Заключение

С одной сто­роны, транс­порт­ная схема — ути­ли­тар­ная вещь. Её про­ек­ти­ро­ва­ние — дол­гая, кро­пот­ли­вая работа, тре­бу­ю­щая боль­шого вни­ма­ния и тер­пе­ния. Для мно­гих в ней нет ничего вдохновляющего.

С дру­гой, транс­порт­ная схема — вер­шина дизайна. Здесь соеди­ня­ются инфор­ма­ци­он­ный и гра­фи­че­ский дизайн, нави­га­ци­он­ное про­ек­ти­ро­ва­ние, типо­гра­фика и вёрстка, работа с цве­том и тек­сту­рой, редак­тура. «Про­вал» даже в одном из аспек­тов — ска­жем, пло­хие пик­то­граммы — пор­тит резуль­тат целиком.

Дизай­неру нужно пред­ста­вить очень слож­ную, мно­го­слой­ную инфор­ма­цию, но в отли­чие от про­фес­си­о­наль­ных фор­ма­тов вроде архи­тек­тур­ного чер­тежа или финан­со­вого отчёта, схема должна быть понят­ной даже непод­го­тов­лен­ному читателю.

Так что для мно­гих, как для меня, про­ек­ти­ро­ва­ние схемы — захва­ты­ва­ю­щее заня­тие. Оно при­но­сит удо­вле­тво­ре­ние, похо­жее на то, что чув­ствуют люди, спо­соб­ные неде­лями соби­рать кар­тины из доми­но­шек или вязать слож­ную одежду. Неда­ром есть много фан­та­зий­ных схем, кото­рые ни для чего не нужны, кроме того, чтобы дарить авто­рам кайф их рисо­вать, а чита­те­лям — кайф их рассматривать.

Раз вы дочи­тали книгу до конца, думаю, вы пони­ма­ете, о чём я.

Транспортная схема Вестероса из «Игры престолов»,
дизайнер Майкл Тызник

Схема маршрутов Средиземья из «Властелина колец»,
дизайнер Кристиан Тейт

Московское метро,
художник Дмитрий Раков

Заключение

С одной сто­роны, транс­порт­ная схема — ути­ли­тар­ная вещь. Её про­ек­ти­ро­ва­ние — дол­гая, кро­пот­ли­вая работа, тре­бу­ю­щая боль­шого вни­ма­ния и тер­пе­ния. Для мно­гих в ней нет ничего вдохновляющего.

С дру­гой, транс­порт­ная схема — вер­шина дизайна. Здесь соеди­ня­ются инфор­ма­ци­он­ный и гра­фи­че­ский дизайн, нави­га­ци­он­ное про­ек­ти­ро­ва­ние, типо­гра­фика и вёрстка, работа с цве­том и тек­сту­рой, редак­тура. «Про­вал» даже в одном из аспек­тов — ска­жем, пло­хие пик­то­граммы — пор­тит резуль­тат целиком.

Дизай­неру нужно пред­ста­вить очень слож­ную, мно­го­слой­ную инфор­ма­цию, но в отли­чие от про­фес­си­о­наль­ных фор­ма­тов вроде архи­тек­тур­ного чер­тежа или финан­со­вого отчёта, схема должна быть понят­ной даже непод­го­тов­лен­ному читателю.

Так что для мно­гих, как для меня, про­ек­ти­ро­ва­ние схемы — захва­ты­ва­ю­щее заня­тие. Оно при­но­сит удо­вле­тво­ре­ние, похо­жее на то, что чув­ствуют люди, спо­соб­ные неде­лями соби­рать кар­тины из доми­но­шек или вязать слож­ную одежду. Неда­ром есть много фан­та­зий­ных схем, кото­рые ни для чего не нужны, кроме того, чтобы дарить авто­рам кайф их рисо­вать, а чита­те­лям — кайф их рассматривать.

Раз вы дочи­тали книгу до конца, думаю, вы пони­ма­ете, о чём я.

Транспортная схема Вестероса из «Игры престолов»,
дизайнер Майкл Тызник

Схема маршрутов Средиземья из «Властелина колец»,
дизайнер Кристиан Тейт

Московское метро,
художник Дмитрий Раков

Бир­ман Илья Бори­со­вич
Дизайн транс­порт­ных схем


  • Изда­тель Артём Горбунов

  • Редак­тор Сёма Сёмочкин

  • Фото­граф Вла­ди­мир Колпаков

  • Раз­ра­бот­чики Рустам Кул­ма­тов,
    Васи­лий Полов­нёв, Мария Попова,
    Юрий Мазур­ский и Андрей Ерес

  • Тести­ров­щик Сер­гей Фролов

  • Помощ­ники Алан Кад­жаев,
    Намор Воти­лав, Никита Щер­ба­ков,
    Вита­лий Тезяев

  • Книга набрана шрифтом «Бюросанс»

  • Дизайн‑бюро Артёма Горбунова
    Большая Новодмитровская улица,
    дом 36, строение 2
    Москва, Россия, 127015

  • bureau.ru

Бирман Илья Борисович
Дизайн транспортных схем

  • Издатель Артём Горбунов

  • Редактор Сёма Сёмочкин

  • Фотограф Владимир Колпаков

  • Разработчики Рустам Кулматов,
    Василий Половнёв, Мария Попова,
    Юрий Мазурский и Андрей Ерес

  • Тестировщик Сергей Фролов

  • Помощники Алан Каджаев,
    Намор Вотилав, Никита Щербаков,
    Виталий Тезяев

  • Книга набрана шрифтом «Бюросанс»

  • Дизайн‑бюро Артёма Горбунова
    Большая Новодмитровская улица,
    дом 36, строение 2
    Москва, Россия, 127015

  • bureau.ru

Закладки
Добавьте закладки
Ничего не нашлось