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

Илья Бир­ман

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

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

 
между важными местами
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
© Бюро Горбунова

Оглавление

    Задача 

    Принцип 

    Конструкция 

    Детали 

    Система 

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

На схеме метро и элек­три­чек Гам­бурга стан­ции обо­зна­чены неболь­шими вы­ку­сами.

От мусор­но­сти такое реше­ние не спа­сает, а местами воз­ни­кают пара­зит­ные образы: когда выкусы смот­рят друг на друга, между цвет­ными лини­ями про­яв­ля­ется белая линия с отсечками.

Ярмарка Гамбурга

На схеме метро и электричек Гамбурга станции обозначены небольшими вы­ку­сами.

От мусорности такое решение не спасает, а местами возникают паразитные образы: когда выкусы смотрят друг на друга, между цветными линиями проявляется белая линия с отсечками.

Ярмарка Гамбурга

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

  • Появление транспортных схем 

Берлин, 1918. Старые схемы берлинского транспорта

Москва, 2019. Студия Лебедева

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

Говоря о схеме Бека, мы уже обсуж­дали пре­иму­ще­ства пень­ков: они спо­кой­ные и ука­зы­вают на назва­ние стан­ции, помо­гая свя­зать одно с другим.

Кроме того, на их фоне кружки хорошо заметны как обо­зна­че­ния пересадок.

  • Пересадки 

Вариации по толщине и выпиранию

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

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

  • Появление транспортных схем 

Берлин, 1918. Старые схемы берлинского транспорта

Москва, 2019. Студия Лебедева

Говоря о схеме Бека, мы уже обсуждали преимущества пеньков: они спокойные и указывают на название станции, помогая связать одно с другим.

Кроме того, на их фоне кружки хорошо заметны как обозначения пересадок.

Вариации по толщине и выпиранию

  • Пересадки 

Выби­рая раз­мер пенька, стоит учи­ты­вать прин­цип мини­маль­ного зна­чи­мого отли­чия. Эдвард Тафти пишет:

Делайте все визу­аль­ные отли­чия как можно тоньше, но всё же ясными и значимыми.

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

Вот такие пеньки — как раз. Они обрели зна­чи­мость, потому что стали сораз­мер­ными дру­гим зна­чи­мым эле­мен­там изоб­ра­же­ния, таким как линии и буквы.

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

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

Минимальное значимое отличие:
Эдвард Тафти. Наглядное объяснение, с. 73


Ai

Ранее я сове­то­вал сде­лать сим­вол из пово­рота линии, чтобы цен­тра­ли­зо­ванно настра­и­вать изгибы. Здесь актуа­лен тот же совет: сде­лайте сим­вол из пенька (или дру­гого обо­зна­че­ния оста­новки). Меняйте пара­метры, глядя на всю схему, чтобы подо­брать наи­луч­ший вариант.

Символ из поворота:

  • Bends 

О символах в справке по Иллюстратору

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

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

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

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

Выбирая размер пенька, стоит учитывать принцип минимального значимого отличия. Эдвард Тафти пишет:

Делайте все визуальные отличия как можно тоньше, но всё же ясными и значимыми.

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

Вот такие пеньки — как раз. Они обрели значимость, потому что стали соразмерными другим значимым элементам изображения, таким как линии и буквы.

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

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

Минимальное значимое отличие:
Эдвард Тафти. Наглядное объяснение, с. 73

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

Ai

Ранее я советовал сделать символ из поворота линии, чтобы централизованно настраивать изгибы. Здесь актуален тот же совет: сделайте символ из пенька (или другого обозначения остановки). Меняйте параметры, глядя на всю схему, чтобы подобрать наилучший вариант.

Символ из поворота:

  • Bends 

О символах в справке по Иллюстратору

Барнаул, дизайнер Илья Уткаев

Берлин, дизайнер Паша Омелёхин

Санкт‑Петербург, черновик Сергея Чикина

Трамвай Оклахома‑сити

Екатеринбург, дизайнер Паша Омелёхин, артдир я

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

Вариации по форме

Форма пенька может быть сложнее прямоугольника. Это одна из степеней свободы, которая задаёт стиль и характер схемы.

Барнаул, дизайнер Илья Уткаев

Берлин, дизайнер Паша Омелёхин

Санкт‑Петербург, черновик Сергея Чикина

Трамвай Оклахома‑сити

Екатеринбург, дизайнер Паша Омелёхин, артдир я

Вариации по форме

Пенёк можно сде­лать кон­тур­ным или скруг­лить. Если хорошо подо­брать про­пор­ции, полу­чится красота.

Трамваи Одессы,
Студия Лебедева

Троллейбусы Ялты, дизайнер Николай Башков, артдир Александр Караваев. О проекте

Пенёк можно сделать контурным или скруглить. Если хорошо подобрать пропорции, получится красота.

Троллейбусы Ялты, дизайнер Николай Башков, артдир Александр Караваев. О проекте

Трамваи Одессы,
Студия Лебедева

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

Заключение

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

  • bureau.ru

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

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

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

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

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

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

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

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

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

  • bureau.ru

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