{
    "version": "https:\/\/jsonfeed.org\/version\/1.1",
    "title": "Ilya Birman’s Blog: posts tagged maps",
    "_rss_description": "Ilya Birman’s blog on design, cities, music, and life",
    "_rss_language": "en",
    "_itunes_email": "ilyabirman@ilyabirman.net",
    "_itunes_categories_xml": "<itunes:category text=\"Arts\"><itunes:category text=\"Design\" \/><\/itunes:category>\r\n<itunes:category text=\"Society &amp; Culture\"><itunes:category text=\"Personal Journals\" \/><\/itunes:category>\r\n<itunes:category text=\"Technology\" \/>\r\n",
    "_itunes_image": "https:\/\/ilyabirman.net\/meanwhile\/pictures\/userpic\/userpic-square@2x.jpg?1573933764",
    "_itunes_explicit": "no",
    "home_page_url": "https:\/\/ilyabirman.net\/meanwhile\/tags\/maps\/",
    "feed_url": "https:\/\/ilyabirman.net\/meanwhile\/tags\/maps\/json\/",
    "icon": "https:\/\/ilyabirman.net\/meanwhile\/pictures\/userpic\/userpic@2x.jpg?1573933764",
    "authors": [
        {
            "name": "Ilya Birman",
            "url": "https:\/\/ilyabirman.net\/meanwhile\/",
            "avatar": "https:\/\/ilyabirman.net\/meanwhile\/pictures\/userpic\/userpic@2x.jpg?1573933764"
        }
    ],
    "items": [
        {
            "id": "378",
            "url": "https:\/\/ilyabirman.net\/meanwhile\/all\/samara-metro-map\/",
            "title": "Samara metro map",
            "content_html": "<p>Check out the new <a href=\"https:\/\/ilyabirman.net\/samara\/\">Samara metro map<\/a>:<\/p>\n<div class=\"e2-text-picture\">\n<a href=\"https:\/\/ilyabirman.net\/samara\/\" class=\"e2-text-picture-link\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/samara-metro.png\" width=\"2000\" height=\"870\" alt=\"\" \/>\n<\/a><\/div>\n<p>Designed  by Nikolay Romanov, directed by myself. Special thanks to Sergey Chikin and Leonid Motovskih.<\/p>\n",
            "summary": "Check out the new Samara metro map",
            "date_published": "2025-06-09T10:26:07+03:00",
            "date_modified": "2025-06-09T10:26:01+03:00",
            "tags": [
                "maps",
                "projects",
                "release",
                "Samara",
                "transit maps"
            ],
            "image": "https:\/\/ilyabirman.net\/meanwhile\/pictures\/samara-metro.png",
            "_date_published_rfc2822": "Mon, 09 Jun 2025 10:26:07 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "378",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/samara-metro.png"
                ]
            }
        },
        {
            "id": "375",
            "url": "https:\/\/ilyabirman.net\/meanwhile\/all\/parus-wayfinding\/",
            "title": "Wayfinding elements for “Parus” station",
            "content_html": "<p>Another project, <a href=\"https:\/\/ilyabirman.net\/parus\/\">wayfinding elements for “Parus” station<\/a>:<\/p>\n<div class=\"e2-text-picture\">\n<a href=\"https:\/\/ilyabirman.net\/parus\/\" class=\"e2-text-picture-link\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/parus-map.jpg\" width=\"920\" height=\"651\" alt=\"\" \/>\n<\/a><\/div>\n",
            "summary": "Another project, wayfinding elements for “Parus” station",
            "date_published": "2024-11-11T09:40:08+03:00",
            "date_modified": "2024-11-11T09:39:54+03:00",
            "tags": [
                "maps",
                "projects",
                "release",
                "wayfinding"
            ],
            "image": "https:\/\/ilyabirman.net\/meanwhile\/pictures\/parus-map.jpg",
            "_date_published_rfc2822": "Mon, 11 Nov 2024 09:40:08 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "375",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/parus-map.jpg"
                ]
            }
        },
        {
            "id": "270",
            "url": "https:\/\/ilyabirman.net\/meanwhile\/all\/transport-map-design-part-3\/",
            "title": "Transport map design. Part 3",
            "content_html": "<p><a href=\"http:\/\/ilyabirman.net\/meanwhile\/all\/transport-map-design-part-1\/\">In part 1<\/a> I’ve covered the difference between the Beck’s London underground map, our Ekaterinburg metro map, and the Vignelli’s and Hertz’s maps of New York subway. <a href=\"http:\/\/ilyabirman.net\/meanwhile\/all\/transport-map-design-part-2\/\">In part 2<\/a>, I’ve highlighted the more subtle details specific to the transit maps of Barcelona, Paris, Oslo, Moscow and London.<\/p>\n<p>All these differences in maps were because of the differences in the cities or their transportation systems. But there is another reason for the maps to be different: aesthetics.<\/p>\n<p>The transport map is not only a tool, but also is a notable object of graphic design in a big city. So even if you can make do with the Beck’s design language, you will get a London map, no matter what you depict. The transport system must have a face, and aesthetics is as important as logic.<\/p>\n<p>The main feature of the Moscow metro map is the Circle line. It doesn’t fit the Beck’s language, but it’s very important to Moscow. This is not Moscow:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/transport-map-design-moscow-square.jpg\" width=\"812\" height=\"752\" alt=\"Transport map design. Not Moscow\" \/>\n<\/div>\n<p>This, on the other hand, is:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/transport-map-design-moscow-circle.jpg\" width=\"812\" height=\"752\" alt=\"Transport map design. Moscow\" \/>\n<\/div>\n<p>London also has Circle line, but it has never been depicted as a circle. Today, it’s not even a closed loop:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/transport-map-design-london-circle.jpg\" width=\"1338\" height=\"714\" alt=\"London also has Circle line\" \/>\n<\/div>\n<p>These Circle lines are large elements and form the overall image of the map.<\/p>\n<p>But little details also influence the perception of a map.<\/p>\n<p>In London, the black rings of the transfer stations are noticeably thinner than the lines. The “corridors” are of the same width. The stations’ ticks are square, stick out at 2\/3 of a line’s width. The names are typeset with blue New Johnston:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/transport-map-design-detail-london.jpg\" width=\"1368\" height=\"730\" alt=\"Transport map design. London\" \/>\n<\/div>\n<p>In Moscow, the fat rings of the transfers are coloured with their line’s colour. The “corridors” are much thinner and have a gradient. Some transfers are circular. The station ticks stick out at full line’s width. The names are typeset with black Moscow Sans:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/transport-map-design-detail-moscow.jpg\" width=\"1040\" height=\"615\" alt=\"Transport map design. Moscow\" \/>\n<\/div>\n<p>Look at this tram map:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/transport-map-design-tramlink.jpg\" width=\"1148\" height=\"464\" alt=\"London Tramlink\" \/>\n<\/div>\n<p>It’s obvious that it’s a London tram map, not some other one. It follows the London transport graphic design standards — the rings, the ticks, the captions.<\/p>\n<p>When we see the beige background, the particular palette of the lines, the filled station disks and the distinct designation of the transfers, we immediately recognise the Paris map:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/transport-map-design-paris-fragment.jpg\" width=\"1580\" height=\"760\" alt=\"Transport map design. Paris\" \/>\n<\/div>\n<p>Jug Cerović follows an unusual 18-degree angle grid in his Luxembourg map. If you saw it once, you recognise it every time:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/transport-map-design-luxembourg-inat.jpg\" width=\"1996\" height=\"1389\" alt=\"Transport map design. Luxembourg\" \/>\n<\/div>\n<p>For the <a href=\"http:\/\/ilyabirman.net\/projects\/chelyabinsk-trams\/\">Chelyabinsk trams map<\/a> we’ve come up with these 3D terminals:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/transport-map-design-chel-terminal.jpg\" width=\"2000\" height=\"908\" alt=\"Transport map design. Chelyabinsk\" \/>\n<\/div>\n<p>Why are they like this? The only reason is that we wanted this map to look special.<\/p>\n<p>It is not enough for a good transport map to just answer the question “how to get there”. Since it is used everywhere, it is part of a city’s image. And if its design is powerful, it influences the city in other ways.<\/p>\n<p>The Moscow’s Circle line in has inspired designers to create these beautiful wayfinding steles:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/transport-map-design-kuzmost-circle.jpg\" width=\"1720\" height=\"1147\" alt=\"Transport map design\" \/>\n<\/div>\n<p>The round designations of the New York subway train routes are used in all the signage and have even made it to the dots above i in the pedestrian city maps (in the classic Helvetica these dots are rectangles):<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/transport-map-design-walk-nyc-i.png\" width=\"1600\" height=\"800\" alt=\"Transport map design. WalkNYC\" \/>\n<\/div>\n<p>And in London, the Tube Map has given birth to the graphical language of all the transport-related signage:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/transport-map-design-tfl-posters.jpg\" width=\"1536\" height=\"714\" alt=\"Transport map design. TfL posters\" \/>\n<\/div>\n<p>This graphical language is so iconic that you can even buy all sorts of souvenirs with its elements: t-shirts, umbrellas, shower curtains. This design has spread not only beyond the Tube, but beyond London. There are all sorts of maps done in this style:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/transport-map-design-cities.jpg\" width=\"1760\" height=\"1130\" alt=\"Transport map design\" \/>\n<div class=\"e2-text-caption\">A playful depiction of cities listed in Mark Ovenden’s “Transit Maps of the World” book<\/div>\n<\/div>\n<p>Strong graphic design of the transport systems makes them more attractive. This helps cities get rid of private cars. People spend more time outside, interact with each other. This gives small businesses a boost and makes cities more pleasant to live in.<\/p>\n",
            "summary": "In part 1 I’ve covered the difference between the Beck’s London underground map, our Ekaterinburg metro map, and the Vignelli’s and Hertz’s maps of New York subway",
            "date_published": "2017-05-18T11:50:04+03:00",
            "date_modified": "2018-08-31T17:39:21+03:00",
            "tags": [
                "design",
                "maps",
                "transportation"
            ],
            "image": "https:\/\/ilyabirman.net\/meanwhile\/pictures\/transport-map-design-chel-terminal.png",
            "_date_published_rfc2822": "Thu, 18 May 2017 11:50:04 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "270",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/transport-map-design-chel-terminal.png",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/transport-map-design-moscow-square.jpg",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/transport-map-design-moscow-circle.jpg",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/transport-map-design-london-circle.jpg",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/transport-map-design-detail-london.jpg",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/transport-map-design-detail-moscow.jpg",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/transport-map-design-tramlink.jpg",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/transport-map-design-paris-fragment.jpg",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/transport-map-design-luxembourg-inat.jpg",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/transport-map-design-chel-terminal.jpg",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/transport-map-design-kuzmost-circle.jpg",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/transport-map-design-walk-nyc-i.png",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/transport-map-design-tfl-posters.jpg",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/transport-map-design-cities.jpg"
                ]
            }
        },
        {
            "id": "266",
            "url": "https:\/\/ilyabirman.net\/meanwhile\/all\/transport-map-design-part-2\/",
            "title": "Transport map design. Part 2",
            "content_html": "<p><a href=\"http:\/\/ilyabirman.net\/meanwhile\/all\/transport-map-design-part-1\/\">In the first part<\/a> I’ve covered the difference between the Beck’s London underground map, our Ekaterinburg metro map, and the Vignelli’s and Hertz’s maps of New York subway. But even the maps that appear to be much more alike in principle, have many little details to serve their cities’ needs.<\/p>\n<p>On stations, there are tracks for opposing directions. In some cities, these tracks are marked with the names of a line’s terminals. Barcelona:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/barcelona-la-pau-IMG_5972.jpg\" width=\"920\" height=\"613\" alt=\"\" \/>\n<\/div>\n<p>The terminals are thus important for wayfinding, so they have to be emphasised on a map. In Barcelona, they put the terminals’ names on a background, whose colour matches the line’s:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/barcelona-terminals.png\" width=\"1200\" height=\"528\" alt=\"\" \/>\n<\/div>\n<p>In Paris, they use bold font and put line number symbols:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/paris-terminals.png\" width=\"1200\" height=\"508\" alt=\"\" \/>\n<\/div>\n<p>This is unnecessary in London, where instead of toponymics they use geographic directions (i.e. “Northbound”).<\/p>\n<p>In Oslo, a thick wisp of lines passes through the city centre. One of the lines forms a loop and passes several stations twice: first as line 4, and then as line 6. The transformation from 4 to 6 is shown with a gradient — not a typical element indeed:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/oslo-loop.jpg\" width=\"1800\" height=\"1315\" alt=\"\" \/>\n<\/div>\n<p>There is another detail in Oslo: the trains pass the Gulleråsen station only in one direction. This requires a designation, an element that was not used in any of the maps we’ve discussed above:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/oslo-dir.png\" width=\"400\" height=\"256\" alt=\"\" \/>\n<\/div>\n<p>Moscow has its own peculiarity: for historical reasons, the stations have different names on different lines (sick, but what can you do). In addition, the Moscow metro map has to use both Cyrillic and Latin scripts for its station names. Depiction of transfers turns into a problem. Here, <i>eight<\/i> names should be positioned around the “Biblioteka imeni Lenina — Aleksandrovsky sad — Arbatskaya — Borovitskaya” junction, where four lines intersect:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/bil.png\" width=\"800\" height=\"800\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Fragment of the official map. This place looks cleaner <a href=\"http:\/\/ilyabirman.ru\/projects\/moscow-metro\/map\/2016\/\">in my design<\/a><\/div>\n<\/div>\n<p>A whopping six lines intersect at London’s “King’s Cross St. Pancras” station; just one name suffices:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/kc.png\" width=\"950\" height=\"950\" alt=\"\" \/>\n<\/div>\n<p>There is not a single place on the giant London map where a station name intersects a line — there is always space around the lines. To achieve this in Moscow, one would need to dramatically reduce the font size and complicate the line geometry. That’s why Moscow metro map includes a device the London one does not: a transparent plaque for the station names crossing lines (see above).<\/p>\n<p>But London has its own complication absent in Moscow. The grey “clouds” designate the payment zones — something Moscow does not need since the price of a ride is fixed:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/london-mini.jpg\" width=\"1200\" height=\"800\" alt=\"\" \/>\n<\/div>\n<p>Every city and transport network has lots of details which make it impossible to use the same exact graphical principles everywhere. But there is another reason for maps to be so different, which I will cover <a href=\"http:\/\/ilyabirman.net\/meanwhile\/all\/transport-map-design-part-3\/\">next time<\/a>.<\/p>\n",
            "summary": "In the first part I’ve covered the difference between the Beck’s London underground map, our Ekaterinburg metro map, and the Vignelli’s and Hertz’s maps of New York subway",
            "date_published": "2017-04-20T00:25:05+03:00",
            "date_modified": "2017-06-11T17:39:47+03:00",
            "tags": [
                "design",
                "maps",
                "transportation"
            ],
            "image": "https:\/\/ilyabirman.net\/meanwhile\/pictures\/barcelona-la-pau-IMG_5972.jpg",
            "_date_published_rfc2822": "Thu, 20 Apr 2017 00:25:05 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "266",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/barcelona-la-pau-IMG_5972.jpg",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/barcelona-terminals.png",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/paris-terminals.png",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/oslo-loop.jpg",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/oslo-dir.png",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/bil.png",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/kc.png",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/london-mini.jpg"
                ]
            }
        },
        {
            "id": "257",
            "url": "https:\/\/ilyabirman.net\/meanwhile\/all\/transport-map-design-part-1\/",
            "title": "Transport map design. Part 1",
            "content_html": "<p>For many people, a map of a transport network is a given, an expected part of a system, something that just <i>is<\/i> — like a fire escape plan in a building. So when I say that I design transport maps, they don’t understand. What is there to design, even?<\/p>\n<p>The London underground map by Harry Beck was the world’s first transport map to use the principles of electrical circuit drawings:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/lu1933.gif\" width=\"1384\" height=\"971\" alt=\"Transport map design as a city’s signature\" \/>\n<\/div>\n<p>All line segments were put to the angles of 45° and 90°. The distances between stations were equalised. I wrote about it in part three of my “Maps and reality” series, <a href=\"http:\/\/ilyabirman.net\/meanwhile\/all\/map-and-reality-diagrams\/\">Diagrams<\/a>.<\/p>\n<p>This schematic approach was later adopted by many transport maps of the world. But not every time was this a good idea. This is one useless map (Samara, Russia):<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/samara.png\" width=\"1635\" height=\"316\" alt=\"\" \/>\n<\/div>\n<p>It adds almost nothing to just listing the stations:<\/p>\n<blockquote>\n<p>Алабинская · Российская · Московская · Гагаринская · Спортивная · Советская…<\/p>\n<\/blockquote>\n<p>Beck’s design dealt with growing complexity and spread of London underground rail network. When there is just one line, it’s better to put this line in context. See our <a href=\"http:\/\/ilyabirman.net\/projects\/ekaterinburg-metro\/2017\/\">Ekaterinburg metro map<\/a>, for example:<\/p>\n<div class=\"e2-text-picture\">\n<a href=\"http:\/\/ilyabirman.net\/projects\/ekaterinburg-metro\/2017\/\" class=\"e2-text-picture-link\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/ekaterinburg-metro-map-2017@fx.jpg\" width=\"2560\" height=\"437.78501628664\" alt=\"Ekaterinburg metro map — 2017\" \/>\n<\/a><\/div>\n<p>Every transport network requires a specialised solution.<\/p>\n<p>Let’s look at New York. The subway is large and complicated, but quite different from London: trains can have different routes, which are denoted by both numbers and letters. In 1972, Massimo Vignelli designed this map:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/vignelli.jpg\" width=\"1680\" height=\"1709\" alt=\"\" \/>\n<\/div>\n<p>In London, ticks are used to depict stations:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/london-wisp.png\" width=\"1426\" height=\"577\" alt=\"\" \/>\n<\/div>\n<p>Vignelli couldn’t have used them in New York. In London, lines rarely run together through the same stations. And when they do, all trains in a “wisp” stop at all of them — see Great Portland Street and Euston Square above.<\/p>\n<p>In New York, such wisps are everywhere, and some trains don’t stop at some stations. So when there is a stop on a particular route, Vignelli puts a black bullet in the route’s line:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/vignelli-fragment.jpg\" width=\"1200\" height=\"671\" alt=\"\" \/>\n<\/div>\n<p>You can see that at some stations, not every line has a bullet.<\/p>\n<p>Vignelli’s map was beautiful, but, unfortunately, unsuccessful. People considered it too abstract. Having no geographical reference, the eye had nothing to catch on. Also, the stations named with street numbers looked identical — the font was just too small for that.<\/p>\n<p>This design was the closest to London’s that New York has ever seen.<\/p>\n<p>The successful design was the one by Michel Hertz (1979) — still in use. It includes parks, ponds, main streets and areas names:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/hertz-fragment.jpg\" width=\"640\" height=\"436\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Illustration from an <a href=\"http:\/\/gothamist.com\/2007\/08\/03\/michael_hertz_d.php\">interview with Michel Hertz<\/a><\/div>\n<\/div>\n<p>The related routes are denoted with just one line, not a wisp:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/ny-fragment.png\" width=\"1600\" height=\"800\" alt=\"\" \/>\n<\/div>\n<p>But there’s a list of stopping routes at each station. Look at the red line, for example. Only route 1 stops at 18, 23 and 28 st., but all routes stop at 14 and 34 st.<\/p>\n<p>Hertz wanted his map to look geographical. But he knew that a “true” map would use the format very inefficiently. So his map is actually distorted significantly for everything to fit. Google Maps on the left, Hertz’s map on the right:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/nymetro-compare.jpg\" width=\"976\" height=\"632\" alt=\"\" \/>\n<\/div>\n<p>Hertz’s map doesn’t look stylish. But it has proven to work well. This is a very specific, bulletproof design tailored to New York.<\/p>\n<p><a href=\"http:\/\/ilyabirman.net\/meanwhile\/all\/transport-map-design-part-2\/\">Continued<\/a><\/p>\n",
            "summary": "For many people, a map of a transport network is a given, an expected part of a system, something that just is — like a fire escape plan in a building",
            "date_published": "2017-04-12T02:54:09+03:00",
            "date_modified": "2017-06-21T23:05:49+03:00",
            "tags": [
                "design",
                "maps",
                "transportation"
            ],
            "image": "https:\/\/ilyabirman.net\/meanwhile\/pictures\/puchok-london.jpg",
            "_date_published_rfc2822": "Wed, 12 Apr 2017 02:54:09 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "257",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/puchok-london.jpg",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/london-mini.jpg",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/lu1933-over.jpg",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/samara.jpg",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/lu1933.gif",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/samara.png",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/ekaterinburg-metro-map-2017@fx.jpg",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/vignelli.jpg",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/london-wisp.png",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/vignelli-fragment.jpg",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/hertz-fragment.jpg",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/ny-fragment.png",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/nymetro-compare.jpg"
                ]
            }
        },
        {
            "id": "239",
            "url": "https:\/\/ilyabirman.net\/meanwhile\/all\/map-and-reality-diagrams\/",
            "title": "Map and reality: diagrams",
            "content_html": "<p>In the previous two parts, we’ve figured out that the preferred <a href=\"http:\/\/ilyabirman.net\/meanwhile\/all\/map-and-reality-distortion\/\">distortion<\/a> and <a href=\"http:\/\/ilyabirman.net\/meanwhile\/all\/map-and-reality-layers\/\">layers<\/a> depend on the map’s supposed use case.<\/p>\n<p>With public transport maps, our goal is to help the customer get from point A to point B using the displayed transport network.<\/p>\n<p>This is a map of Paris Metro of 1915:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/pm1915.jpg\" width=\"990\" height=\"990\" alt=\"Paris Metro, 1915\" \/>\n<\/div>\n<p>The city is shown in full detail. There are many layers. The metro lines, however, stand out because of the use of contrasting red thick lines.<\/p>\n<p>Compare with the map of London underground railways of 1908:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/lu1908.jpg\" width=\"960\" height=\"765\" alt=\"London underground railways, 1908\" \/>\n<\/div>\n<p>The lines of different railways are denoted by different colours. The rest of the city — the roads, the parks and the river — makes one pale-gray layer.<\/p>\n<p>But even this layer is removed by 1932:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/lu1932.jpg\" width=\"1200\" height=\"995\" alt=\"London underground railways, 1932\" \/>\n<\/div>\n<p>The river Thames is the only non-railway object that remains on this map. And it is the only device that links the railways to the surface geography.<\/p>\n<p>It is always interesting to explore a detailed map with lots of layers. But in this case, the pleasure of exploration is much less important than the customers’ ability to quickly pick out which train to take. The information richness is sacrificed to the comprehension speed.<\/p>\n<p>But as we see, despite all the simplifications, the central part is still rather hard to read. In several places, arrows had to be used to clarify the correspondence of labels and stations.<\/p>\n<p>The engineer Harry Beck has come up with a radical idea. He suggested redesigning the maps using the principles of electrical circuit drawings.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/shema@2x.png\" width=\"393\" height=\"214\" alt=\"Electrical circuit\" \/>\n<\/div>\n<p>Such drawings prioritise the logical connection between the elements over their physical position. What if a railway map also displayed first and foremost the logical connection between the stations?<\/p>\n<p>The Beck’s <i>diagram<\/i> replaced the map in 1933:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/lu1933.gif\" width=\"1384\" height=\"971\" alt=\"Beck’s Underground map, 1933\" \/>\n<\/div>\n<p>All lines segments were put to the angles of 45° and 90°. The distances between stations were equalised.<\/p>\n<p>The modern diagram has twice as many lines and many more layers, but it inherits the Beck’s principles:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/lu2010-8bit.png\" width=\"2000\" height=\"1280\" alt=\"Modern London Underground map\" \/>\n<\/div>\n<p>Compare with a geographical map of the same lines:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/lugeo.gif\" width=\"1184\" height=\"795\" alt=\"Geographical London Underground map\" \/>\n<\/div>\n<p>The central part here is so dense that it had to be put in a cutaway at a bigger scale. And even so, everything turned out very small. Now we see that showing “true” geography is not universally useful. This geographical map is much harder to read. For the railways’ customers, the diagram excels.<\/p>\n<p>If the distances between the stations are equal, the reader will grasp that it’s just a convention and won’t rely on it. If the lines are strictly at 45° or 90°, the reader will grasp that they do not represent the actual paths of the underground tracks and won’t rely on it either. But this doesn’t mean that you can get rid of <i>any<\/i> geographical reference.<\/p>\n<p>In 2007 I made a <a href=\"http:\/\/ilyabirman.ru\/projects\/moscow-metro\/rectilinear\/\">rectilinear Moscow Metro map<\/a> as an experiment:<\/p>\n<div class=\"e2-text-picture\">\n<a href=\"http:\/\/ilyabirman.ru\/projects\/moscow-metro\/rectilinear\/\" class=\"e2-text-picture-link\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/moscow-metro-rectilinear-full.png\" width=\"1820\" height=\"728\" alt=\"Rectilinear Moscow Metro map\" \/>\n<\/a><\/div>\n<p>While the principles of the above diagram are easy to figure out, there still is a problem: even if you live in Moscow, you will have a hard time finding your station.<\/p>\n<p>Since any map is perceived in reference to the image of reality formed by the geographical maps, you have to respect that. If the reader knows roughly where a station is in the city, they should be able to find it on the diagram, too.<\/p>\n",
            "summary": "In the previous two parts, we’ve figured out that the preferred distortion and layers depend on the map’s supposed use case",
            "date_published": "2016-12-22T14:47:08+03:00",
            "date_modified": "2017-03-14T20:24:56+03:00",
            "tags": [
                "information display",
                "maps",
                "transportation",
                "wayfinding"
            ],
            "image": "https:\/\/ilyabirman.net\/meanwhile\/pictures\/pm1915.jpg",
            "_date_published_rfc2822": "Thu, 22 Dec 2016 14:47:08 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "239",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/pm1915.jpg",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/lu1908.jpg",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/lu1932.jpg",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/shema@2x.png",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/lu1933.gif",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/lu2010-8bit.png",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/lugeo.gif",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/moscow-metro-rectilinear-full.png"
                ]
            }
        },
        {
            "id": "238",
            "url": "https:\/\/ilyabirman.net\/meanwhile\/all\/map-and-reality-layers\/",
            "title": "Map and reality: layers",
            "content_html": "<p>In <a href=\"http:\/\/ilyabirman.net\/meanwhile\/all\/map-and-reality-distortion\/\">Map and reality: distortion<\/a> I talked about how distortion is inevitable on a map and the question is what to distort given a particular task.<\/p>\n<p>Now let’s talk about layers. What properties of land should a map display?<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/fizmap@2x-lq.jpg\" width=\"2000\" height=\"1320\" alt=\"Physical and geographical world atlas (1964)\" \/>\n<\/div>\n<div class=\"caption\"><p>Physical and geographical world atlas (1964)<\/p>\n<\/div><p>A physical map shows terrain: oceans, trenches, plains and mountains. On a political map, the land is divided into countries and states. A mineral resources map is covered with the symbols of mineral deposits and oilfields.<\/p>\n<p>One can’t say that a physical map is “truer” than, say, a railroad atlas. The following map shows the history of Amsterdam’s development, and it’s also true. Red houses are the oldest, the blue ones are the newest:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/amster-lq.jpg\" width=\"1000\" height=\"640\" alt=\"Buildings age in the Netherlands\" \/>\n<\/div>\n<div class=\"caption\"><p><a href=\"http:\/\/code.waag.org\/buildings\/\">Buildings age in the Netherlands<\/a><\/p>\n<\/div><p>A good cartographer will find ways to display lots of data on a map:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/chelobl-lq.jpg\" width=\"2000\" height=\"1400\" alt=\"A map of Chelyabinsk region, Russia (1956)\" \/>\n<\/div>\n<div class=\"caption\"><p>A map of Chelyabinsk region, Russia (1956)<\/p>\n<\/div><p>This map displays terrain, the region boundaries, motorways and railroads, settlements, ponds, mountain ridges, height markings, parallels and meridians.<\/p>\n<p>By carefully choosing colour shades, widths and styles of lines, typefaces of text, the cartographer achieves clear separation of visual layers. Background colours that marks the heights are unsaturated to let one see the labels clearly. A particular hatching is used along the region boundaries to make them well distinguishable. The letters <span class=\"caps\" style=\"font-family: 'Arial Narrow'; color: #333\"><i>У Р А<\/i><\/span> on the left separated by many other designations, are perceived as one label <span class=\"caps\" style=\"font-family: 'Arial Narrow'; color: #333\"><i>ЮЖНЫЙ УРАЛ<\/i><\/span> (Southern Ural) on the full map thanks to a special typeface.<\/p>\n<p>The more features are shown on a map, the more interesting it is to explore it.<\/p>\n<p>However, there are circumstances that do not suggest an unhurried examination by a curious reader. Sometimes a map should just answer a narrow set of practical questions.<\/p>\n<p>A pedestrian map shows the main landmarks, sidewalks, bike lanes, subway stations, toilets and Wi-Fi zones:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/walknyc-lq.jpg\" width=\"2000\" height=\"1333\" alt=\"WalkNYC wayfinding system (2013)\" \/>\n<\/div>\n<div class=\"caption\"><p><a href=\"http:\/\/code.waag.org\/buildings\/\">WalkNYC wayfinding system<\/a> (2013)<\/p>\n<\/div><p>A nautical chart displays water depths, navigational hazards, important routes, harbours and the details of the coastline:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.net\/meanwhile\/pictures\/navimap-lq.jpg\" width=\"2000\" height=\"1000\" alt=\"A nautical chart\" \/>\n<\/div>\n<p>The depths are marked with numbers — while the shades of blue as used on physical maps are more illustrative, a sailor wants the actual values. The dry land gets very little attention.<\/p>\n<p>The choice of the layers and the way to separate them, as well as the choice of appropriate distortion, depends on the map’s goal and supposed use.<\/p>\n<p>Continued in <a href=\"http:\/\/ilyabirman.net\/meanwhile\/all\/map-and-reality-diagrams\/\">Map and reality: diagrams<\/a>.<\/p>\n",
            "summary": "In Map and reality: distortion I talked about how distortion is inevitable on a map and the question is what to distort given a particular task",
            "date_published": "2016-12-12T23:14:51+03:00",
            "date_modified": "2016-12-22T23:00:09+03:00",
            "tags": [
                "information display",
                "maps",
                "transportation",
                "wayfinding"
            ],
            "image": "https:\/\/ilyabirman.net\/meanwhile\/pictures\/fizmap@2x-lq.jpg",
            "_date_published_rfc2822": "Mon, 12 Dec 2016 23:14:51 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "238",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/fizmap@2x-lq.jpg",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/amster-lq.jpg",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/chelobl-lq.jpg",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/walknyc-lq.jpg",
                    "https:\/\/ilyabirman.net\/meanwhile\/pictures\/navimap-lq.jpg"
                ]
            }
        }
    ],
    "_e2_version": 4269,
    "_e2_ua_string": "Aegea 12.0a (v4269e)"
}