Glossary
What is visual hierarchy?
Visual hierarchy: Visual hierarchy is the arrangement of elements on a slide so that the eye reads them in order of importance, using size, contrast, color, weight, position and space.
Visual hierarchy is the arrangement of elements on a slide so that the eye reads them in order of importance: what first, what second, what last. The tools are size, contrast, color, weight, position and space. The result is that the audience knows where to look without being told.
Example
The slide below has three levels. The title is the largest element and sits at the top left. The chart comes second. Inside the chart, only Leipzig is at full strength and the other four columns are faded, so the eye goes where the title points.
The five signals
| Signal | How it raises importance | Example |
|---|---|---|
| Size | Larger is read first | The title larger than the body text, the key number larger than its label |
| Contrast and color | What differs from the rest is read first | One column in the accent color among muted ones |
| Weight | Bold stands out from regular | Key words in a takeaway line |
| Position | The top left is read first in left-to-right languages | The title at the top left |
| Space | An isolated element looks important | A single number with room around it |
How to build it
- Decide the reading order. What should the audience read first, second and third? Write it down, for example title, evidence, takeaway.
- Make the first element clearly the largest or strongest. Three levels, title, content and detail, are usually enough.
- Use one accent color for emphasis and mute the rest. Gray is for what is only context.
- Treat equal levels equally. All titles the same size, all source lines the same size, so the audience learns the code.
- Run the squint test. Blur your eyes or view a thumbnail. The first thing you notice should be the most important thing.
Typical mistakes
- Emphasizing everything. When everything is bold or colorful, nothing stands out.
- Competing focal points. Two big numbers, a large picture and a colorful title fight for the first look.
- Decoration that outranks content. A large logo or image should not drown out the message.
- Relying on color alone. Add weight or size, so the emphasis survives a grayscale printout and readers who cannot tell the colors apart.
- A reading order against the logic. The key number sits at the bottom right and a footnote at the top left.
Related terms
White space is one of the signals. The slide layout fixes the positions in advance. The data-ink ratio keeps charts free of decoration that competes with the data, and the action title is the first level of almost every slide.
FAQ
Frequently asked questions
What are the main tools of visual hierarchy?
Size, contrast and color, weight, position and space. The larger, stronger, higher and more isolated an element is, the earlier it is read.
How many levels of hierarchy should a slide have?
Three are usually enough: the title, the main content and the supporting detail. More levels make the slide look busy and blur the order.
How do I test the hierarchy of a slide?
Squint at the slide or look at it as a small thumbnail. The first thing you notice should be what matters most. If it is something else, tone that element down or strengthen the one that matters.
Is visual hierarchy the same as information hierarchy?
No. Information hierarchy is the logical order of ideas, such as the main point and its support. Visual hierarchy is how the design shows that order, and the two should match.
Keep reading
Slide design basics
- GuideSlide master in PowerPoint
Open, edit and save the slide master in PowerPoint: fonts, colors, logo, layouts, placeholders and footers, with exact menu paths and fixes for common problems.
- Free toolFont size calculator
Free font size calculator for presentations: enter the screen size and the farthest viewer's distance, get the smallest title, body and footnote size in points.
- GlossaryBullet point
A bullet point is a short list item marked by a symbol. Learn when bullets work on slides, how to write them in parallel form and when a chart or table wins.
- Free toolSlide contrast checker
Check the WCAG 2.2 contrast ratio of two slide colors. See AA and AAA results for text and charts, a live slide preview and the nearest colors that pass.
- GlossaryAspect ratio
The aspect ratio is the proportion of a slide's width to its height, such as 16:9 or 4:3. What each ratio means, its PowerPoint size and which one to choose.
Where to go next
- GuideBest fonts for presentations
Which fonts work for presentations, how many to use, what size to set and how to stop fonts changing when a PowerPoint file opens on another computer.
- GuidePresentation rules
What the 10-20-30, 5-5-5 and 7-7-7 rules say, where each one helps, where it misleads and which are worth following in a work deck.
- ProductImprove a PowerPoint with AI
Import your .pptx, mark what should change, then accept or discard each AI edit.
Less theory, more finished slides
Describe the deck you need. The AI plans, writes and designs it, and hands you an editable PowerPoint.
Build your first deck freeFree plan, no card needed