Fantasy Map: Italian “Star Wars Day” Metro Map

comment 1
Filed Under:
Fantasy Maps

May the Fourth be with you, and all that. Of course there’s a Star Wars-related subway map out there. This map was created by Invasione Creativa, an advertising agency in Milan, as guerrilla marketing for Disney last year. It’s a pretty simple concept, basically replacing stations in the official Milan Metro map (March 2012, 3.5 stars) with planets from that galaxy far, far away. Jakku takes centre stage, replacing Milan’s Garibaldi FS station.

(As a side note, does it strike anyone else as weird that planets in Star Wars only ever have one type of environment from pole to pole? Tattooine and Jakku: desert planets, Hoth: snow, Dagobah: swamp, Third Moon of Endor: forest, and so on…)

Source: Invasione Creativa website

Quick Project: Montréal Métro Redesign

comments 13
Filed Under:
My Transit Maps, Unofficial Maps

Readers of the blog would know that I was extremely disappointed with the recent Montréal Métro map redesign (see the review here), which took a truly unique, iconic design and replaced it with a very ordinary octolinear imitation of itself. So I’ve taken it upon myself to redraw the map as I think it should look: restoring some elements of the previous maps, simplifying and clarifying the network, and adding some new touches all of my own.

First things first: I’ve restored the map’s most distinctive feature – the 30-odd-degree counter-clockwise tilt (older official maps had this at around 37 degrees or so; I’ve decided to use 35 degrees purely because it makes the maths easier). From a technical standpoint, this meant I actually drew most of the map using standard 90-degree angles, then selected everything and rotated it 35 degrees to add the labels and other finishing touches.

Note that stations are spaced to achieve even and harmonious spacing between labels across the map: this means that station dots on the shallow-angled parts of the map are placed further apart than those on the steeper parts. There was a bit of trial-and-error to get this looking right, but it was worth it in the end! It certainly helped to expand the crowded central part of the map.

Simplification! I’ve always disliked the two ends of the Green Line on official maps: they stair-step and wobble around in an overly complex manner compared to the simplicity of the Orange and Blue lines, so I simply straightened them out while retaining their relative trajectory. Similarly, the Yellow Line is now just a simple horizontal path – no kinked line here.

The routes of the AMT commuter rail lines have been straightened and simplified as much as possible, and care has been taken to only have these routes interact with Métro stations where an interchange is allowed. I’ve also taken the opportunity to introduce the official line colours for each branch in the directional arrows at the outer end of each route, just for a splash of brightness.

Labels have been set in mixed-case, which both enhances legibility and allows for larger text (substantially bigger than the current map). I’be also introduced line number bullets, which are placed consistently at the end of each route, and are cross-referenced in the legend at the bottom of the map. These bullets are reserved for the termini stations only, and aren’t used at stations where routes intersect. The interchange between lines is made obvious by the design of the map, and extra bullets at such stations would just take up unnecessary space.

The odd fact that all the elevators in the Métro system only serve Orange Line platforms allowed me to use a single icon for all of them, which works better than the official map’s two icon system, I think. The legend also states this fact explicitly, just to be sure.

Perhaps controversially, I haven’t included the St. Lawrence River at all. The more I worked on this map, the more diagrammatic and simple it became. In the end, the river ended up feeling too “busy” and became superfluous to my needs. If nothing else, its absence serves as a point of comparison between this map and the official one.

What do you think of the map? Leave your comments, critiques or corrections in the comments below.

Submission – Photo: Baltimore “Rail Connections” Map in Metro Subway Train

comment 1
Filed Under:
Official Maps

Submitted by Bob Hay, who says:

Here’s a photo I took on the Baltimore Metro. It’s a glass partition with system map showing connections to Light Rail and MARC as well as the Metro subway line. I don’t recall ever seeing a map displayed on glass like this. (Sorry the photo isn’t clearer, but my stop was approaching.)

Transit Maps says:

While maps on glass partitions are unusual, they’re not unique to Baltimore. Off the top of my head, I know that the Stockholm Metro does it, and I feel sure that my readers can come up with more examples. I do always wonder about people trying to read the map in reverse when they’re on the “wrong” side of the glass, but I guess for a simple system like this it shouldn’t present too much of a problem.

The map itself looks like a modified version of the Bus and Rail Connections map (PDF) available on the Maryland Transit Administration’s website, complete with colour photos of the trains to help you tell the difference between a subway/light rail/MARC train (just in case).

Photo: Homespun Tactile MBTA Map for Visually Impaired Users

Leave a comment
Filed Under:
Unofficial Maps

Although this crafty map of the MBTA rapid transit system is very obviously home-made, it has some clever ideas for helping visually impaired riders. Each route line is constructed with different materials, each with their own texture, which enables quick identification of lines by touch. Stations are marked with beads, and there are Braille labels as well, although the placement of some of them could be better.

The photo was taken at a disabilities conference in Norwood, MA: the original poster on Flickr doesn’t recall who made it, but would love to find out to credit the creator appropriately.

UPDATE: I got the following message in my inbox this evening:

Hi! I’m a travel trainer for Ways2Go Travel Training. We serve seniors and persons with disabilities throughout the MBTA bus and subway service area. I created the MBTA tactile map using the shower curtain map as a template. Thanks for sharing an image of it! – Linda G. Shepard Salzer

Mystery solved!

Source: muffet68/Flickr

Historical Map: Rail Car and Bus Routes of Central Vancouver, April 1953

Leave a comment
Filed Under:
Historical Maps

A hand-coloured and lettered (in what looks like colour pencil!) map showing the various streetcar, interurban trains and bus routes in downtown Vancouver, British Columbia in 1953 – just five years before the interurban trains ceased operations. The north pointer on this map is one of the loveliest I have seen.

See also: this charming illustrated transit map of Vancouver from 1930.

Source: City of Vancouver Archives/Flickr

Submission – Unofficial Map: SEPTA Regional Rail and Rapid Transit by Sam Winfield

Leave a comment
Filed Under:
Unofficial Maps

Submitted by Sam, who says:

Hey! For my Graphic Design Thesis, I created a Graphics Standard Update proposal for SEPTA. This includes a System Map (attached), a line map, and various other identity pieces.

The most challenging part of the project was creating a Transit map that organized the current information in a way that felt unique to Philadelphia, and increased readability.

Transit Maps says:

A bold and radical departure from the status quo from Sam here, and one that’s largely successful in my eyes. Whereas most attempts at a redesigned Philadelphia transit map are content to work withing the confines of a standard octolinear transit map, Sam has decided to reduce everything to a severe rectangular grid, eschewing geography almost entirely. The Schuylkill and Delaware rivers do give some context, but this is a heavily stylised diagram, not really a map in any traditional sense.

I really like Sam’s solution for showing free versus paid transfers – a solid black line for the former and a lighter diagonally striped “zone” or “corridor” for the latter, However, I think the legend explaining the transfers has an error: it erroneously says that free interchanges require an additional fare.

Less successful is Sam’s use of a white ring to denote accessible stations, while a white dot is used to show an inaccessible station. A dot looks more “complete” and is visually stronger than a ring, so I personally would have swapped the meaning of these two symbols.

Sadly, Philly’s venerable trolleys are once again given short shrift, with even less stops named than on the official map. It gives the diagram room to breathe, especially on the Media Line, but at the cost of required information? It almost begs the question of whether or not the trolleys should be shown with a thinner line than all the other services, as they are obviously the lowest component in the information hierarchy.

Speaking of hierarchy, I think a diagram like this should have a stricter layering order for all the services: rapid transit always on top, then regional rail, then trolleys, for example. At the moment, different levels of service sometimes pass on top or below other services in various places without a discernible reason why.

Our rating: An “thinking outside the box” solution that’s probably way too radical for any U.S. transit agency to even consider using. I think it’s well thought through and attractive, if a little imperfect. Huge credit for trying something so radical. Three-and-a-half stars.

You can also download a PDF about the whole identity for SEPTA that Sam has developed. The map is impressive by itself, but the way it integrates with a wider branding system is even more so.

Updated Official Map: Denver RTD Rail Services Map, April 2016

Leave a comment
Filed Under:
Official Maps

Denver’s rapidly-expanding rail network took another step forward today with the opening of the new commuter rail service out to Denver International Airport – the “train to the plane”, as they (a little unoriginally) call it. 

However, for those – like me! – hoping for a new map to celebrate the new service, you’re in for a disappointment, as the latest offering is just a minimally-modified version of the previous map (June 2016, 1.5 stars). Wisely, the future “N” line, which isn’t opening until 2018, has been removed from the map, but almost everything else remains the same as before, apart from two very odd changes.

Firstly, the decision have the new line named by a corporate sponsorship deal with the University of Colorado. It’s now officially the University of Colorado A Line, which is a mouthful, as well as perhaps a little bit confusing. Which line do you take to the airport? The University of Colorado line, obviously! The Denver campus is probably just close enough to Union Station to justify the name inbound from the airport, but as it’s not indicated on the map that point is probably moot. 

I’m well aware that transit agencies have to look for creative alternative sources of income, but I’m really not a big advocate for this sort of naming rights deal, especially for an entire route that has very little to do geographically with the named sponsor.

The other weird update is the switching of the concentric fare zones from numbers (Zones 1, 2 and 3) to letters (Zones A, B and C). Seeing as the route lines already use lettered designations, it would seem preferable to leave the zones as numbers to easily distinguish between the two different types of information.

Our rating: More of the same. Still 1.5 stars.

Source: RTD rail network map page

Photo: Fête de la Musique

Leave a comment
Filed Under:
Advertising

Not the world’s most original ad concept, but at least it’s executed nicely, with those distinctively Parisian route line colours used to good effect against the black background.

Source: Clemence de Moel/Flickr – link no longer active

Official Map – Bus Map of Sundsvall, Sweden, 2016

Leave a comment
Filed Under:
Official Maps

A nice and friendly-looking schematic bus map from the city of Sundsvall in Västernorrland County, Sweden. The filename of the map’s PDF actually refers to it as a tunnelbanekarta – basically, (in the style of) a subway map – which has led to the map being posted to reddit in the belief that it’s an actual subway/metro map of the city. I would have thought the giant “BUSS NAVET” (bus hub) circle in the centre of the map might have given a clue to the true nature of the map, but whatever…

Despite the schematic look of the map, it actually corresponds quite well with the geographical lay of the land in real life, and the large destination labels would definitely let locals know where each bus was going. One could argue that the inclusion of the distinctive coastline around the city could add some more location cues, but I’m really enjoying the clean simplicity of this map. The fat, brightly coloured route lines are nicely complemented by some chunky, friendly typography (Adrian Frutiger’s Avenir Next), and the whole effect is very pleasant and welcoming. The northeast part of the map is perhaps a little too complex and crowded compared to the rest of the map – the section where lines 1 and 5 share stops seems particularly cramped – but it’s not too bad overall.

I am a little perplexed by the apple icon at the Mittuniversitetet stop: I don’t know what it represents (it’s not the official university logo), and it’s also clearly the Apple, Inc. logo with the left side copied and flipped to the right to remove the distinctive “bite”. The artwork viewed in Illustrator makes this even more obvious, as the icon is made up of two separate halves that haven’t been merged together.

Our rating: Chunky, colourful and friendly. I like it! Three-and-a-half stars.

Source: DinTur.se website – link no longer active

Reader Question: Preparing Print-Ready Raster Files from Adobe Illustrator

Leave a comment
Filed Under:
Questions, Tutorials

Question: Hi Cameron, I’m wrapping up a transit map project that I’ll likely print professionally. I was all set to send the printer a PDF until I happened to catch one of your tweets that mentioned using a high-resolution JPEG instead. I’m wondering if you could share your recommended practices for exporting from Illustrator to print-ready JPEG in terms of resolution, color profiles, and the like. The last thing any of us wants is to shell out $$$ for printing only to wind up with crappy results! Thanks!

Answer: Print requirements vary from print shop to print shop, so my best advice is to talk to the people that you’ve chosen and discuss these things with them. Communication is key to a good print job!

A PDF is far more likely to be acceptable to someone who is printing four-colour process through a proper RIP engine than to someone printing on a high-end inkjet printer. Inkjets often lack a RIP, so they can’t process Postscript or PDF files properly, ending up with output like this. (Image courtesy of Oran Viriyincy/Twitter)

What’s happening here is that the printer can’t use the Postscript/PDF, so it fakes it (badly) by printing the lower-resolution raster preview instead. Ugly, and completely unacceptable.

I used to send vector PDFs to my inkjet print guy until he told me that he just opened them in Photoshop and exported them as flattened PSDs to print. So now I do it myself, just as reassurance that everything is going to look exactly the way I want it to. For inkjet printing, 300dpi RGB files in the sRGB colour space work perfectly for me (any RGB colour space has a larger gamut – or range of colours – than CMYK). Your printer should have a colour profile that matches the paper they’re printing on to ensure colour fidelity. 

Exporting is easy enough. Make your final vector PDF or EPS from Illustrator, and simply open that file in Photoshop. Choose the required print dimensions, resolution (300dpi) and colour space (RGB) in the dialog box… let it process… check everything looks as it should, flatten the image and save! You could also export as a TIF or PSD via Illustrator’s File > Export menu item, but I’ve personally found that this can misinterpret objects on occasion, making it too unreliable for me to trust.

I’d recommend PSD or TIF over JPG as your final file format as they are lossless formats: even a high-quality JPG discards some information to get those small file sizes.

And definitely get a proof print before committing to a print run – if the quality is unacceptable, work out why or find a new print shop if they can’t help.