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

Илья Бир­ман

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

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

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

Оглавление

    Задача 

    Принцип 

    Конструкция 

    Детали 

    Система 

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

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

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

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

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

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

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

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


Ai

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

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

  • Bends 

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

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

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

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

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

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

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

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

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

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

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

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

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

Ai

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

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

  • Bends 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Доха, 2008, фото Мохамада Такрити

В Дохе были даже шипы.

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

Доха, 2008, фото Мохамада Такрити

В Дохе были даже шипы.

Такое трудно порекомендовать — выглядит слишком агрессивно. Но зато такую схему никогда не забудешь.

Пеньки хороши, но не уни­вер­сальны. Глав­ная сила пенька, его направ­лен­ность, может обер­нуться его же сла­бо­стью. Тут две при­чины для осторожности.

Во‑пер­вых, посмот­рите на про­ме­жу­точ­ный макет моей схемы мос­ков­ского метро.

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

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

Лучше поста­вить подпи­си по одну сто­рону от линий и вер­нуть пеньки. Так и было сде­лано в финаль­ной версии.

Ещё проблемы при чтении «по инерции»:

  • Подписи и айтрекинг 

О проекте

О проекте

О проекте

О проекте

О проекте

О проекте

Пеньки хороши, но не универсальны. Главная сила пенька, его направленность, может обернуться его же слабостью. Тут две причины для осторожности.

Во‑первых, посмотрите на промежуточный макет моей схемы московского метро.

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

Если бы станции были кружками, обозначения было бы видно по обе стороны линии и Спортивная и Фрунзенская были бы заметнее. Но с кружками связь станций с подписями слабее.

Лучше поставить подписи по одну сторону от линий и вернуть пеньки. Так и было сделано в финальной версии.

Ещё проблемы при чтении «по инерции»:

  • Подписи и айтрекинг 

О проекте

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

Заключение

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

  • bureau.ru

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

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

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

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

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

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

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

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

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

  • bureau.ru

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