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