Submission – Tutorial: Changing the Background Colour of a Text Box

Leave a comment
Filed Under:
Tutorials

Graphic Fix: Change Background Color of Text Box in Illustrator

Problem: My Kentucky Ave label overlaps with objects below it, resulting in a cluttered appearance. Turns out, there is a super easy fix for something like this!

  1. Create the Area Text (text box).
  2. Select the Area Text with the Direct Selection Tool (white arrow). 
  3. In the Appearance panel select desired background fill color and adjust Transparency to your heart’s content.  Your labels should now look like the Western Ave label on the picture. 
  4. With the text frame selected, drag and drop the new Fill onto the Graphic Styles panel to re-use it later. 

Transit Maps says:

This is a great tip for people who use Area Text in Illustrator – that is, dragging out a text box for type to fit into, rather than just clicking once to use Point Type. The crux of this tip is using the Direct Selection tool to select the text frame only, otherwise Illustrator wants to apply the fill to the type contained within it. Silly old Illustrator!

If you’re like me, and you don’t like to use the Area Type tool, you can always position a new frame beneath your type and apply the required fill/transparency to that instead.

An alternative way to separate your type from an object that it overlaps would be to apply a stroke to your text, which I covered in this post back in November.

Official Maps: Transportation at the 2014 Sochi Winter Olympics

Leave a comment
Filed Under:
Official Maps

A few requests for these very topical maps, so here goes!

The XXII Winter Games are now in full swing, but how do spectators get around? The Games are divided into two very distinct zones: the Olympic Park down by the Black Sea in Sochi itself for all the indoor sports; and the Mountain Zone, some 50 kilometres (31 miles) up into the Caucasus Mountains, where all the sports that actually require snow are held. Access to the Olympic venues by private transportation is strictly limited, so the Games’ transportation network is absolutely vital to moving people around. Buses and trains shuttle spectators between the suburbs of Sochi (a long, narrow strip city wedged between the Black Sea and the mountains behind it) where they are staying to the Olympic venues. Once in the Mountain Zone, more buses or ski resort aerial cable-cars take spectators to the different venues. Or – perhaps optimistically – there are also walking paths up the side of the mountains!

The maps themselves are pretty bare bones and angular, although this does at least work well with the general design aesthetic of the games. There’s only single route line for each transit mode, so you have to refer to the route number boxes at each station to work out which trains travel between the places you want to go. It’s not an overly complex system, so it’s not that difficult, but something a little more intuitive might have been nice.

Our rating: Probably getting away with the absolute bare minimum of effort and detail required. Two-and-a-half stars.

Source: Official Sochi Olympics website

Submission – Historical Map: Los Angeles Metro, 1997

Leave a comment
Filed Under:
Historical Maps

From reader Chris Bastian comes this awesome old photo of an early Los Angeles Metro map, dated precisely to the 14th of November 1997, thanks to our old friend the date stamp.

The map is incredibly primitive compared to today’s polished effort, with unevenly spaced stations, labels at all sorts of angles, clumsy integration of Metrolink services, and lots of big, ugly call-out boxes.

However, we can see that by 1997, the Blue and Green Lines as we currently know them were complete, although a few station names have changed over the years: thankfully all the redundant I-105s have been removed from most of the Green Line station names. At this stage, there’s no Purple Line (a designation that only started appearing in 2006), and the Red Line continues out to Wilshire/Western. Despite the dotted line extended hopefully west from there, Wilshire/Western is still the end of the line (although that is finally about to change). The future alignment of the modern day Red Line is also shown heading north from Wilshire/Vermont. Proposed extensions from Union Station to the east and north are shown as continuations of the Red and Blue Lines, rather than Gold.

Our rating: Fascinating to see the early development of today’s system, but it’s certainly not a patch on the modern map! Three stars – and that’s mainly for the historical value.

Fantasy Map: North American Metro Map by Mark Knoke

Leave a comment
Filed Under:
Fantasy Maps

Obviously inspired by – and clearly credited as such – the brilliant xkcd “Subways of North America” map, here’s a quite staggeringly detailed map of pretty much every rail-based rapid transit system in North America, including future expansions and upcoming new systems like Honolulu’s HART elevated light rail. Like the xkcd map, all the systems link up at their termini to form one giant Metro map that spans the entire continent.

True, the map isn’t the most visually attractive piece – it’s very basic in its construction and has labels going just about everywhere, but the sheer level of effort required simply has to be appreciated. By my count, there are forty-seven (yes, 47!) separate systems represented on this map, from the New York subway to the Tren Urbano in San Juan, Puerto Rico and all points in between. Each and every station is labelled. For the most part, the systems adhere to their standard map layout, although obviously some tweaks have had to be made to make them join up.

While I haven’t checked every detail, I have noticed that the Tacoma Link light rail in Tacoma, Washington is missing. It’s part of Sound Transit’s network, although physically separate from the main Central Link line that runs from SeaTac Airport to downtown. The inclusion of the the much-maligned Detroit People Mover is interesting (is it really proper “rapid transit”?), and begs the question why the very similar Miami Metromover system isn’t also shown.

Source: Mark Knoke/Flickr

Official Map: Brussels Integrated Transit Map

Leave a comment
Filed Under:
Official Maps

One of the most requested maps so far — thanks to thecitygeek, bjorkborg, Mladen Stilinovic and a couple of anonymous readers for sending this my way!

According to my correspondents, Brussels has recently switched from a geographical transit map to this new diagrammatic map. As you can see by comparing the two images of the centre of the city above, a lot of streamlining and simplification has taken place. The first thing that strikes me is the way that many bus routes have either been removed or have been condensed or “collapsed” into a single route line with a common label, simplifying the map immensely. The place where this is really obvious is at Gare du Nord/Noordstation, which now only has six route numbers listed next to it, compared to thirty-six on the previous map!

Major interchanges are now denoted by an enclosing ring, suggesting that all stops at that interchange — be they bus, tram or Metro — are in close proximity to each other. The Paris Metro map uses a very similar device at interchanges between modes.

However, while the map is a huge improvement over the crowded mess of the previous geographical map, it’s certainly not perfect.

The labelling — which admittedly has to overcome the requirement of being bilingual — is a bit haphazard in its application, with some labels for one station overlapping that of another in parts. Major station labels waste a lot of space when there’s only one or two route numbers listed under the station’s name.

Each and every route line is outlined in black, regardless of its colour, which gives a very heavy, cumbersome feel to the map. Normally, only very light coloured routes (yellow or light blues, for example) need this treatment, so I’m not sure why it was deemed necessary here. Also, while the difference in line thickness between trams and buses seems obvious in the legend, it’s almost impossible to tell them apart on the actual map when multiple routes are butting up to each other (Hint: stops on bus routes are ever so slightly wider than the route line — way too subtle for easy mode differentiation!)

The icons for points of interest are all so very generic and bland.

Finally, the colours used on the map seem very simplistic and cartoon-like, stopping the map from having a harmonious, unified feel. Both the green used for parkland and the blue used for water are way too strong and vivid: they compete with the route lines for attention, becoming a distraction.

Our rating: Better than what came before, but still not great. Despite all the reworking, it’s still very cluttered and confusing. The new Ile-de-France Regional Rail map sets the standard for this type of map, and this unfortunately falls short. Two-and-a-half stars.

Source: Official STIB website

Unofficial Map: Dubai Integrated Transport Network System Map Design Proposal by Kyril Negoda

Leave a comment
Filed Under:
Unofficial Maps

Via: mappingtwincities/Tumblr (account no longer active)

A few months ago, Matt Forrest (Carticulate Maps) asked me to redesign Dubai’s system map as part of a larger proposal Matt was working on at the time. Here is what we did.

Seriously beautiful work here from Kyril Negoda, who made this great future map of transit in Minneapolis/St. Paul (May 2013, 5 stars). It’s a great example of how a well-designed transit map can simplify and clarify important information while still retaining enough geographical context to orient users.

Submission – Official Historical Map: MBTA Map in Chinese, c. 1985

Leave a comment
Filed Under:
Historical Maps, Official Maps

Submitted by Randy Wong, who says:

The MBTA map in Chinese characters. These used to be posted at the Orange Line Chinatown T-stop, and also at a few of the other lines that intersected/were near Chinese speakers. There are lots of Chinese who live near Malden, Oak Grove, Chinatown, Forest Hills, Quincy, and Quincy Center T-stops, though I don’t recall which stops actually had Chinese T maps.

Transit Maps says:

Nice localisation of the classic “T” spider map to benefit an ethnic community in Boston. Dating these old Boston maps is always a challenge, so I’m just going to say it’s somewhere around 1985, when the Arborway part of the “E” branch of the Green Line was closed.

Submission – Official Map: Metro de Medellin, Colombia, 2014

Leave a comment
Filed Under:
Official Maps

Submitted by Daniel Echeverri, who says:

Medellin (Colombia) transit map. Downloaded from the official website of Metro de Medellin. It shows Metro Lines, Articulated Buses lines (Metroplus) and Aerial Tram lines (Metro Cable)

Transit Maps says:

Medellin’s transit system is fascinating because it’s one of the first places in the world to implement aerial gondolas as part of a mass transit system. Other cities may have gondolas and aerial trams, but they’re almost always deployed as tourist attraction, like London’s Emirates Air Line. Medellin’s CableMetro reaches up to areas clinging to the sides of the steep valley that the city lies in that are unreachable by traditional forms of transit, linking seamlessly to the main Metro lines at the bottom of the cables.

However, the map’s not anywhere as interesting as the system. It looks like it draws its inspiration from the Los Angeles Metro map – it has a very similar aesthetic and also uses DIN as its primary font – but it’s nowhere near as well executed as that map, having a whole host of technical issues.

There’s an inexplicable kink in the “K” MetroCable line, while the “L” line just heads off at its own unique angle. Similarly, the “1” bus route has an awful kink as it heads north out of the Industriales interchange station that could easily have been avoided with a little thought (making the river slightly wider, perhaps?).

The “1” and “2” bus lines are drawn terribly, with odd gaps between them when they run parallel to each other, and as they go around corners together. Line 2 has “stops” – as opposed to “stations” – indicated by hash marks along part of its route: they’re both way too big and extremely ugly. In contrast, the circular station markers are so small as to almost be invisible. The marker for San Pedro station has a red outline to indicate that it’s currently closed: this is almost impossible to make out.

Finally, the lines under construction are very poorly drawn, with the dashed lines doubling over each other as the routes go around corners. It’s difficult to tell where the Tranvia Ayacucho (a new streetcar/tram service) ends and the two new MetroCable lines begin, and there’s a whole new set of kinks and weird angles here as well.

Our rating: A fascinating transit system, let down by an extremely average and technically deficient map. Could be so much more. One-and-a-half stars.

Source: Official Metro de Medellin website – link no longer active

Photo: Handy-Dandy BART Map in a Pen

Leave a comment
Filed Under:
Miscellany, Official Maps

See also this pen map from Seoul, South Korea.

Source: Wired Maps/Instagram

Historical Map: Tactile/Braille Map of the Washington DC Metro, 1988

Leave a comment
Filed Under:
Historical Maps

A tactile map designed by J.W. Wiedel for the U.S. Department of Education, Office of Special Education.

Tactile surfaces on the map reveal information about the Metrorail system for vision-impaired users, including whether stations have side or centre platforms (more information than can be found on the official map) and transfer stations. It’s hard to make out, but braille text is also included for major stations and areas. Each route line also appears to have a unique texture so that one can be distinguished from another easily. It’s easiest to see this with the Yellow Line in the legend, where a tactile dotted line can be discerned.

We talk about making maps accessible for colour-blind users a lot, but we don’t often discuss how to make transit accessible for completely blind or heavily vision-impaired users. Maps like this are a great tool for such users, but seem to be pretty few and far between.

Note also the “missing” parts of the system that haven’t been built yet: no Green Line at all, Yellow Line only goes to Gallery Place, etc.

Source: Library of Congress, via Ghosts of DC