Happy Birthday, Johnston and the London Underground

Leave a comment
Filed Under:
Miscellany

Via typeworship:

This week London sees the 150th anniversary of the London Underground. To commemorate the occasion a stream locomotive used in the 19th century made a journey through the modern tunnels of the Metropolitan line. See more on the BBC

It is also 100 years since its iconic typeface Johnston Sans was released as the the ‘Underground’ typeface. Dan Rhatigan, type director at Monotype and forthcoming interviewee of 8 Faces talks about Edward Johnston and the typeface here.  

The structured, based on a calligraphic nib held at a 45 degree angle, is emphasised by Johnston’s diamond tittles shapes (the dots over the i and j), one of it’s most recognisable characteristics.

Transit Maps says:

That drawing for the old London Underground roundel (or “bullseye” as they called it then) is just beautiful. I’m a little divided about Johnston Sans itself: while it’s a distinctive and integral part of the Underground’s identity, it’s not a very versatile font and is pretty wide, taking up a lot of space, even for something simple like station labels on the tube map.

Source: typeworship – link no longer active

All About the Guerrilla Moscow Metro Map – in English!

Leave a comment
Filed Under:
Unofficial Maps

My previous post about the “map bombing” of the Moscow Metro has had a lot of interest, so I thought I’d pass on the fact that the original partizaning.org article about it has been translated properly into English on their site. Well worth a read.

And as a bonus, you can download your own PDF of the map, or the Illustrator .ai file and fonts required to edit it yourself.

Reader Question: What software do you use to make these? Are there any must-have tutorials that helped you learn the techniques used to produce these?

Leave a comment
Filed Under:
Questions, Tutorials

I use Adobe Illustrator exclusively when working on my maps. As a graphic designer, it’s the tool that I’m most used to and that’s most suited to the task at hand. Any vector-based illustration application would be fine, though. Lots of people who want to get into map making without the cost of an Adobe app swear by Inkscape, although I’ve never used it personally.

As for tutorials, I’ve pretty much learned all I know about making transit maps through my own experimentation and observation of other maps (the whole point of this blog, really!). Twenty-odd years of graphic design experience helps, too. I have compiled a list of tips and tricks that I’ve picked up along the way – you can read it here. And I’ve also written at length on why Adobe Illustrator’s “Round Corners” Effect is terrible for transit map making – read that here. Hope this helps!

Submission – Official Map: Des Moines DART Bus System, 2013

Leave a comment
Filed Under:
Official Maps

Submitted by “ZMapper”, who included a link to the full map on the official DART website.

Have we been there? No.

What we like: At first glance, this looks like a nice, clean, modern-looking system map – a breath of fresh air that stands out from the usual geographically-based “road map” bus maps. However, there are some serious usability issus that detract from the light and airy look, which I’ll discuss below.

I do like the geographical downtown inset – while it’s not a radical thing to do, it is handled quite deftly. And the approximate time to/from downtown markers are handy, if a little cumbersome in practice.

What we don’t like: First off, I loathe it when a transit agency refuses to offer a downloadable PDF on their website. DART instead makes you load the map in a clunky zoomable Flash interface, which you can then scroll around. And that’s the full extent of “interactivity”: you can’t click on a route for more information, for example.

And you really would like to be able to do that sometimes, because the map has absolutely no legend. What does a route number in a circle mean as opposed to one in a square? What do dotted route lines mean? (Answer: it means two completely different things. The dotted green route lines across the middle of the map indicate sections of express routes where the bus doesn’t stop; other dotted lines – where the dots actually merge into a “sausage link” shape – indicate intermittent service. But you’d never know that from the map itself).

Express routes (Route numbers 9X) are all shown in the same shade of green, but that’s the only visual differentiation they have from other routes. Even worse, Route 52 is a similar – but not identical – green, causing a lot of confusion on the left side of the map.

The delineation of neighborhoods by use of big balloon shapes is pretty unsuccessful and ugly. Even worse, there’s not a single street name on the map outside of the downtown inset. Bus riders rely on this type of information when deciding whether to use the system far more than subway or commuter rail riders and its omission is baffling.

To round things off, there’s a number of technical errors in the map, especially where corners haven’t been joined properly and white keylines appear across the middle of a route line.

Our rating: Looks glossy and modern, but suffers from huge usability problems. The definition of style over substance. One-and-a-half stars. 

Unofficial Map: Partizaning.org “Guerrilla” Moscow Metro Map

comment 1
Filed Under:
Unofficial Maps

Last year, the Moscow Metro introduced a completely new official map, which featured 30-degree angles. Put simply, it went down like a lead balloon (link in Russian), forcing the authorities to hastily organise a competition for another brand new design.

However, some people decided they didn’t want to enter what’s essentially a no-spec design “contest” (there’s no payment for the winner, just thanks for a job well done) and set about designing their own map independently… and then covertly placing them on Metro carriages.

Reading the imperfect Google translation of their project website reveals their design goals: to bring the map back to a geographical grounding – showing the distance between stations better and how they relate to the physical landmarks of the city, especially the river. Connections to commuter rail are also shown, to better visualise usage of all transit in the greater Moscow area. All lines under construction have been excised from this map to bring greater clarity to the services currently offered.

Despite my own preference for diagrammatic system maps, I actually quite like this map. There’s some lovely work here, and the transparency effect applied to the route lines is quite beautiful. As seen by the last picture, it looks great in a real-world setting, and I’ve heard that the designers have enlarged the type size for better legibility since this first foray into the real world.

Our Rating: As much a political statement as it is a map, but undoubtedly good. Three-and-a-half-stars.

Source: Partizaning.org

Historical Photo: TTC Subway Map on the Opening of the Bloor-Danforth Line (1966)

comment 1
Filed Under:
Historical Maps

You know, I can pretend I’m interested in the subway map in the background, but this photo is all about the awesome uniform the TTC staff member is wearing, so let’s just go with that.

Source: @CongestedTO/Twitter

Photo: Down Here!

Leave a comment
Filed Under:
Miscellany

Well, this isn’t going to win any wayfinding awards. Seriously, which idiot put a subway map this close to the floor, with downtown Manhattan at shin height?

Source: one big shoe/Flickr

Historical Map: Railways of London, showing the Metropolitan and District Lines, 1889

Leave a comment
Filed Under:
Historical Maps

One last post for the Tube’s 150th birthday (it’s still the 9th of January here on the West Coast of the United States!). This is the oldest map I can find that shows what would later be known as the London Underground: an 1889 map of London’s railways – still some 26 years after the first part of the Metropolitan Line opened.

Main line routes are shown in red and the newfangled “underground lines” are shown in blue. The newly completed Circle Line – a cooperation between the two competing Underground operators – can clearly be seen on the map.

Source: Retronaut – link no longer active

Google Doodle Celebrates the London Tube’s 150th Birthday!

Leave a comment
Filed Under:
Miscellany

The Metropolitan Line – first part of what was to become today’s London Underground – was opened on January 9, 1863 between Paddington and Farringdon Street via Kings Cross.

See my other posts about the London Underground here.

Source: google.co.uk home page

Unofficial Interactive Map: Annual Passenger Entries into the Paris Metro (2011)

Leave a comment
Filed Under:
Unofficial Maps, Visualizations

A nicely executed interactive map of total annual passenger entries into the Paris Metro system. “Entries” are simply defined as a ticket validation at the relevant station.

Even in my static screenshot, the enormous quantities of people that enter the Metro at the main railway stations of Paris – the Gare du Nord, Saint-Lazare, Gare de Lyon and Montparnasse-Bienvenue – can be clearly seen. There’s a staggering 48 million entries each year at the Gare du Nord alone!

I definitely recommend clicking through to view the full interactive experience: there’s full information for each line and station of the Paris Metro – fascinating stuff!

Source: Data Publica via @grescoe