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

Илья Бир­ман

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

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

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

Оглавление

    Задача 

    Принцип 

    Конструкция 

    Детали 

    Система 

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

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

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

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

Фото Джереми Томаса

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

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

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

Фото Джереми Томаса

Ритм

Артём Горбунов
о согласовании в дизайне

В совете о согла­со­ва­нии в дизайне Артём Гор­бу­нов рас­ска­зы­вает исто­рию о начале своей работы в Сту­дии Лебе­дева, как с огром­ным тру­дом нари­со­вал и утвер­дил у арт‑дирек­тора Ильи Михай­лова четыре кар­тинки для сайта.

Арте­мий Лебе­дев про­ком­мен­ти­ро­вал резуль­тат: «У вас тут кар­тинки все как бы немного пово­ра­чи­ва­ются. Надо сде­лать так, чтобы при пере­ходе между раз­де­лами кар­тинки пово­ра­чи­ва­лись в одном направ­ле­нии и полу­ча­лась линей­ная последовательность».

Одну из кар­ти­нок при­ш­лось пере­ри­со­вать. Артём назы­вает эту исто­рию одним из своих важ­ней­ших уро­ков дизайна и пишет:

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

Ритм

В совете о согласовании в дизайне Артём Горбунов рассказывает историю о начале своей работы в Студии Лебедева, как с огромным трудом нарисовал и утвердил у арт‑директора Ильи Михайлова четыре картинки для сайта.

Артемий Лебедев прокомментировал результат: «У вас тут картинки все как бы немного поворачиваются. Надо сделать так, чтобы при переходе между разделами картинки поворачивались в одном направлении и получалась линейная последовательность».

Одну из картинок пришлось перерисовать. Артём называет эту историю одним из своих важнейших уроков дизайна и пишет:

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

Артём Горбунов
о согласовании в дизайне

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

Артём продолжает:

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

Транс­порт­ные схемы — при­мер мак­си­маль­ного гра­фи­че­ского согла­со­ва­ния. На схе­мах согла­со­вано всё со всем: ритм линий, углы наклона, цен­тры дуг, пере­се­че­ния, скруг­ле­ния, над­писи и отступы.

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

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

А ещё о согласовании скруглений:

  • Изгибы 

Артём продолжает:

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

Транспортные схемы — пример максимального графического согласования. На схемах согласовано всё со всем: ритм линий, углы наклона, центры дуг, пересечения, скругления, надписи и отступы.

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

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

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

А ещё о согласовании скруглений:

  • Изгибы 

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

Буклет «Браун», 1976

Плакат «Витсо», 2012

Афиша цюрихского театра, дизайнер Йозеф Мюллер‑Брокманн, 1960

Сайт Бамбу‑крауд, 2019

Первая полоса газеты «Гардиан», 2018

Обложка «ИЛ», № 39, 2012

Визитка выставки Граца, Мудли, 2018

Упаковка «Диазинона»

Чемпионат мира в Бразилии. Кароши, 2014

Гид по Барселоне. Астрид Ставро, 2012

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

Буклет «Браун», 1976

Плакат «Витсо», 2012

Афиша цюрихского театра, дизайнер Йозеф Мюллер‑Брокманн, 1960

Сайт Бамбу‑крауд, 2019

Первая полоса газеты «Гардиан», 2018

Обложка «ИЛ», № 39, 2012

Визитка выставки Граца, Мудли, 2018

Упаковка «Диазинона»

Чемпионат мира в Бразилии. Кароши, 2014

Гид по Барселоне. Астрид Ставро, 2012

Ранее мы обсуж­дали, что одним из упро­ще­ний на схеме Генри Бека было вве­де­ние 45‑гра­дус­ной угло­вой сетки. Ещё одно важ­ное упро­ще­ние — как раз вырав­ни­ва­ние рас­сто­я­ний между станциями.

О схеме Бека:

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

Ранее мы обсуждали, что одним из упрощений на схеме Генри Бека было введение 45‑градусной угловой сетки. Ещё одно важное упрощение — как раз выравнивание расстояний между станциями.

О схеме Бека:

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

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

Заключение

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

  • bureau.ru

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

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

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

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

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

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

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

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

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

  • bureau.ru

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