A diagram looks exact, but someone measures it after the page was resized and reaches the wrong part dimension. Is the picture incorrect—or is it being used for a purpose it was never designed to serve?
The gold standard of technical illustration is clear, truthful visual information that survives real use. The 21 controls in this guide cover source evidence, orthographic views, sections, dimensions, scale, accessible explanations and illustration audits.
Quick information: choose the right visual
| Illustration type | Best use | Important limitation |
|---|---|---|
| Orthographic views | Compare shape from defined directions | One view may hide depth |
| Section or cutaway | Show selected internal relationship | May omit necessary casing or controls |
| Exploded view | Identify components and connections | Not automatically an assembly procedure |
| Dimensioned technical drawing | State nominal size and requirements | Must use approved technical sources |
| Flow diagram | Explain sequence and direction | Unlabelled arrows may mislead |
| Accessible text equivalent | Represent essential image relationships | Short alt text alone may omit the point |
Worked scale calculation: forty becomes thirty-two on reduced output
| Situation | Millimetres |
|---|---|
| Fictional component’s real length | 80 |
| Drawn at intended 1:2 scale | 40 |
| Reprinted at 80% of intended size | 32 |
| Incorrect inferred real length if old scale is reused | 64 |
| Actual component length remains | 80 |
This is an invented Mathematics example, not a manufacturing document. Approved dimension labels and versioned reproduction instructions matter more than ruler measurements from a screen image.
21 technical illustration controls
Purpose and source
Chapters 1–6: Explain a question instead of decorating a page · Separate illustrative explanations from manufacturing instructions · Identify the reader’s task and background · Verify the physical object or digital source · Select orthographic views for geometry · Use section views to reveal hidden relationships.
Views and scale
Chapters 7–12: Exploded views need authentic part identities · A front rectangle does not prove a 3D shape · Distinguish scale, dimensions and printed size · Worked change: reduction creates a false sixty-four-millimetre inference · Do not guess tolerances from neat edges · Use callouts to direct attention safely.
Accessibility and interpretation
Chapters 13–18: Declare the meaning of arrows and symbols · Use colour as an aid, not the only code · Provide an accessible equivalent for complex images · Describe what was simplified or omitted · Connect visuals with task instructions · Design for translation and narrow screens.
Validation and learning
Chapters 19–21: Test understanding with actual readers · Version every illustration as technical evidence · Teach visual reasoning as transferable Mathematics.
- Explain a question instead of decorating a page
- Separate illustrative explanations from manufacturing instructions
- Identify the reader’s task and background
- Verify the physical object or digital source
- Select orthographic views for geometry
- Use section views to reveal hidden relationships
- Exploded views need authentic part identities
- A front rectangle does not prove a 3D shape
- Distinguish scale, dimensions and printed size
- Worked change: reduction creates a false sixty-four-millimetre inference
- Do not guess tolerances from neat edges
- Use callouts to direct attention safely
- Declare the meaning of arrows and symbols
- Use colour as an aid, not the only code
- Provide an accessible equivalent for complex images
- Describe what was simplified or omitted
- Connect visuals with task instructions
- Design for translation and narrow screens
- Test understanding with actual readers
- Version every illustration as technical evidence
- Teach visual reasoning as transferable Mathematics
CONTROL 1 OF 21 · All controls
1. Explain a question instead of decorating a page
Technical illustration represents objects, mechanisms, relationships and processes so that a reader can understand something accurately. Its success depends on what the reader must identify or do, rather than photorealism or artistic complexity. A beautiful image that implies an incorrect flow direction or hides the relevant component is a technical failure even when its colours are attractive.
Before drawing, state the intended interpretation in one sentence: which part connects to another, what a section reveals or which sequence the user needs to follow. Agree on source evidence and intended audience. Technical Communication addresses broader information transfer; this branch focuses on the visual model and its limits.
CONTROL 2 OF 21 · All controls
2. Separate illustrative explanations from manufacturing instructions
A cutaway for teaching may deliberately simplify geometry while a controlled manufacturing drawing needs appropriate dimensions, conventions and approvals. The difference is material. A diagram that helps a child understand a pump must not be mistaken for permission to dismantle or manufacture a real pump.
Label explanatory diagrams when they are conceptual or not to scale. ISO 128-1:2020 sets general representation principles for technical product documentation. Applying formal drawing requirements is a separate professional task; merely including familiar line styles does not certify an explanatory image.
CONTROL 3 OF 21 · All controls
3. Identify the reader’s task and background
A beginner may need to recognise an assembly’s main parts; a technician may need exact identification, version and service sequence; a reviewer may need controlled dimensions and interface conditions. The same image may not support all three purposes. One generalized illustration can conceal a vital condition for a specialist audience.
Write a visual brief naming the viewer, task, level of detail, approved source and prohibited inference. Test whether an unfamiliar reader knows what to inspect first. If a technical illustration cannot be understood without oral explanation from its maker, document that missing information rather than assuming the reader should already know it.
CONTROL 4 OF 21 · All controls
4. Verify the physical object or digital source
Illustrators often work from photographs, CAD models, supplier drawings and existing manuals. All can become outdated or incomplete. A version-accurate drawing of the wrong product variant is still wrong; a picture remembered from an earlier model can introduce connections that do not exist in the current assembly.
Retain a source identifier, revision and approval for critical components. Compare physical orientation, part names and connectivity against the authoritative design or verified object. Do not invent a fastener or internal component to improve symmetry. Systems Engineering explains why interface and configuration records matter.
CONTROL 5 OF 21 · All controls
5. Select orthographic views for geometry
Orthographic representations show an object from defined directions, enabling a reader to compare shape without the distortions of free perspective. A single view may hide holes, width or depth. Multiple views are useful when the question demands information that cannot be recovered from one silhouette.
Select front, side and top or other necessary views with a consistent projection convention. ISO 128-3:2022 covers views, sections and cuts for technical product documentation. Do not mix view arrangements from incompatible conventions in a controlled drawing.
CONTROL 6 OF 21 · All controls
6. Use section views to reveal hidden relationships
An exterior photograph may show a housing but conceal its internal chamber. A section or cutaway exposes relationships among layers, channels or components. Its interpretation depends on the cut location and correct depiction of internal geometry; a decorative transparent effect may look informative while being technically unsupported.
Mark the section or explain which material is notionally removed. Verify the resulting interior against the source model. Do not assume an educational cutaway communicates legal or safe disassembly steps. When the illustration simplifies thickness or excludes guards, state those limitations near the figure.
CONTROL 7 OF 21 · All controls
7. Exploded views need authentic part identities
Separating components visually can show how they fit together, but the arrangement must preserve orientation and meaningful connection. Arbitrarily moving parts farther apart may produce an elegant image while confusing the actual assembly path. Labelled components should match a controlled parts list or verified specification.
Assign callouts to stable identifiers and check every leader line at the eventual page size. If the diagram also implies sequence, verify that sequence with an appropriate specialist and connect it to written approved instructions. Exploded views for explanation are not automatically maintenance procedures.
CONTROL 8 OF 21 · All controls
8. A front rectangle does not prove a 3D shape
In a fictional exercise, a cylindrical rod and a rectangular prism can both show rectangular silhouettes from suitable side directions. One front view does not uniquely identify either three-dimensional object. An end view of the cylinder may show a circle while the prism shows a rectangle.
This is a practical reasoning exercise: ask students which additional view would distinguish the objects. The most useful response is not ‘draw everything’ but ‘add the evidence needed to resolve this ambiguity’. A view should answer a question that cannot reliably be answered from the existing image.
CONTROL 9 OF 21 · All controls
9. Distinguish scale, dimensions and printed size
A scale of 1:2 means the intended graphic length is half the represented real length in the relevant physical output conditions. It does not mean every screenshot, PDF preview or resized print preserves that relationship. A reader measuring a screen could mistake device scaling for product geometry.
Use explicit dimensions for decisions that need dimensions. At the correct 1:2 print size, an eighty-millimetre component appears forty millimetres long on paper. A later print reduction changes the measured drawing length but not the real component; this distinction should be clear in any controlled reproduction.
CONTROL 10 OF 21 · All controls
10. Worked change: reduction creates a false sixty-four-millimetre inference
Suppose the forty-millimetre line from the preceding illustration is printed at eighty percent of intended size. It becomes thirty-two millimetres long. Someone who measures that new print and applies the original 1:2 label might calculate a physical length of sixty-four millimetres. That answer is false because the print scale changed.
The component is still eighty millimetres. This original teaching example demonstrates why dimensioned technical documents and version-aware reproduction matter. ISO 129-1:2018 concerns presentation of dimensions and tolerances, but detailed tolerance meaning requires the appropriate technical framework.
CONTROL 11 OF 21 · All controls
11. Do not guess tolerances from neat edges
A renderer can draw perfectly straight geometry even when a physical product has permitted variation. The thickness of a line, the visual exactness of a mesh or the number of decimals in a label does not establish manufacturing tolerances. An explanatory figure can show nominal relationships without controlling their acceptable variation.
If a dimension matters to fitting or inspection, use authorised specification data and qualified review. Distinguish the nominal shape from allowable variation. Do not convert an educational diagram into an approved manufacturing drawing merely by adding a number or a plus-minus symbol.
CONTROL 12 OF 21 · All controls
12. Use callouts to direct attention safely
Labels, arrows and leader lines help readers connect text with the correct object. Crowded layouts can cause a line to cross several components or end at the wrong one. A carefully drawn shape then becomes unusable because the annotation directs the reader toward an incorrect part.
Keep callout numbers stable between illustration and parts list, and test the final rendered size. Avoid using colour as the sole method of identification. When a product changes, verify all labels and related instructions together; mismatches are content defects, not minor visual imperfections.
CONTROL 13 OF 21 · All controls
13. Declare the meaning of arrows and symbols
Arrows may indicate physical motion, liquid flow, electrical signal direction, sequence, force or merely emphasis. A viewer cannot safely infer the intended meaning from the arrowhead alone when more than one interpretation is plausible. Icons and symbols also carry learned conventions that can vary by discipline.
Define the symbol set in a legend or caption, particularly for high-stakes topics. Verify with a subject specialist that the indicated direction is possible and appropriate. Avoid decorative directional shapes that look like operational instructions when they do not represent a real process.
CONTROL 14 OF 21 · All controls
14. Use colour as an aid, not the only code
Colour helps differentiate layers or components but can disappear in grayscale, be misread by some viewers or change across screens. Red for one operation and green for another should be paired with labels or other cues. The printed copy may be less vivid than the designer’s monitor.
Test monochrome output, low contrast and small-scale viewing. Check that the image remains understandable when colours change. Typography and Graphic Design explore related visual hierarchy, while the technical audit asks whether an essential fact remains valid.
CONTROL 15 OF 21 · All controls
15. Provide an accessible equivalent for complex images
A flow diagram may communicate an ordered sequence, branching conditions and component relationships that cannot fit into the words ‘flowchart of machine’. A brief text alternative identifies the image, while a fuller description or structured table can communicate essential steps and connections.
The W3C tutorial on complex images describes short and detailed text equivalents. When relationships matter, put the essential information in accessible text or a suitable structured presentation. Test reading order instead of assuming a long unstructured alt string always solves the problem.
CONTROL 16 OF 21 · All controls
16. Describe what was simplified or omitted
Illustrations deliberately omit some reality to focus attention. That choice is useful only when readers understand the boundary. A cutaway may exclude protective casing, fasteners or surrounding circuits; a process flow may omit a necessary human approval not central to the concept.
Add a succinct limitation when the omission changes possible decisions. A ‘conceptual, not for service’ label is more responsible than letting the artwork imply that unsafe actions are permitted. The source of truth for actual work should be an appropriately controlled procedure and technical record.
CONTROL 17 OF 21 · All controls
17. Connect visuals with task instructions
A technical diagram often sits next to a step-by-step procedure, diagram caption or reference table. These must agree on names, orientation, sequence and product version. A manual becomes unreliable when the image shows an older switch location while the instructions reference the new one.
Review the image and prose as one user journey. Ask a representative reader to locate the labelled element and follow an authorised sample task. Technical Writing and Documentation address the steps and records that complement a correct picture.
CONTROL 18 OF 21 · All controls
18. Design for translation and narrow screens
A tiny component label may become unreadable when a page is viewed on a phone. Translated names can be longer than English labels, and a diagram with no space for expansion may force misleading abbreviations. Designers need to test real output contexts, not just a full-size master file.
Prepare readable labels, a controlled glossary and a usable enlarged presentation. Consider separate detail views or text-first alternatives when the picture becomes dense. Websites supplies the wider accessibility and responsive-design context. Do not remove required information solely to fit an arbitrary image width.
CONTROL 19 OF 21 · All controls
19. Test understanding with actual readers
An expert may see an obvious assembly relationship that a novice repeatedly misreads. A useful test asks the intended reader to identify a part, infer the order or describe what the illustration means, without coaching the answer during the test. Record mistakes and the exact visual elements involved.
If five of twenty fictional participants confuse one label, the observed error rate is 25% in that sample, not a universal prediction. Revise the ambiguous label and test again under comparable conditions. Statistics helps distinguish observed results from unsupported generalisations.
CONTROL 20 OF 21 · All controls
20. Version every illustration as technical evidence
Illustrations may come from commissioned artwork, CAD data, photographs or supplier material. Their copyright licence, permitted use and engineering approval are different questions. A source can be legally usable while representing an obsolete product.
Record original source, rights, product version, reviewer, approval state and where the image appears. When a component changes, identify affected manuals and pages. Do not claim ISO conformance solely because a picture looks professional. Reproducible revision history matters more than a decorative sign-off.
CONTROL 21 OF 21 · All controls
21. Teach visual reasoning as transferable Mathematics
Technical illustration gives learners a practical route from two-dimensional views to three-dimensional form, scale and measurement reasoning. Students can compare an eighty-millimetre model against a scaled print and explain why a changed reproduction condition causes a wrong inference.
The immutable Secondary 1 Mathematics Tutor Clementi Small Groups Tutorials reference models the same thinking: identify the quantity, justify each step and test a changed context. It remains unchanged and is a pedagogy reference, not a technical drawing standard.
Visual evidence audit
| Review | Evidence | Common failure |
|---|---|---|
| Scope | Reader task and explanatory versus controlled status | Concept art treated as a legal specification |
| Source | Approved model, date and revision | Obsolete part shown |
| Geometry | Consistent projection, views and section position | One view conceals ambiguous shape |
| Dimensions | Nominal label and reproduction conditions | Resized print measured as the real part |
| Accessibility | Short identifying alt and adequate detailed equivalent | Complex diagram inaccessible |
| Release | Cross-checked labels, versions and test readers | Beautiful image but incorrect task interpretation |
Frequently asked questions
Is a technical illustration a manufacturing specification?
Not automatically. Explanatory images and controlled engineering documents serve different purposes.
Can a PDF image be measured for dimensions?
Not reliably. Screen zoom and print scaling can invalidate measurements.
What is an exploded view?
A view separating components visually to reveal identities or relationships, which does not automatically authorise assembly steps.
Are complex diagrams accessible through one short alt label?
Not usually. A structured fuller description may be necessary to preserve the information.
What should an illustration audit include?
Source model, intended use, orientation, labels, dimension status, accessibility, version and task testing.
Official sources and scope
See ISO 128-1:2020 (confirmed in 2026), ISO 128-3:2022 for views and sections, ISO 129-1:2018 for dimension presentation, and W3C accessible complex-image guidance. The original scale example is not an approved drawing. This article is an educational guide and does not claim ISO certification.
Related Gold Standard subjects
Technical Communication · Technical Writing · Typography · Graphic Design · Visual Arts · Engineering · Systems Engineering · Documentation · Education · Evidence-Based Thinking · Websites · Statistics
Return to the 21 chapters · Engineering · Technical Writing · Education