Text and Legends
A diagram without a title makes the viewer do interpretive work you should have done for them. A legend without hierarchy is a list.
Why annotation structure matters
Text in a diagram is not separate from the diagram — it is part of the graphic communication system. The title states the argument. The legend translates the graphic vocabulary. Annotations clarify specific spatial conditions. Each has a distinct role and a distinct graphic treatment. When all text is the same size and weight, the viewer can't determine what is most important, what requires reading, and what is supplementary. When text is properly hierarchical, the diagram reads itself.
Text tools in Illustrator
| Tool | Command | Use for |
|---|---|---|
| Type tool | T | Click to place a point text object (single line or short text). Click and drag to define a text area (paragraph text with wrapping). |
| Area Type tool | Click on a closed path with Type tool active | Flows text inside any closed shape — useful for diagram area labels that sit within zone boundaries |
| Type on a Path tool | Click on any path with the path-type icon visible | Flows text along a curve — directional annotations, site edge labels |
| Touch Type tool | Shift+T | Adjusts individual character scaling and rotation within a text object — for precise typographic adjustment |
| Character panel | Window → Type → Character | Font, size, leading, tracking, kerning |
| Paragraph panel | Window → Type → Paragraph | Alignment, indentation, spacing before/after |
Type hierarchy for diagrams
| Level | Role | Approximate size (at 11×17") |
|---|---|---|
| Diagram title | States the analytical claim — this is the first thing the viewer should read | 14–18pt, bold or all-caps, positioned prominently at top or bottom edge |
| Diagram subtitle / summary | One sentence describing the key finding | 9–11pt, regular weight, below or near the title |
| Legend headers | Category names in the legend — organizing the graphic vocabulary by type | 8–10pt, bold, with space between category groups |
| Legend labels | The meaning of each color, symbol, or line type | 7–9pt, regular weight, aligned to legend symbol |
| Spatial annotations | Specific labels on diagram features — intersection names, zone labels, node identifiers | 7–8pt — small enough to not compete with diagram content, large enough to be readable at 18" |
| Scale and north arrow label | Technical reference, not analytical content | 6–7pt, lightest possible weight |
Legend construction
A legend in Illustrator is typically a manual assembly of colored swatches and text labels — there is no automated legend generator. Build it as a group: one colored rectangle (matching the diagram area color and opacity), one stroke sample line (matching the diagram stroke), and the corresponding text label, grouped and aligned. Position the legend where it can be read before examining the diagram — typically a corner, clearly separated from diagram content.
A legend that lists every element in the diagram in random order is a lookup table, not a legend. Organize legend items by analytical category, from most important to least. If an element is self-explanatory from the title (the conflict zone is red; the title says "Conflict Analysis"), it may not need a legend entry at all.
Type as a graphic element
In a well-designed diagram, the text block (title + subtitle) functions as a graphic anchor — it has visual weight and position that contributes to the diagram's overall composition. Place it with the same intentionality you apply to fills and linework. A title that floats randomly in the middle of the diagram competes with the content. A title positioned deliberately at an edge frames the content and gives the viewer an entry point.
Try this
Take a diagram you've built and add only the title. No legend, no labels — just a title that states the analytical claim. Step back and evaluate whether the diagram communicates the claim without any additional text. If it does, your graphic vocabulary is working correctly and the legend is truly supplementary. If it doesn't, the graphic content isn't carrying enough of the argument — fix the diagram before adding more text to compensate.
What breaks
Text that conflicts with diagram content in color — dark text over a dark diagram area, or colored text that reads as a diagram element. Text color should either be a neutral that contrasts against all backgrounds (black, white, or dark grey), or be positionally separated from the diagram field entirely.
Type size too large relative to diagram content — a 14pt zone label inside a small diagram area dominates the space and reads as primary content. Annotation text should always be smaller and lighter than the diagram's primary analytical marks.