Lesson 14 of 16 · Level 4: Expert

Presentation and Infographic Design People Actually Understand

  • ⏱ 13 min read
  • ❓ 4 review questions
  • ✍️ Exercise with solution
In this lesson
  1. A slide isn't a document
  2. The template: grid, styles and masters
  3. Data people understand in seconds
  4. Infographics
  5. Case study: a startup's investor pitch in Chicago
  6. Common presentation and infographic mistakes
  7. Summary
What you'll learn
  • Design presentations with one idea per slide and titles that state the takeaway.
  • Build a presentation template with a grid, styles and slide masters.
  • Turn data into charts people understand in seconds.
  • Plan and design an infographic with a clear story.
  • Turn a text-heavy deck into one people actually remember.

Sales decks, reports for leadership, training sessions, investor pitches: millions of slides get made every day, and most share the same problem, too much text and no clear idea. For a designer, that's a huge market. Companies pay for branded templates, for redesigning high-stakes presentations and for infographics that explain a process or a set of results. You'll apply everything you know about hierarchy, typography, color and grids to a medium with its own rules.

1 ideaper slide: if you have three ideas, that's three slides
24 pxis the minimum text size on a 1920 × 1080 slide
1 messageper infographic, decided before you open the software

A slide isn't a document

A presentation supports someone who's speaking. If the slide holds all the text, the audience reads instead of listening, and the speaker becomes redundant. Three principles transform any deck:

One idea per slide

If you have three ideas, that's three slides.

The title states the takeaway

Not the topic. Instead of "Quarterly sales," write "Sales grew 15% thanks to the online store."

Someone who reads only the titles should get the whole story.

Evidence underneath

A chart, an image, a big number or a diagram that proves the title.

The details go in the speaker notes or in a separate handout.
BeforeAfter
Title "Survey results" and 8 bullet points full of percentagesTitle "3 out of 4 customers come back for the service, not the price" and a bar chart with that bar highlighted
Title "Our team" and a paragraph of bio for each personPhotos, name, role and one line per person

1. Which is the best title for a slide with a cost chart?

  • "Shipping explains two-thirds of the cost increase"
  • "2026 Costs"
  • "Detailed analysis of operating cost trends by category"

A takeaway title tells the audience what to understand. The chart below proves it.

The template: grid, styles and masters

The standard format is 16:9, at 1920 × 1080 px. Apply what you learned in lesson 5 with a 12-column grid:

Side margins: 96 px · gutter: 24 px · 12 columns
Column width = (1920 − 2 × 96 − 11 × 24) ÷ 12 = 1,464 ÷ 12 = 122 px

With that grid you can build one-column layouts (centered text), halves (text and image) or thirds (three cards) that always line up with each other.

Type sizes for projection

ElementGuideline size (at 1920 × 1080)
Title48 to 64 px
Body text28 to 36 px, never below 24
Big number ("+15%")120 to 200 px
Sources and footnotes18 to 20 px

If you have to go below 24 px to make the text fit, the fix isn't smaller type: it's splitting the slide or cutting text.

Slide masters

In PowerPoint, Google Slides, Keynote or Canva, define the master layouts (title slide, section divider, title and content, two columns, big number, closing) with the brand's text styles and colors (lesson 9). That way anyone in the company can build consistent slides without "designing," which is exactly what the client is paying for when they order a branded template.

Deliver a template people will use

Include a "how to use this template" slide, fonts the client already has installed (or Google Fonts), and the colors loaded into the app's theme palette. A beautiful template nobody knows how to use gets abandoned within a month.

Data people understand in seconds

  • Pick the chart for the question: bars to compare, lines for change over time, stacked bars for composition; pie charts only with two or three slices.
  • Highlight what matters: every bar in gray and the important one in the brand color. The eye goes straight to the message.
  • Label directly: the value on the bar and the series name next to its line, instead of a distant legend.
  • Remove what adds nothing: heavy gridlines, borders, 3D effects, shadows.
  • One big number is sometimes worth more than a chart: "+15%" at 160 px with one line of context.
The same bar chart before and after designing it around a message On the left, a chart with a generic title, three bars in different colors, heavy gridlines, no values and a legend at the bottom. On the right, the same data with a title that states the takeaway, the medium roast bar in green with its 68% written next to it, and the other bars in gray with their values. ✗BEFORE ✓AFTER Pilot results MediumDarkDecaf Medium Dark Decaf Medium roast won: 2 out of 3 picked it Medium68%Dark22%Decaf10% Pilot with 120 customers, October 2026
Same data, different work for the audience. On the left you have to read the legend, match colors and guess the values; on the right, the title gives the takeaway, color points to the bar that matters and every value sits next to its bar.

Want to go deeper into choosing charts and telling stories with data? See the data visualization and data storytelling lessons in our data analytics course.

2. Your bar chart has 8 categories and you want the audience to look at "Online store." What do you do?

  • A different color for every bar.
  • Every bar in neutral gray and "Online store" in the accent color, with its value written on it.
  • Make the legend bigger.

Contrast directs attention. With eight different colors, no bar stands out.

Infographics

An infographic explains something visually so it can be understood without a speaker: a process, a comparison, a set of results, a timeline. Before you open the software, answer these in writing:

  1. What should the reader understand or do? One main message.
  2. Where will it be seen? On a phone (vertical format, large text), printed as a poster or inside a report.
  3. What type is it? Process (numbered steps), comparison (two columns), statistical (data and charts), timeline or map.

The structure of an infographic

1. A title that promises what you'll learn   "How to brew the perfect French press"
2. A short intro (1–2 lines)                 why it matters
3. The body in blocks                        steps, data or comparisons with icons
4. A takeaway or call to action              "Order Sprout coffee, roasted this week"
5. Data source and logo                      always, in small type

Design tips:

  • A clear reading path: top to bottom with numbers, arrows or a guiding line.
  • Icons in one consistent style (same stroke weight, filled or outlined). Mixing styles is the most visible mistake.
  • Space between blocks: an infographic doesn't need to fill every inch.
  • For social media, a vertical format (1080 × 1350 or 1080 × 1920) or a multi-slide carousel (lesson 7).
  • Accessibility: good contrast, text that's legible on a phone and, if it's published on the web, the content also available as text for screen readers.

3. What's the first step when you're asked for an infographic?

  • Choosing the icons.
  • Gathering as much data as possible so it's complete.
  • Defining the main message, where it will be seen and what type of infographic it is.

Without a clear message and format, an infographic becomes a poster crammed with data nobody remembers.

Case study: a startup's investor pitch in Chicago

A Chicago startup that delivers produce from local farms (illustrative case) had 10 minutes to pitch a seed fund. Its deck had 32 slides, nearly all with titles like "Market," "Team" or "Financials," and paragraphs pasted from the business plan. At rehearsal, the founder read the slides with his back to the room.

The redesign started by writing only the takeaway titles, like a script: "Chicago families throw away more produce than they realize," "We deliver in 24 hours because we buy directly from 40 farms," "Every order turns a profit starting in month 6." If a title didn't move the story forward, the slide was cut. Fourteen slides survived, each with a big number, a simple chart or a real photo of the product, and everything else moved to an appendix emailed after the meeting. The founder stopped reading and started telling a story, which is exactly what a presentation should make possible.

Tools for presentations and charts

PowerPoint, Google Slides, Keynote and Canva all support master layouts; what matters is delivering the template in the tool the client actually uses. For clean, easy-to-label charts, online tools like Datawrapper and Flourish have free versions. If you build the chart in Excel or Google Sheets, remove the gridlines and legend and add data labels before you paste it onto the slide.

4. You want to show how Sprout's sales changed month by month in 2026. Which chart do you choose?

  • A line chart, with the most important month highlighted and labeled.
  • A pie chart with 12 slices, one per month.
  • A table with all 12 values in 18 px type.

Lines show change over time at a glance. A 12-slice pie is impossible to compare, and a table forces the audience to read instead of listening.

Common presentation and infographic mistakes

Titles that name the topic: "Results," "Analysis."

Titles that state the takeaway.

Shrinking the type so everything fits.

Split the slide or move the detail to the speaker notes.

A different color for every bar "to make it cheerful."

Gray for context and the brand color for what matters.

Icons in three different styles in the same infographic.

One style: same stroke weight, filled or outlined.

Infographics with no data source.

Always a source and date, in small type at the bottom.

Practice exercise: redesign a slide and create an infographic

  1. Redesign this slide: title "Pilot results" and 6 bullets: "120 customers took part," "68% preferred the medium roast," "22% the dark roast," "10% the decaf," "Price wasn't a deciding factor for 74%," "We got positive comments about the packaging."
  2. Design a 1080 × 1350 vertical infographic with the 4 steps for brewing French press coffee.
See solution
Slide 1
Title: "Medium roast was the favorite: 2 out of 3 customers picked it"
Evidence: horizontal bars (medium 68%, dark 22%, decaf 10%), the
          medium roast bar in Sprout's color and the rest in gray.
Footnote: "Pilot with 120 customers, October 2026."

Slide 2
Title: "Price doesn't decide: it wasn't a deciding factor for 74%"
Evidence: "74%" at 180 px and one line of context.
(The packaging comment goes in the notes or on another slide.)

Infographic (1080 × 1350, 4-column grid, 72 px margins)
Title: "The perfect French press in 4 steps"
1. Grind coarse: 1 oz (28 g) of coffee per 16 fl oz of water (grinder icon)
2. Water at 195–205 °F, just off the boil (thermometer icon)
3. Steep for 4 minutes (timer icon)
4. Press slowly and serve right away (cup icon)
Footer: Sprout logo and website.

One idea per slide turned a six-bullet slide into two messages the audience will remember. The secondary information isn't lost: it moves to the notes.

Summary

  • One idea per slide, with a title that states the takeaway and the evidence underneath.
  • A 1920 × 1080 template with a grid, brand styles, slide masters and a how-to guide.
  • Body text of at least 24 px; if it doesn't fit, split the slide.
  • In charts, highlight what matters with color and label directly.
  • An infographic starts with its message, format and type, then follows a clear path with consistent icons.

Next lesson: Digital Ad Design That Converts: Meta, TikTok and Google Ads. You'll design ads with the right sizes and safe zones, a hierarchy that stops the scroll and variants ready for testing.

🎓 Save your progress and get a free certificate

Create your account in 30 seconds, mark your lessons and download your certificate at the end.

Enroll for free