Схема метро парижа на русском языке с достопримечательностями: Метро Парижа – карта на русском языке, зоны, билеты

Редизайн карты метро Екатеринбурга — журнал Smashing Magazine

• 10 минут чтения
• UX,
  Графический дизайн,
  UX
• Поделиться в Twitter, LinkedIn

Об авторе

Илья разрабатывает транспортные схемы, веб-сайты, приложения и вывески. Руководит дизайнерами и разработчиками. Преподает дизайн. Сочиняет, играет и слушает музыку. Последний …
Больше о
Илья ↬

Крупная сеть столичных подземных поездов вполне может быть устройством для телепортации: людям все равно, как они доставят их из пункта А в пункт Б, главное, чтобы это было так. В Лондоне, Париже и Москве карта метро не показывает географию поверхности, потому что на листе не так много пустого места.
Проектирование карты метро города — довольно сложная задача, даже если в ней всего одна линия. В прошлом году мой коллега Паша Омелехин и я были в восторге от работы над редизайном карты метро для Екатеринбурга, Россия. Нам было весело (он проектировал, я режиссировала). В этой статье мы расскажем о нашем процессе проектирования. Это будет подробно, поэтому, в зависимости от ваших интересов, это может быть очень скучным или очень захватывающим. Тем не менее, мы многое упустили. Мы надеемся, что это поможет, если вам придется работать над подобным проектом.

Крупная городская сеть подземных поездов вполне может быть средством телепортации: людей не волнует, как они доставят их из пункта А в пункт Б, главное, чтобы это было так. В Лондоне, Париже и Москве карта метро не показывает географию поверхности, потому что на листе не так много пустого места.

Проектирование схемы метро города — довольно сложная задача, даже если линия всего одна. В прошлом году мой коллега Паша Омелехин и я были в восторге от работы над редизайном карты метро для Екатеринбурга, Россия. Нам было весело (он проектировал, я режиссировала). В этой статье мы расскажем о нашем процессе проектирования. Это будет подробно, поэтому, в зависимости от ваших интересов, это может быть очень скучным или очень захватывающим. Тем не менее, мы многое упустили. Мы надеемся, что это поможет, если вам придется работать над подобным проектом.

Дальнейшее чтение по Smashingmag:

• Paris Metro Map — Redysign
• Радость иллюстрированных карт в эпоху Google Earth
• Руководство по строительству карт SVG из природных данных Земли
• Вход в Worcdent of Geo Location

Давайте погрузимся!

Больше после прыжка! Продолжить чтение ниже ↓

Подход

Это последняя карта, которую мы создали:

(Просмотр в большом предварительном просмотре)

Просто для сравнения, вот как выглядела предыдущая версия карты:

Сплошная зеленая линия вверху — единственная существующая линия метро; две другие — просто «запланированные» линии, строительство которых еще даже не началось. Отображать все три не имеет смысла. Итак, наш первый набросок представлял собой простую однолинейную диаграмму:

(Предварительный просмотр в большом разрешении)

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

Как уже упоминалось, столичные центры с крупными подземными сетями, такие как Лондон, Париж и Москва, не отображают географию поверхности на своих картах метрополитена. Для этого просто не хватит места. Не так для малых метро. Простота и отсутствие деталей на поверхности требуются только тогда, когда богатая карта мешает людям найти свой маршрут. В Екатеринбурге такой проблемы нет.

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

Давным-давно карта парижского метро была просто наложена поверх карты города:

(Просмотр в большом превью)

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

Линейная диаграмма

Далее мы добавили на карту несколько улиц:

(Просмотр в большом превью)

Река здесь казалась слишком темной. Кроме того, Екатеринбург не является популярным туристическим направлением, поэтому русский язык гораздо важнее английского; поэтому мы решили расположить русские названия внутри, а английские переводы снаружи относительно линии.

Мы хотели поэкспериментировать со стилем. Мы начали с неофициального логотипа М и вырезали «галочки» станции под углами, чтобы повторять его. Позже мы заменили логотип на официальный:

(Предварительный просмотр в большом разрешении)

Градиент выглядел неправильно. И логотип был слишком большим. Поэтому вместо одного большого логотипа мы попытались сгруппировать несколько логотипов: логотип метрополитена, герб города и эмблему транспортного управления. Такие вещи обычно выглядят круто.

В конце концов, однако, мы обнаружили, что два логотипа работают нормально (один из них — логотип города):

(Предварительный просмотр в большом разрешении)

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

(Просмотр в большом превью)

Теперь у нас был компас (стрелка влево, указывающая на север), городская телебашня и цирк. Линия шаттла из аэропорта от Ботанической была выровнена по углу клещей — модификация, которая не выжила, поскольку мы сделали географию более реальной, но в этом была своя прелесть. Может, где-то еще сработало бы.

Мы больше экспериментировали с тиками:

(Просмотр в большом размере)
(Просмотр в большом размере)(Просмотр в большом размере)

Мы даже играли с длинными тенями:

(Предварительный просмотр в большом разрешении)

Некоторые из них были хороши, но ничего особенного.

Екатеринбург характеризуется конструктивистской архитектурой. Что мы могли бы использовать, чтобы намекнуть на это в карте? Мы искали вдохновение в творчестве Малевича и Кандинского.

Паша сказал: «Думаю, именно так Малевич сделал бы значок аэропорта». Такой же сумасшедший поезд

Может сработать!

Мы попытались добавить видимости реальности, проложив улицы поверх линии метро:

(Просмотр в большом превью)

Но это выглядело как ошибка. Отменить!

Изгиб линии

Провести линию метро прямо было бы идеально, но это слишком исказило бы город. Итак, мы ввели изгибы, чтобы намекнуть на истинную форму линии:

(Просмотр в большом разрешении)

Это выглядело сломанным. Мы хотели, чтобы линия была более гладкой. До свидания, угловатые клещи!

(Просмотреть большое превью)

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

Первая попытка (Предварительный просмотр в большом разрешении)

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

(Предварительный просмотр в большом разрешении)(Предварительный просмотр в большом разрешении)(Предварительный просмотр в большом разрешении)

Круги должны были быть на одной линии? Что, если мы поместим их ближе к названию станции?

(Просмотр в большом разрешении)

Подождите минутку! Что, если мы указал расположение выходов со станции?

(Предварительный просмотр в большом разрешении)(Предварительный просмотр в большом размере)

Эти выходы были слишком малы для линии и не были видны на расстоянии. Нам нужно было решение, которое кричит: «Вот станция!» при этом тонко указывая на выходы.

Дополнительные функции поверхности

Тем временем продолжалась другая работа. Пиктограмма цирка стала более узнаваемой:

(Просмотр в большом превью)

Заброшенная телебашня стала более детальной:

(Просмотр в большом превью)

Пиктограммы других видов транспорта также привлекли больше внимания:

О, и мы добавили сеть наземных железных дорог, а также авторство дизайна (расположенное справа):

(Просмотр в большом превью)

Рисунок реки выглядел не очень хорошо. Мы попробовали тонкие линии, напоминающие классическую карту лондонского метро, ​​разработанную Гарри Беком:

Слишком тонкие, почти невидимые.

И мы продолжили изучать изображения выходов со станции на бумаге:

(Просмотр в большом превью)

Одна из идей заключалась в том, чтобы разместить подробную схему выходов поверх полупрозрачной линии метро:

Уборка

В этот момент карта выглядела довольно занятой. Мы решили показать английские переводы только для названий станций. И мы убрали цирк. Мы также попробовали перенести указатели железнодорожных и автобусных вокзалов на соответствующие станции метро:

(Просмотр в большом превью)

Шрифт изменился с DIN на PT Sans Metro (пользовательская версия PT Sans с заниженными заглавными буквами).

Вот эксперимент по составлению списка маршрутов наземного транспорта:

(Предварительный просмотр в большом разрешении)

В этот момент самым шумным элементом были названия улиц. Мы пробовали писать их заглавными буквами:

(Предварительный просмотр в большом разрешении)

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

Мы продолжили экспериментировать с выходами станций:

(Просмотр в большом превью)
(Предварительный просмотр в большом разрешении)

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

(Просмотр в большом разрешении)

Но нарисовав все выходы, мы поняли, что они не нужны:

(Просмотр в большом превью)

Более толстая полупрозрачная линия также оказалась ненужной:

(Просмотр в большом превью)

Это Это не было концом нашей работы со станционными выходами, но достижением.

Иконки троллейбусов и автобусов

Продолжалась работа по составлению маршрутов наземного транспорта:

(Просмотр в большом превью)

В парках появился красивый рисунок, а телебашня и река были упрощены:

(Просмотр в большом превью)

Нас по-прежнему беспокоила видимость станции на расстоянии. Одних выходов было недостаточно, чтобы выделить станции. Итак, мы пробовали другие вещи:

(Просмотр в большом превью)(Просмотр в большом превью)

Мы даже пытались сделать линию метро пунктирной:

(Просмотр в большом превью)(Просмотр в большом превью)

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

(Предварительный просмотр в большом размере)

Мы продолжили работу со станциями:

(Предварительный просмотр в большом размере)(Предварительный просмотр в большом размере)(Предварительный просмотр в большом размере)(Предварительный просмотр в большом размере)Mondrian edition (Предварительный просмотр в большом размере)Cast-iron edition (Предварительный просмотр в большом размере) )

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

(Предварительный просмотр в большом разрешении)(Предварительный просмотр в большом размере)

Здесь мы пропускаем многие другие попытки, но на приведенную ниже стоит обратить внимание. Мы думали, что у этого есть обещание.

(Предварительный просмотр в большом разрешении)

Все собирается вместе

Повернувшись на улицу, худые выглядели странно. Итак, мы попытались придать всем улицам одинаковую ширину:

(Просмотр в большом разрешении)

Поскольку нигде больше не было тонких линий, мы придали телебашне заливку вместо контура:

(Просмотр в большом превью)

Затем мы поменяли местами цвета фона и улиц и сделали реку похожей на текущую:

(Просмотреть в большом превью)

Мы также попытались сделать реку волнистой снаружи и внутри:

(Просмотреть в большом превью) )

Но это было похоже на шаг назад. Это было больше похоже на макароны, чем на воду.

Наш компас тоже был слишком простым:

(Просмотр в большом превью)

Мы черпали вдохновение из стрел Юрия Гордона:

(Просмотр в большом превью)

Вот тот, который мы сделали:

<

Последние штрихи

Мы снова и снова возвращались к линии метро и станциям — очевидно, потому что это самые важные элементы.

(Предварительный просмотр в большом разрешении)(Предварительный просмотр в большом размере)(Предварительный просмотр в большом размере)

Что сейчас самое уродливое? Парки. То, как они натыкаются на дороги и друг на друга, некрасиво. Особенно неприятны парки, окружающие реку. Мы убрали фон, оставив только деревья, а также настроили их цвет, и стало намного приятнее:

(Предварительный просмотр в большом разрешении)

Телевышка также улучшена:

(Предварительный просмотр в большом разрешении)

Шрифт PT Sans заменен на ALS Direct:

(Предварительный просмотр в большом размере)

Мы добавили трамвайные линии, поскольку они являются важными элементами на улице и поможет сориентироваться.