Featured Article

How to Create a Subway Map in Adobe Illustrator

Cynthia Jul 13, 2026

Embarking on creating a subway map in Adobe Illustrator can be an exciting and rewarding task, enabling you to visualize and simplify complex geographical information in a clear and engaging way. Here, we'll guide you through the process, empowering you to design an effective and visually appealing subway map. Let's dive in!

the subway map is shown with different colors and lines in each direction, as well as numbers
the subway map is shown with different colors and lines in each direction, as well as numbers

Before we start, ensure your workspace is set up for success. Open Adobe Illustrator, and set your document's units of measurement to Centimeters (cm) or Inches (in) to maintain precision in your map's scale. Also, consider using a large canvas size, say 100cm x 100cm at 300 dpi, to accommodate the level of detail required for a subway map.

Drawing Tutorial: how to make an illustrated map in 10 steps
Drawing Tutorial: how to make an illustrated map in 10 steps

Designing the Map Structure

The foundation of a successful subway map is its structural layout. Subway lines are typically represented by strong, color-coded paths that connect key stations. Let's start by creating a simple line network.

Transit Maps: New Adobe Illustrator “Join Tool” Aids Transit Map Design!
Transit Maps: New Adobe Illustrator “Join Tool” Aids Transit Map Design!

Begin by sketching a basic layout of your subway system, focusing on key stations and the lines connecting them. Use the Line Segment Tool (/) to draw these connecting paths. For now, keep them simple and clean, avoiding unnecessary curves or bends. You can refine the lines later to fit reality.

Defining Key Stations

the cover of vignelli massmo's book, which features colorful lines
the cover of vignelli massmo's book, which features colorful lines

Stations are the backbone of a subway system, and accurately representing them is crucial. Start by identifying your map's key stations. These could be major transfer hubs, city centers, or notable locations. Use circles or squares to represent these stations initially.

To maintain consistency, employ the Rectangle Tool (M) or Ellipse Tool (L) to create your station symbols. Hold down the Shift key to keep them perfectly aligned. Group (Command + G) or Combine (Command + E) these shapes to create your initial station icons.

Color Coding and Line Types

Tutorial: Creating a simple schematic transit map using Illustrator
Tutorial: Creating a simple schematic transit map using Illustrator

Color-coding and line types are essential for legibility and user understanding. Assign a distinct color and line type to each subway line. To do this, select a line, then, in the Color panel or Stroke panel, choose a color. In the Stroke panel, adjust the diameter and type of the stroke for that line.

You might use solid lines for normal service, dashed lines for express services, or dotted lines for termini. The key is to create clear visual distinctions that users can quickly understand.

Optimizing Map Legibility

the transit map is shown in blue and green
the transit map is shown in blue and green

Once you have a basic structure, it's time to refine and optimize the map's legibility. This involves adjusting lines, stations, and labels for clarity.

To refine lines, use thePen Tool (P) or the Curvature Tool (Shift + /) to adjust their shape. For instance, you might straighten lines that are currently curved, or curve them when doing so emphasizes a geographical feature. Always consider the line's path and how it connects to other lines and stations.

a subway map with all the different lines
a subway map with all the different lines
Why designers can’t stop reinventing the subway map
Why designers can’t stop reinventing the subway map
Transit Maps: Submission – Official Map: CapitalMetro LRT Pre-Construction Map, Canberra, Australia
Transit Maps: Submission – Official Map: CapitalMetro LRT Pre-Construction Map, Canberra, Australia
a map with the words massino vignelli on it
a map with the words massino vignelli on it
an image of some type of font and numbers on a sheet of graphing paper
an image of some type of font and numbers on a sheet of graphing paper
the manhattan subway map is shown in multicolored lines and features many different colors
the manhattan subway map is shown in multicolored lines and features many different colors
the subway map is shown with many different colors and lines, including red, yellow, blue
the subway map is shown with many different colors and lines, including red, yellow, blue
plan métro
plan métro
Educated Guess
Educated Guess

Station Renaming and Labeling

Real-world station names can pose challenges, like length or complex naming conventions. Simplify these names for clarity, using the most common or recognizable part. For instance, 'Times Square - 42nd Street' could be shortened to 'Times Square' or just '42nd St'.

Position labels close to the corresponding stations, but avoid placing them directly on top, as this can clutter the map. Use the Text Tool (T) to add labels, and adjust their font, color, and size for legibility.

Managing Map Hierarchy

Not all stations and lines are equally important. Create a visual hierarchy to guide users' eyes. Make key stations and lines more prominent through size, color, or prominence on the map.

You can also use geographical features, like rivers or landmarks, to create a sense of place and align your map with reality. Use theShape Tool (M) or Pen Tool (P) to draw these features, and theDropper Tool (I) to sample colors from your reference materials.

As you refine your map, step back frequently to assess your progress. Make sure your design is clear, uncluttered, and well-laid out. If something feels confusing or unclear, iterate and improve.

Creating a subway map in Adobe Illustrator is a complex but rewarding process. By following these steps and refining your design iteratively, you'll create a clear, legible, and visually appealing subway map that communicates effectively with its users.