While it’s true that I don’t really like the use of station labels that are angled – being very much in the Erik Spiekermann camp that believes horizontal labels aid comprehension and create a cleaner looking map – I do realise that there are times when their use is necessary. If you do use angled labels, then I strongly advise that you keep the number of angles used to the absolute minimum required – type […]
Following on from last week’s tutorial, here’s how to use the Core Type Area to make your station labels align perfectly and consistently when you’re applying them to 45-degree angled route lines. If you use the edges of the Core Type Area when you’re aligning labels to horizontal and vertical route lines, then it should make perfect sense that you use the corners of it when you’re labelling angled stations. The first GIF shows the […]
A lot of transit maps that I’ve seen and reviewed on this blog are badly let down by their labelling. Sometimes it seems that the labels have been applied without much forethought or planning, or just slapped on at the end and placed wherever they will fit. But labels are arguably one of the most important parts of a transit map: it should always be immediately apparent which station marker a label belongs to, and […]
Here’s a fantastic follow-up post from Owen Lett (the man who brought you this neat fantasy transit map of Victoria, BC) in response to yesterday’s tutorial about point type in Illustrator. There’s a lot to like about this approach, especially the integrated type point and station marker (two overlaid points define both elements and both can be placed simultaneously) and the use of paragraph styles (an often-overlooked feature in Adobe Illustrator) gives the ability to […]
Here’s a small but important tip when it comes to working with station labels in Adobe Illustrator. Most of the time, it’s easier to use what Illustrator calls point type when setting labels – that is, you click once with the Type Tool and then type your text, rather than dragging out a text frame with the tool. It looks neater in wireframe view and is generally less cumbersome to work with. However, you need […]
Let me preface this tutorial by saying that — without a shadow of a doubt — this is my number one most favourite, time-saving, map-making Adobe Illustrator trick ever. When making transit maps, it’s preferable — for both aesthetics and readability — to not have any labels overlay a route line or other elements. However, sometimes it’s simply unavoidable, as in the detail of my Boston MBTA map redesign at the top of the image above […]
This little tip is thanks to RG, who left a comment on the site asking: “Can you comment on how you make the 2pt of white space between lines show when you have lines cross over each other?” On most transit maps, route lines will cross over each other at various points. Most of the time, an interchange station exists at that point and the symbol for that covers up the lines as they cross. […]
I got an request from an anon last week which asked: “Hey! Could you do a video tutorial on how to bypass Illustrator’s annoying round corners effect in case of 45 degrees? It would be a lifesaver!” Now, while you’re not going to get a video tut out of me – I don’t have the resources, time or know-how to produce one of those – I can and will share my battle-tested personal approach to […]
Okay, I couldn’t help myself: I just had to redraw this thing to illustrate all the points I talked about earlier – correcting the obvious errors I discovered in my technical review, and also addressing the general thoughts of my initial post. So here it is: not a redesign, but a reworking of the design concept while working within the established principles of the official map. If you’re just starting out with designing transit maps, […]
Here’s a fun little piece sent my way by Montreal-based designer Corey Landels: the Métro de Montréal redesigned in the style of the iconic London Underground map. While it’s definitely a fun little homage, I do feel that Corey could have pushed a little harder to match the designs more closely and demonstrate a better understanding of the “Beckian” principles at play behind the design of the Tube map (in short, absolute simplification of route […]
