من أنا
المقالات
الوظائف
التواصل معي

Slide design and visual hierarchy

You have three seconds before a member of the audience decides where to look. Good design makes that decision for them.

Chapter 1 · Lesson 3 of 59 min readBeginner level

Visual hierarchy means arranging the elements of a slide in visible order of importance: one thing seen first, a second that explains it, and a third read only if needed.

1 Where does the eye go?

The reading order on a well-designed slide

Shipping cost is what eroded the margin ‎−1.0‎ point Change in gross margin Shipping costs rose 22% after the carrier contracts changed in July
1The conclusion-title: largest and darkest, read first
2The hero number: a distinct colour and a large size draw the eye second
3The explaining line: smaller, for whoever wants the reason
4The secondary elements: logo and page number — deliberately faint

Note that the order was not created with animation but with size, colour and space — which work even in a static screenshot or a printed page.

2 Four rules are enough

RuleHow to apply itThe common mistake
ContrastWhat matters is clearly larger and darkerEvery element the same size
AlignmentStraight edges on a single gridElements scattered with no axis
ProximityWhat belongs together is placed togetherA label far from the number it describes
White spaceDeliberate emptiness around what mattersFilling every corner of the slide

The alignment tools do it for you

From the Format → Align tab you can align several elements and distribute them evenly with a click. Switch on View → Guides for guide lines that elements snap to. Aligning by eye alone leaves small offsets the audience notices without knowing why.

3 Text on a slide

  • Font size: never go below a size readable from the back of the room — and if you must, the content is too long, the font is not too small.
  • Number of bullets: three to four at most, each one a single line.
  • Sentences: short phrases, not paragraphs lifted from the report.
  • The typeface: one clear face in different weights beats three typefaces.
  • Contrast: light text on a dark background or the reverse — never close-toned colours.

A decorative image steals attention

A stock photo of “business people shaking hands” adds no meaning, but it competes with your message for attention. Use images when they carry information — a photo of the product, a site plan, a screenshot from the system — and otherwise empty space serves you better.

Lesson summary

  • Make one element the most prominent on every slide.
  • Contrast, alignment, proximity and white space are enough.
  • Use the alignment tools and guides rather than your eye.
  • Short phrases, not lifted paragraphs.
  • An image that carries no information hurts rather than helps.

4 Test your understanding

Three quick questions

Pick the answer you believe is correct and you will see the result immediately.

1. Every element on the slide is the same size and colour. The result:

2. You had to shrink the font to fit the content in. The right move:

3. When should you put an image on a slide?

A note on this lesson: the design principles here (contrast, alignment, proximity and white space) are general principles of visual design, and the alignment tools and guides follow the Microsoft PowerPoint documentation. The figures in the examples are illustrative. Last reviewed: September 2026.