Transit “Map” Fare Card from Tbilisi, Georgia

comment 1
Filed Under:
Illustrations, Miscellany

transporteconomics:

Having seen @transitmaps’ post with the Japanese travelcard reminded me to post the MetroMoney card I got in Tbilisi, Georgia. The drawings show different modes of transport available in the city (metro, bus, minibus (marshrutka)) and have absolutely no resemblance to the actual metro network, which consists of two lines.

Figuring out all the labels is not too easy – if you happen to speak Georgian, share them in the comments below. However, I did look at the large letters: Metromani and the top-centre smaller label: Gagarin square – which is not even a metro station. Dear readers, please do not use this card for orientation. I warned you.

Another transit map-themed fare card, this one from Tbilisi, the capital of the Caucasian country of Georgia. However, it’s important to note that – unlike the Japanese Passnet card – this is not a map at all, but stylised illustrations of a Metro train (centre), a bus (top left), and a mini bus (top right).

Weird: The Maryland Transit Administration’s Version of the DC Metro Map

Leave a comment
Filed Under:
Official Maps

Not only is the map out of date (no Rush+, no indication of the Silver Line at all), but the MTA has simply encased the official DC map in their own branding shell and then covered it in hideous and distracting callout boxes denoting their own commuter bus services. Yes, it performs a service, but – dear God! – is it ever ugly.

There should be a law against this kind of thing.

Source: Maryland Transit Administration’s transit maps web page

Tutorial: Using Illustrator or Photoshop to Check Your Design for Colour-Blind Accessibility

Leave a comment
Filed Under:
Tutorials

Here’s a simple little trick that works in Adobe Illustrator and Photoshop CS4 and above: You can quickly check your artwork to see how it might appear for a colour-blind user by simply going to the View menu > Proof Setup, then choosing one of the two colour-blind profiles at the bottom of the list. Then select View > Proof Colors (Cmd/Ctrl-Y in Photoshop).

As you can see from the GIF above, the results can be quite startling: everything becomes varying shades of blue and an ugly, muddy yellow. It definitely shows why identification of different routes (either by naming them directly on the map, or by using a clear legend) is so important. Another thing to bear in mind is the contrast between parallel route lines: more contrast means that they are easier to trace from end to end with a minimum of confusion, regardless of the user’s vision.

I definitely recommend adding this simple test to your workflow: it may not be completely accurate for every variation of colour-blindness, but it will give you a quick overview so that your design can be better informed.

See also this post from November 2011, where I compared the colour-blindness accessibility of different transit maps.

Edit: An earlier version of this post only mentioned proofing in Photoshop, neglecting the fact you can do the exact same thing in Illustrator. Thanks to Oran Viriyincy and Xavier Fung for reminding me about this.

Official Map: Southern Vectis Bus Map, Isle of Wight, England, 2014

Leave a comment
Filed Under:
Official Maps

An attractively drawn map that bridges the gap between geographical representation and a diagram rather nicely. While the shape of the island is quite accurate (if simplified slightly), all the roads have been straightened out to remove unnecessary kinks and twists. The routes are clearly marked and major stops are shown efficiently. The map is also supported on-line by town maps for the destinations shown in larger type, so there’s more detail where it’s needed. There’s even some lovely icons for points of interest, such as Carisbrooke Castle, Osborne House and the famous steam railway.

No, the map doesn’t show every bus stop: but I’ve never really had a problem with that for bus route maps where it can generally be assumed that stops are fairly evenly spaced – although closer together in more urban areas, and farther apart in rural/outlying areas. The map gives a good idea about destinations that can be reached along each route: a timetable would then handle the fine detail.

About the only real problem I have with this map is its delivery method. While the map can be downloaded as a PDF from Southern Vectis’ website, this is actually a low-resolution JPG (complete with ugly compression artifacts) that has been resaved in PDF format from Photoshop. The map is really quite lovely, so it’s very disappointing to see that good work being shared in this manner. It degrades the crisp, clean look of the map and means that it is not able to be enlarged to any great degree without being pixelated. Nor is the text on the map searchable in any way, or accessible to vision-impaired users – being simply an image.

Sidenote: Interestingly, while “Vectis” has the ring of one of those fancy newfangled transit company names (much like “Arriva”), its use as the name for this bus company dates back to 1927. The name “Vectis” itself is much older, being the name that the ancient Romans gave to the island when they invaded around 43AD.

Our rating: Great map, poor delivery. Three stars.

Source: Southern Vectis website

Breaking News! Illustrator CC’s “Live Corners” Are AMAZING!

Leave a comment
Filed Under:
Tutorials

Yesterday, Adobe released updates to many of their Creative Cloud applications, including Illustrator (which is now at version 17.1, if you can believe it!).For me, the absolute standout feature is “Live Corners”, which is a game changer for the design and production of transit maps. Gone are the inconsistent and unpredictable results produced by the “Round Corners” effect, and my trusty but time-consuming workaround – using a set of master curves and manually cutting-and-pasting them into the artwork – would now seem to be a thing of the past.

Using Live Corners couldn’t be easier: simply use the Direct Selection (white-tipped) arrow to select the point that you want to edit. A new little circular widget should appear next to the point. If you can’t see it, go to the View menu and select “Show Corner Widgets”.

Double-click on the widget to bring up the new “Corners” dialog box, where you can choose the type of corner you’d like: curve, reverse curve or bevel. Then, enter your required value for the radius of the curve, which is finally, finally, an actual real radius measured from the centre point of the curve.

The “Rounding” options allow you to choose between relative and absolute methods of defining the corner. Absolute gives the most accurate results, while relative values seem to give an (unacceptably) exaggerated sharpness to the curve. Click “OK” and you’re done!

In my example, I’ve used an 8 point radius for both Yellow Lines, and a 16 point radius for the Red Lines. As you can see, the resulting corner curves all have identical centre points, regardless of whether the curve is at 90 or 135 degrees! I’ve also tested with a range of other angles and results are perfect every time.

Put simply, this is a huge time-saver and will ensure consistent – but still editable – results every time. I just wish this feature had turned up before I manually added curves to 90 percent of my new US Highways/Interstate map!

Official Map: Tehran Metro, Iran, 2014

Leave a comment
Filed Under:
Official Maps

Tehran is not necessarily the first place you think of when it comes to an extensive, modern rapid transit system, but here it is. First opened in 1999, the system now boasts five lines (four rapid transit and one commuter rail), over 140 kilometres of track and carries more than 2 million passengers each day.

The map itself is fairly basic and workmanlike, although not unattractive in a blocky sort of way. It handles its requirement for bilingual labels (Persian and English) well, and the interchange markers are both unique and distinctive.

For such a diagrammatic map, there’s some uneven spacing between stations in places, and I’d probably have placed the labels and ticks for Razi and Rahahan stations on the light blue Line 3 on the left hand side of the line, rather than the right.

The map also understates the length of the green commuter rail line quite a lot – at over 40 kilometres long, it’s almost twice as long as any of the other lines, but is shown as being extremely short here. However, it definitely does allow the map to take on a more compact form.

Our rating: Basic and simple, but still effective enough. Two-and-a-half stars. 

Source: Official Tehran Metro site

Official Map: Île-de-France Regional Transit Map, 2014

Leave a comment
Filed Under:
Official Maps

Brought to my attention by readers Tony and Guillaume is this striking new regional transit map for the Île-de-France region that surrounds Paris.

It shows not only the Paris Métro (lines 1 through 14), but also the tramways (Lines T1 through T7), RER lines (lines A through E) and the Transilien commuter rail network (lines H, J, K, L, N, P, R and U). In addition to all this, it also manages to show a wide array of bus routes and indicate travel zones! That it can do all this while still looking quite lovely is definitely an achievement.

Issued by the Syndicat des Transports d’Ile de France (STIF) and designed by LatitudeCartagene, the map is starting to pop up at stations across Paris, replacing an older, more geographically-based map.

It’s interesting to note that while the map shows the entire Métro, it isn’t based on the official map of that network and has instead been drawn from scratch — a wise choice. It also uses Frutiger as the main typeface, rather than the RATP’s bespoke Parisine font. However, it does share the Métro map’s slightly muted pastel colour palette, which means that the few really bright colours like the blazing red of the RER “A” line really jump out.

The map uses an interesting mix of angles to allow all the routes to meet up with each other, as well as some lovely sweeping curves, especially the RER “C” line along the banks of the Seine. In general, the RER and Transilien lines have more flowing curves than the Métro, which works well to visually separate them. The bus routes are shown as straight lines with very tight curves when they change direction.

About the only fault with this map is the lack of a legend: the distinction between the RER lines (route letter in a circle) and Transilien lines (route letter in a square) isn’t immediately apparent, and I’m still not entirely sure why some bus routes are orange and others are blue (orange routes mainly serve central Paris, while blue routes seem to serve the outer areas or be express routes). 

Our rating: Basically, I love this: a huge, complex network of interconnecting routes and transit modes simplified and rendered in a stylish, understandable way. Hopefully, it’s future-proofed to cope with the upcoming expansion of Métro and RER services. Four-and-a-half stars!

Source: Official STIF vianavigo site

Tokyo Metro: Trains of the Passnet Companies Collectible Farecard

Leave a comment
Filed Under:
Miscellany

Not a transit map, but too darn cute to not share with you.

From the same series of collectible Passnet cards as this nifty Tokyo Metro map, this card shows an adorably stylised train for each of the (22!) rail companies that participated in the Passnet program.

Source: Rob Ketcherside/Flickr

Historical Map: The Plan of Chicago – Proposed Arrangement of Railroad Stations, 1909

Leave a comment
Filed Under:
Historical Maps

A plate from the hugely influential 1909 Plan of Chicago (also known as “the Burnham Plan” after its primary author, the renowned architect and urban planner Daniel Burnham) showing proposed amendments and additions to the railroads of the city.

The thin red lines show main line railroads, which were going to be rerouted to two mega-stations to the south and west of the downtown area. To facilitate movement between these stations, an ambitious plan of subterranean streetcars (blue lines) and subway trains (dashed red lines) was proposed in addition to the already existing “L”. It’s hard to make out without viewing the image at its largest size on Flickr, but the “L” is shown by thin orange lines on the map.

In the end, little of this part of the plan was ever implemented. A new Chicago Union Station was finished in 1925, but no other stations were consolidated or relocated. In 1929, the South Branch of the Chicago River was rechanneled between Polk and 18th Streets to untangle railroad approaches as recommended by the plan. However, its importance as a part of this vastly influential document cannot be underestimated.

Source: Penn State Libraries Pictures Collection/Flickr