Projekt mapy: przeprojektowanie mapy metra w Jekaterynburgu

Podziemna sieć dużych metropolii może równie dobrze być urządzeniem teleportacyjnym: ludzie nie dbają o to, jak dowiezie ich z punktu A do punktu B, po prostu to robi. W Londynie, Paryżu i Moskwie mapa metra nie pokazuje geografii powierzchni, ponieważ na arkuszu jest niewiele pustego miejsca.

Zaprojektowanie mapy metra w mieście jest dość trudnym zadaniem, nawet jeśli jest tylko jedna linia. W zeszłym roku mój kolega Pasha Omelekhin i ja byliśmy podekscytowani pracą nad przeprojektowaniem mapy metra dla Jekaterynburga w Rosji. Bawiliśmy się (on projektował, ja reżyserowałem). W tym artykule omówimy nasz proces projektowania. Będzie szczegółowy, więc w zależności od twoich zainteresowań może to być bardzo nudne lub bardzo ekscytujące. Mimo to tak wiele pominęliśmy. Mamy nadzieję, że to pomoże, jeśli będziesz musiał pracować nad podobnym projektem.

Dalsze czytanie na SmashingMag:

• Mapa metra w Paryżu – przeprojektowanie
• Radość z ilustrowanych map w erze Google Earth
• Przewodnik po tworzeniu map SVG na podstawie danych Natural Earth
• Wejście do cudownego świata geolokalizacji

Zanurzmy się!

Podejście

Oto ostateczna mapa, którą stworzyliśmy:

Dla porównania, oto jak wyglądała poprzednia wersja mapy:

Ciągle zielona linia powyżej jest jedyną istniejącą linią metra; pozostałe dwie to tylko „planowane” linie, których budowa jeszcze się nie rozpoczęła. Pokazywanie wszystkich trzech nie miałoby sensu. Tak więc nasz pierwszy szkic był prostym schematem jednoliniowym:

Zwykle w wieloliniowej sieci metra na każdej linii metra nad drzwiami pociągu znajduje się osobny schemat jednolinijkowy. Ale tutaj jeden diagram może być użyty zarówno jako diagram całej sieci, jak i diagram liniowy. Należałoby wprowadzić drobne poprawki i zrobiliśmy je, ale chcieliśmy ponownie przemyśleć, jak taki diagram zostałby ogólnie zaprojektowany.

Jak wspomniano, ośrodki metropolitalne z dużymi sieciami podziemnymi, takie jak Londyn, Paryż i Moskwa, nie pokazują geografii powierzchni na swoich mapach metra. Po prostu nie ma na to miejsca. Nie tak dla małych stacji metra. Prostota i brak szczegółów powierzchni są wymagane tylko wtedy, gdy bogata mapa przeszkadzałaby ludziom w znalezieniu trasy. Jekaterynburg nie ma tego problemu.

Kiedy jest tylko jedna linia metra, nie możesz sobie pozwolić na przedstawianie systemu jako urządzenia teleportacyjnego. Ludzie muszą korzystać z wielu środków transportu, aby dostać się tam, gdzie chcą. Chcieliśmy więc pokazać, jak metro jest połączone ze wszystkim innym.

Dawno temu mapa podziemia Paryża została po prostu nałożona na mapę miasta:

Doszliśmy do wniosku, że te dwa podejścia można połączyć: informacje o powierzchni można umieścić na wykresie liniowym, dzięki czemu mapa jest zarówno bogata w informacje, jak i nadaje się do użytku w pociągach. To wymagałoby od nas naginania miasta w dziwny sposób, aby dopasować ważne punkty orientacyjne, ale wiadomo, że to działa, jak w przypadku podziemnej mapy Nowego Jorku.

Schemat liniowy

Następnie dodaliśmy do mapy kilka ulic:

Tutaj rzeka wydawała się zbyt ciemna. Ponadto Jekaterynburg nie jest popularnym celem turystycznym, więc język rosyjski jest o wiele ważniejszy niż angielski; dlatego zdecydowaliśmy się umieścić rosyjskie nazwy wewnątrz, a angielskie tłumaczenia na zewnątrz względem linii.

Chcieliśmy poeksperymentować ze stylem. Zaczęliśmy od nieoficjalnego logo M i wycięliśmy „tykacze” stacji pod kątem, aby je powtórzyć. Później zastąpiliśmy logo oficjalnym:

Nachylenie nie wyglądało dobrze. A logo było za duże. Dlatego zamiast jednego dużego logo spróbowaliśmy pogrupować kilka logo: logo metra, herb miasta i emblemat władz transportowych. Takie rzeczy zwykle wyglądają fajnie.

W końcu jednak okazało się, że dwa logo działają dobrze (logo miasta jest jednym z nich):

Zwróć uwagę, jak rzeka i ulice zaczęły się zmieniać, aby lepiej komunikować swój związek z linią. Kontynuowaliśmy dodawanie kolejnych geografii powierzchni:

Teraz mieliśmy kompas (strzałka skierowana w lewo wskazująca północ), miejską wieżę telewizyjną i cyrk. Linia wahadłowca na lotnisko z Botanicheskaya została wyrównana z kątem kleszczy — modyfikacja, która nie przetrwa, ponieważ sprawiliśmy, że geografia była bardziej realna, ale miała swój urok. Może zadziałałoby gdzie indziej.

Więcej eksperymentowaliśmy z kleszczami:

Bawiliśmy się nawet długimi cieniami:

Niektóre z nich były ładne, ale w żaden sposób nie wyjątkowe.

Jekaterynburg charakteryzuje się architekturą konstruktywistyczną. Czego moglibyśmy użyć do podpowiedzi na mapie? Inspiracji szukaliśmy w sztuce Malewicza i Kandinsky'ego.

To może zadziałać!

Próbowaliśmy uwydatnić pozory rzeczywistości, układając ulice nad linią metra:

Ale to wyglądało na błąd. Cofnij!

Naginanie linii

Idealne byłoby wytyczenie prostej linii metra, ale zbytnio zniekształciłoby to miasto. Wprowadziliśmy więc zagięcia, aby wskazać prawdziwą formę linii:

To wyglądało na zepsute. Chcieliśmy, aby linia była gładsza. Żegnajcie, skośne kleszcze!

Po zasmakowaniu geografii wpływającej na kształt linii chcieliśmy jej więcej, znacznie więcej — dróg, skwerów, parków, roślin, całego miasta. Zaczęliśmy wyobrażać sobie, jak dodać parki z ładnymi drzewami i jak nadać rzece falistą teksturę.

Teraz, gdy zagłębialiśmy się w geografię, kleszcze stawały się problemem. Wyglądały tak, jakby wskazywały kierunek wyjścia ze stacji, a nie nazwy stacji, co może wprowadzać ludzi w błąd. Potrzebny był nowy wskaźnik.

Czy kręgi musiały być na linii? Co jeśli zbliżymy je do nazwy stacji?

Poczekaj minutę! Co by było , gdybyśmy wskazali lokalizację wyjść ze stacji?

Te wyjścia były zbyt małe dla linii i nie byłyby widoczne z daleka. Potrzebowaliśmy rozwiązania, które krzyczy „Oto stacja!” jednocześnie subtelnie wskazując wyjścia.

Więcej funkcji powierzchni

Tymczasem inne prace posuwały się naprzód. Piktogram cyrku stał się bardziej rozpoznawalny:

Opuszczona wieża telewizyjna zyskała więcej szczegółów:

Większą uwagę zyskały też piktogramy innych środków transportu:

Aha, i dorzuciliśmy naziemną sieć kolejową, a także atrybucję projektu do siebie (umieszczoną po prawej):

Wzór rzeki nie wyglądał dobrze. Wypróbowaliśmy cienkie linie przypominające klasyczną mapę londyńskiego metra zaprojektowaną przez Harry'ego Becka:

Za cienki, prawie niewidoczny.

Kontynuowaliśmy eksplorację reprezentacji wyjść stacji na papierze:

Jednym z pomysłów było ułożenie szczegółowego schematu wyjść nad półprzezroczystą linią metra:

Sprzątanie

W tym momencie mapa wyglądała na dość zajętą. Postanowiliśmy pokazać angielskie tłumaczenia tylko nazw stacji. I usunęliśmy cyrk. Próbowaliśmy również przenieść wskaźniki terminali kolejowych i autobusowych na odpowiednie stacje metra:

Zmieniono czcionkę z DIN na PT Sans Metro (niestandardowa wersja PT Sans z obniżonymi wielkimi literami).

Oto eksperyment z listą tras transportu naziemnego:

Najgłośniejszym elementem w tym momencie były nazwy ulic. Próbowaliśmy ustawić je wielkimi literami:

Zwykle wielkie litery są nieodpowiednie, szczególnie w odnajdywaniu drogi: litery przypominają prostokąty, co utrudnia ich rozróżnienie. Ale chcieliśmy, żeby słowa wyglądały ciszej i prościej, więc zadziałało.

Kontynuowaliśmy eksperymenty z wyjściami ze stacji:

Pomyśleliśmy, że półprzezroczyste okręgi były potrzebne, aby stacje były wystarczająco duże, aby były widoczne z daleka.

Ale po wciągnięciu wszystkich wyjść zdaliśmy sobie sprawę, że nie są potrzebne:

Zbędna okazała się też grubsza półprzezroczysta linia:

To nie był koniec naszej pracy przy wyjściach ze stacji, ale to był sukces.

Ikony wózka i autobusu

Prace nad spisaniem naziemnych szlaków komunikacyjnych prowadzone były na:

Parki zyskały ładny wzór, a wieża telewizyjna i rzeka zostały uproszczone:

Poważnie o stacjach

Nadal obawialiśmy się widoczności stacji z daleka. Same wyjścia nie wystarczyły, aby stacje się wyróżniały. Więc spróbowaliśmy innych rzeczy:

Próbowaliśmy nawet kropkować linię metra:

Zwróć uwagę na kolejną kluczową poprawę tutaj: nazwy ulic zostały przeniesione do samych ulic, gdzie pozwalało na to miejsce. Wielkie litery były do ​​tego bardzo przydatne, co znacznie przyczyniło się do przejrzystości.

Kontynuowaliśmy ze stacjami:

Nie podobało nam się, że rzeka składała się z bardzo cienkich linii, które nie są używane nigdzie indziej na mapie, więc to się zmieniło:

Pomijamy tutaj wiele innych prób, ale warto zwrócić uwagę na tę poniżej. Myśleliśmy, że ten ma obietnicę.

Wszystko idzie razem

Wracając na ulice, szczupłe wyglądały dziwnie. Dlatego spróbowaliśmy nadać wszystkim ulicom tę samą szerokość:

Ponieważ nigdzie nie było już cienkich linii, zamiast konturu nadaliśmy wieży telewizyjnej wypełnienie:

Następnie zamieniliśmy kolorami tła i ulic, a rzeka wyglądała, jakby płynęła:

Spróbowaliśmy również pofalować rzekę zarówno na zewnątrz, jak i wewnątrz:

Ale to było jak krok w tył. Wyglądało bardziej jak makaron niż woda.

Nasz kompas też był zbyt prosty:

Zainspirowaliśmy się strzałami Yuri Gordona:

Oto ten, który zrobiliśmy:

<

Ostatnie poprawki

Wracaliśmy do metra i stacji w kółko — oczywiście, bo to są najważniejsze elementy.

Jaka jest teraz najbrzydsza rzecz? Parki. Sposób, w jaki wpadają na drogi i siebie nawzajem, nie jest miły. Szczególnie nieprzyjemne są parki otaczające rzekę. Usunęliśmy tło, pozostawiając tylko drzewa, jednocześnie dostosowując ich kolor, i stało się znacznie ładniejsze:

Poprawiła się również wieża telewizyjna:

Czcionka PT Sans została zrezygnowana na rzecz ALS Direct:

Dodaliśmy linie tramwajowe, ponieważ są ważnym elementem ulicy i pomogłyby w odnalezieniu drogi.

Próbowaliśmy również wyrównać tekst do siatki:

I dodaliśmy kilka cieni:

O to chodzi! Pasha zbudował to wszystko w programie Adobe Illustrator, wyreżyserowanym przeze mnie, Ilyę, za pośrednictwem poczty elektronicznej.

W żadnym wypadku nie ma to być wyczerpujący przewodnik po projektowaniu mapy. Każde miasto przedstawia swój własny zestaw problemów i osobliwości. Ale miejmy nadzieję, że to da ci wyobrażenie, czego szukać i czego spróbować, jeśli podejmiesz się takiego zadania. To, co początkowo wydawało się małym projektem, okazało się rygorystycznym ćwiczeniem trwającym kilka miesięcy.