🔍 Начните печатать, чтобы искать по книге или перейти к нужной странице по номеру
Удобно листать не только прокруткой, но и клавишами‑стрелками:
разворотами
Дизайн
транспортных
схем
Дизайн
транспортных
схем
Представляем первое в мире практическое руководство по дизайну транспортных схем. В книге говорится об истории появления схем, о принципах их устройства, о планировании развития схемы вместе с транспортной системой. Автор рассказывает о технических приёмах — прокладывании линий, способах обозначения остановок, подборе цветов и шрифтов, вёрстке.
Оглавление
Задача
Принцип
Конструкция
Детали
Система
Представляем первое в мире практическое руководство по дизайну транспортных схем. В книге говорится об истории появления схем, о принципах их устройства, о планировании развития схемы вместе с транспортной системой. Автор рассказывает о технических приёмах — прокладывании линий, способах обозначения остановок, подборе цветов и шрифтов, вёрстке.
Оглавление
Задача
Принцип
Конструкция
Детали
Система
Кэмерон Бут сделал инфографику о событиях Сиднейского фестиваля в виде транспортной схемы. «Станции» символизируют мероприятия, а «линии» соединяют их по типу: музыкальные, артистические, семейные.
Кольцевая линия в центре показывает самые важные мероприятия.
Кэмерон захотел расположить «станции» на кольце равномерно. Поскольку станций десять, получилось, что угол между ними — 36°.
Если, используя этот угол, расставить станции симметрично, возникает проблема. Линия, проходящая через две станции на кольце, не подчиняется 45‑градусной сетке углов. Чтобы подчиниться, линия вынуждена погнуться.
Кэмерон заметил, что если повернуть кольцо целиком на 9°, то станции встанут удобнее для 45‑градусной сетки углов, и половины изгибов удастся избежать.
Когда смотришь на нарисованную схему, «подвоха» не видно — кажется, что всё само собой так аккуратно сложилось.
Кэмерон Бут сделал инфографику о событиях Сиднейского фестиваля в виде транспортной схемы. «Станции» символизируют мероприятия, а «линии» соединяют их по типу: музыкальные, артистические, семейные.
Кольцевая линия в центре показывает самые важные мероприятия.
Кэмерон захотел расположить «станции» на кольце равномерно. Поскольку станций десять, получилось, что угол между ними — 36°.
Если, используя этот угол, расставить станции симметрично, возникает проблема. Линия, проходящая через две станции на кольце, не подчиняется 45‑градусной сетке углов. Чтобы подчиниться, линия вынуждена погнуться.
Кэмерон заметил, что если повернуть кольцо целиком на 9°, то станции встанут удобнее для 45‑градусной сетки углов, и половины изгибов удастся избежать.
Когда смотришь на нарисованную схему, «подвоха» не видно — кажется, что всё само собой так аккуратно сложилось.
Ещё на этой схеме Кэмерона Бута интересно устроена модульная сетка, причём её устройство напрямую связано с тем, что станции на кольце повернулись на 9°.
За один модуль взято вертикальное расстояние между станцией «Тимбер!» и верхом кольца. Линии выше идут с таким же шагом.
Но если распространить эту сетку вниз, то выяснится, что нижние линии в неё уже не попадают. Оказывается, нижние линии идут с тем же шагом, но уже относительно низа кольца, а один отрезок справа от кольца вообще не подчиняется сетке.
То, что между верхней и нижней частями сетка нарушается, незаметно, потому что в центре почти нет горизонтальных отрезков. Зато там хорошо видно, что расстояния между станциями на кольце одинаковые, и поэтому кажется, что всё стоит по правилам.
Расстояния между вертикальными элементами подчиняются тому же шагу.
Ещё на этой схеме Кэмерона Бута интересно устроена модульная сетка, причём её устройство напрямую связано с тем, что станции на кольце повернулись на 9°.
За один модуль взято вертикальное расстояние между станцией «Тимбер!» и верхом кольца. Линии выше идут с таким же шагом.
Но если распространить эту сетку вниз, то выяснится, что нижние линии в неё уже не попадают. Оказывается, нижние линии идут с тем же шагом, но уже относительно низа кольца, а один отрезок справа от кольца вообще не подчиняется сетке.
То, что между верхней и нижней частями сетка нарушается, незаметно, потому что в центре почти нет горизонтальных отрезков. Зато там хорошо видно, что расстояния между станциями на кольце одинаковые, и поэтому кажется, что всё стоит по правилам.
Расстояния между вертикальными элементами подчиняются тому же шагу.
Начинающие дизайнеры часто попадают в ловушку: сначала выбирают модульную сетку, а потом пытаются подчинить ей свой дизайн. Преподаватели вёрстки предостерегают от такого.
Сетка — не причина, а следствие того, каким получился дизайн. Сначала мы проводим линии и расставляем станции так, чтобы их положение было логично и удобно для восприятия. При этом думаем над графемой и текстурой.
Когда решение найдено и все подписи вместились, замечаем: что‑то стоит почти ровно или на почти одинаковом расстоянии. С превращением «почти» в «совсем» и может помочь сетка.
Кстати, именно поэтому о модульной сетке мы заговорили только в этой части книги, в отличие от сетки углов, которая является принципиальным решением и задаёт весь образ схемы.
Не городите леса раньше времени. Выкиньте сетку и не начинайте с неё проектирование 〈...〉 Она не должна диктовать условия. Представьте, если бы карандаш говорил, как штриховать, а линейка — куда вести линию?
Миша Нозик
Самое главное не начинать с сетки. Как только вы её начертите, она сразу вас загипнотизирует. Перед глазами останутся линии и клетки, а материал уйдёт на второй план. Хуже того: сетка не позволит принять композиционные решения, которые выходят за её рамки.
Игорь Штанг
Начинающие дизайнеры часто попадают в ловушку: сначала выбирают модульную сетку, а потом пытаются подчинить ей свой дизайн. Преподаватели вёрстки предостерегают от такого.
Сетка — не причина, а следствие того, каким получился дизайн. Сначала мы проводим линии и расставляем станции так, чтобы их положение было логично и удобно для восприятия. При этом думаем над графемой и текстурой.
Когда решение найдено и все подписи вместились, замечаем: что‑то стоит почти ровно или на почти одинаковом расстоянии. С превращением «почти» в «совсем» и может помочь сетка.
Кстати, именно поэтому о модульной сетке мы заговорили только в этой части книги, в отличие от сетки углов, которая является принципиальным решением и задаёт весь образ схемы.
Не городите леса раньше времени. Выкиньте сетку и не начинайте с неё проектирование 〈...〉 Она не должна диктовать условия. Представьте, если бы карандаш говорил, как штриховать, а линейка — куда вести линию?
Миша Нозик
Самое главное не начинать с сетки. Как только вы её начертите, она сразу вас загипнотизирует. Перед глазами останутся линии и клетки, а материал уйдёт на второй план. Хуже того: сетка не позволит принять композиционные решения, которые выходят за её рамки.
Игорь Штанг
Формат
Естественная для арбуза форма — круглая. Но с круглыми арбузами проблема: они неэффективно занимают место и часто бьются при перевозке.
Люди научились выращивать квадратные арбузы, с которыми этих проблем нет.
Формат
Естественная для арбуза форма — круглая. Но с круглыми арбузами проблема: они неэффективно занимают место и часто бьются при перевозке.
Люди научились выращивать квадратные арбузы, с которыми этих проблем нет.
Транспортная схема может получиться любой формы, но разместят её, скорее всего, в виде прямоугольного плаката. Чем определяется его размер и пропорции?
В идеале — самой схемой: её проектируют из соображений читаемости и информативности и подбирают подходящий формат.
Схема челябинских трамваев в челябинском трамвае. Дизайнеры Полина Лесникова и Александр Караваев, артдир я
Транспортная схема может получиться любой формы, но разместят её, скорее всего, в виде прямоугольного плаката. Чем определяется его размер и пропорции?
В идеале — самой схемой: её проектируют из соображений читаемости и информативности и подбирают подходящий формат.
Схема челябинских трамваев в челябинском трамвае. Дизайнеры Полина Лесникова и Александр Караваев, артдир я
Заключение
С одной стороны, транспортная схема — утилитарная вещь. Её проектирование — долгая, кропотливая работа, требующая большого внимания и терпения. Для многих в ней нет ничего вдохновляющего.
С другой, транспортная схема — вершина дизайна. Здесь соединяются информационный и графический дизайн, навигационное проектирование, типографика и вёрстка, работа с цветом и текстурой, редактура. «Провал» даже в одном из аспектов — скажем, плохие пиктограммы — портит результат целиком.
Дизайнеру нужно представить очень сложную, многослойную информацию, но в отличие от профессиональных форматов вроде архитектурного чертежа или финансового отчёта, схема должна быть понятной даже неподготовленному читателю.
Так что для многих, как для меня, проектирование схемы — захватывающее занятие. Оно приносит удовлетворение, похожее на то, что чувствуют люди, способные неделями собирать картины из доминошек или вязать сложную одежду. Недаром есть много фантазийных схем, которые ни для чего не нужны, кроме того, чтобы дарить авторам кайф их рисовать, а читателям — кайф их рассматривать.
Раз вы дочитали книгу до конца, думаю, вы понимаете, о чём я.
Транспортная схема Вестероса из «Игры престолов»,
дизайнер Майкл Тызник
Схема маршрутов Средиземья из «Властелина колец»,
дизайнер Кристиан Тейт
Московское метро,
художник Дмитрий Раков
Заключение
С одной стороны, транспортная схема — утилитарная вещь. Её проектирование — долгая, кропотливая работа, требующая большого внимания и терпения. Для многих в ней нет ничего вдохновляющего.
С другой, транспортная схема — вершина дизайна. Здесь соединяются информационный и графический дизайн, навигационное проектирование, типографика и вёрстка, работа с цветом и текстурой, редактура. «Провал» даже в одном из аспектов — скажем, плохие пиктограммы — портит результат целиком.
Дизайнеру нужно представить очень сложную, многослойную информацию, но в отличие от профессиональных форматов вроде архитектурного чертежа или финансового отчёта, схема должна быть понятной даже неподготовленному читателю.
Так что для многих, как для меня, проектирование схемы — захватывающее занятие. Оно приносит удовлетворение, похожее на то, что чувствуют люди, способные неделями собирать картины из доминошек или вязать сложную одежду. Недаром есть много фантазийных схем, которые ни для чего не нужны, кроме того, чтобы дарить авторам кайф их рисовать, а читателям — кайф их рассматривать.
Раз вы дочитали книгу до конца, думаю, вы понимаете, о чём я.
Транспортная схема Вестероса из «Игры престолов»,
дизайнер Майкл Тызник
Схема маршрутов Средиземья из «Властелина колец»,
дизайнер Кристиан Тейт
Московское метро,
художник Дмитрий Раков
Бирман Илья Борисович
Дизайн транспортных схем
Издатель Артём Горбунов
Редактор Сёма Сёмочкин
Фотограф Владимир Колпаков
Разработчики Рустам Кулматов,
Василий Половнёв, Мария Попова,
Юрий Мазурский и Андрей ЕресТестировщик Сергей Фролов
Помощники Алан Каджаев,
Намор Вотилав, Никита Щербаков,
Виталий Тезяев
Книга набрана шрифтом «Бюросанс»
Дизайн‑бюро
Артёма Горбунова
Большая Новодмитровская улица,
дом 36, строение 2
Москва, Россия, 127015
Бирман Илья Борисович
Дизайн транспортных схем
Издатель Артём Горбунов
Редактор Сёма Сёмочкин
Фотограф Владимир Колпаков
Разработчики Рустам Кулматов,
Василий Половнёв, Мария Попова,
Юрий Мазурский и Андрей ЕресТестировщик Сергей Фролов
Помощники Алан Каджаев,
Намор Вотилав, Никита Щербаков,
Виталий Тезяев
Книга набрана шрифтом «Бюросанс»
Дизайн‑бюро
Артёма Горбунова
Большая Новодмитровская улица,
дом 36, строение 2
Москва, Россия, 127015