Skill Tracer
Skills › Scientific Agent Skills › scientific-slides › slide_design_principles.md

slide_design_principles.md

849 lines · skills/scientific-slides/references/slide_design_principles.md at 5f2bc03

Open on GitHub
1# Slide Design Principles for Scientific Presentations
2

Slide Design Principles for Scientific Presentations

Raw lines 1 to 2
3## Overview
4
5Effective slide design enhances comprehension, maintains audience attention, and ensures your scientific message is communicated clearly. This guide covers visual hierarchy, typography, color theory, layout principles, and accessibility considerations for creating professional scientific presentations.
6

Overview

Effective slide design enhances comprehension, maintains audience attention, and ensures your scientific message is communicated clearly. This guide covers visual hierarchy, typography, color theory, layout principles, and accessibility considerations for creating professional scientific presentations.

Raw lines 3 to 6
7## Core Design Principles
8

Core Design Principles

Raw lines 7 to 8
9### 1. Simplicity and Clarity
11**The Fundamental Rule**: Each slide should communicate ONE main idea.
13**Why It Matters**:
14- Audiences can only process limited information at once
15- Complexity causes cognitive overload
16- Simple slides are remembered; busy slides are forgotten
18**Application**:
19- ✅ One message per slide
20- ✅ Minimal text (audiences read OR listen, not both simultaneously)
21- ✅ Clear visual focus
22- ✅ Generous white space
23- ❌ Avoid cramming multiple concepts onto one slide
25**Example Comparison**:
26```
27BAD: Single slide with:
28- 3 different graphs
29- 8 bullet points
30- 2 tables
31- Dense caption text
33GOOD: Three separate slides:
34- Slide 1: First graph with 2-3 key points
35- Slide 2: Second graph with interpretation
36- Slide 3: Summary table with highlighted finding
37```

1. Simplicity and Clarity

The Fundamental Rule: Each slide should communicate ONE main idea.

Why It Matters:

  • Audiences can only process limited information at once
  • Complexity causes cognitive overload
  • Simple slides are remembered; busy slides are forgotten

Application:

  • ✅ One message per slide
  • ✅ Minimal text (audiences read OR listen, not both simultaneously)
  • ✅ Clear visual focus
  • ✅ Generous white space
  • ❌ Avoid cramming multiple concepts onto one slide

Example Comparison:

BAD: Single slide with:
- 3 different graphs
- 8 bullet points
- 2 tables
- Dense caption text

GOOD: Three separate slides:
- Slide 1: First graph with 2-3 key points
- Slide 2: Second graph with interpretation
- Slide 3: Summary table with highlighted finding
Raw lines 9 to 38
39### 2. Visual Hierarchy
41Guide attention to the most important elements through size, color, and position.
43**Hierarchy Levels**:
441. **Primary**: Main message or key data (largest, highest contrast)
452. **Secondary**: Supporting information (medium size)
463. **Tertiary**: Details and labels (smaller, lower contrast)
48**Techniques**:
50**Size**:
51- Title: Largest (36-54pt)
52- Key findings: Large (24-32pt)
53- Supporting text: Medium (18-24pt)
54- Labels and notes: Smallest but legible (14-18pt)
56**Color**:
57- High contrast for key elements
58- Accent colors for emphasis
59- Muted colors for background or secondary info
61**Position**:
62- Top-left or top-center: Primary content (Western reading pattern)
63- Center: Focal point for key visuals
64- Bottom or sides: Supporting details
66**Weight**:
67- Bold for emphasis on key terms
68- Regular weight for body text
69- Light weight for de-emphasized content

2. Visual Hierarchy

Guide attention to the most important elements through size, color, and position.

Hierarchy Levels:

  1. Primary: Main message or key data (largest, highest contrast)
  2. Secondary: Supporting information (medium size)
  3. Tertiary: Details and labels (smaller, lower contrast)

Techniques:

Size:

  • Title: Largest (36-54pt)
  • Key findings: Large (24-32pt)
  • Supporting text: Medium (18-24pt)
  • Labels and notes: Smallest but legible (14-18pt)

Color:

  • High contrast for key elements
  • Accent colors for emphasis
  • Muted colors for background or secondary info

Position:

  • Top-left or top-center: Primary content (Western reading pattern)
  • Center: Focal point for key visuals
  • Bottom or sides: Supporting details

Weight:

  • Bold for emphasis on key terms
  • Regular weight for body text
  • Light weight for de-emphasized content
Raw lines 39 to 70
71### 3. Consistency
73Maintain visual consistency throughout the presentation.
75**Elements to Keep Consistent**:
76- **Fonts**: Same font family for all slides
77- **Colors**: Defined color palette (3-5 colors)
78- **Layouts**: Similar slides use same structure
79- **Spacing**: Margins and padding uniform
80- **Style**: Figure formats, bullet styles, numbering
82**Benefits**:
83- Professional appearance
84- Reduced cognitive load (audiences learn your visual language)
85- Focus on content, not adjusting to new formats
86- Easy to identify information types
88**Template Approach**:
89- Create master slide with standard elements
90- Design 3-5 layout variants (title, content, figure, section divider)
91- Apply consistently throughout

3. Consistency

Maintain visual consistency throughout the presentation.

Elements to Keep Consistent:

  • Fonts: Same font family for all slides
  • Colors: Defined color palette (3-5 colors)
  • Layouts: Similar slides use same structure
  • Spacing: Margins and padding uniform
  • Style: Figure formats, bullet styles, numbering

Benefits:

  • Professional appearance
  • Reduced cognitive load (audiences learn your visual language)
  • Focus on content, not adjusting to new formats
  • Easy to identify information types

Template Approach:

  • Create master slide with standard elements
  • Design 3-5 layout variants (title, content, figure, section divider)
  • Apply consistently throughout
Raw lines 71 to 92
93## Typography
95### Font Selection
97**Recommended Font Types**:
99**Sans-Serif Fonts** (Highly Recommended):
100- **Arial**: Universal, highly legible
101- **Helvetica**: Clean, professional
102- **Aptos**: Current Microsoft Office default; verify installation on the presenting computer
103- **Gill Sans**: Elegant sans-serif
104- **Futura**: Geometric, modern
105- **Avenir**: Friendly, professional
107**Serif Fonts** (Use Sparingly):
108- Generally harder to read on screens
109- Acceptable for titles in some contexts
110- Avoid for body text in presentations
112**Avoid**:
113- ❌ Script or handwriting fonts (illegible from distance)
114- ❌ Decorative fonts (distracting)
115- ❌ Condensed fonts (hard to read)
116- ❌ Multiple font families (>2 looks unprofessional)

Font Selection

Recommended Font Types:

Sans-Serif Fonts (Highly Recommended):

  • Arial: Universal, highly legible
  • Helvetica: Clean, professional
  • Aptos: Current Microsoft Office default; verify installation on the presenting computer
  • Gill Sans: Elegant sans-serif
  • Futura: Geometric, modern
  • Avenir: Friendly, professional

Serif Fonts (Use Sparingly):

  • Generally harder to read on screens
  • Acceptable for titles in some contexts
  • Avoid for body text in presentations

Avoid:

  • ❌ Script or handwriting fonts (illegible from distance)
  • ❌ Decorative fonts (distracting)
  • ❌ Condensed fonts (hard to read)
  • ❌ Multiple font families (>2 looks unprofessional)
Raw lines 95 to 117
118### Font Sizes
120**Minimum Readable Sizes**:
121- **Title slide title**: 44-54pt
122- **Section headers**: 36-44pt
123- **Slide titles**: 32-40pt
124- **Body text**: 24-28pt (absolute minimum 18pt)
125- **Figure labels**: 18-24pt
126- **Captions and citations**: 14-16pt (use sparingly)
128**The Room Test**:
129- Can text be read from the back of the room?
130- Rule: Body text should be readable at 6× screen height distance
131- When in doubt: go larger
133**Size Relationships**:
134```
135Title: 40pt
136━━━━━━━━━━━━━━━━━
137Subheading: 28pt
138─────────────
139Body text: 24pt
140Regular content for audience
142Caption: 16pt
143```

Font Sizes

Minimum Readable Sizes:

  • Title slide title: 44-54pt
  • Section headers: 36-44pt
  • Slide titles: 32-40pt
  • Body text: 24-28pt (absolute minimum 18pt)
  • Figure labels: 18-24pt
  • Captions and citations: 14-16pt (use sparingly)

The Room Test:

  • Can text be read from the back of the room?
  • Rule: Body text should be readable at 6× screen height distance
  • When in doubt: go larger

Size Relationships:

Title: 40pt
━━━━━━━━━━━━━━━━━
Subheading: 28pt
─────────────
Body text: 24pt
Regular content for audience

Caption: 16pt
Raw lines 118 to 144
145### Text Formatting
147**Best Practices**:
149**Line Length**:
150- Maximum 50-60 characters per line
151- Break long sentences into multiple lines
152- Use phrases, not full sentences when possible
154**Line Spacing**:
155- 1.2-1.5× line height for readability
156- More spacing for dense content
157- Consistent spacing throughout
159**Alignment**:
160- **Left-aligned**: Best for body text (natural reading)
161- **Center-aligned**: Titles, short phrases, key messages
162- **Right-aligned**: Rarely used (occasionally for design balance)
163- **Justified**: Avoid (creates awkward spacing)
165**Emphasis**:
166- ✅ **Bold** for key terms (use sparingly)
167- ✅ Color for emphasis (consistent meaning)
168- ✅ Size increase for importance
169- ❌ Avoid italics (hard to read from distance)
170- ❌ Avoid underline (confused with hyperlinks)
171- ❌ AVOID ALL CAPS FOR BODY TEXT (READS AS SHOUTING)

Text Formatting

Best Practices:

Line Length:

  • Maximum 50-60 characters per line
  • Break long sentences into multiple lines
  • Use phrases, not full sentences when possible

Line Spacing:

  • 1.2-1.5× line height for readability
  • More spacing for dense content
  • Consistent spacing throughout

Alignment:

  • Left-aligned: Best for body text (natural reading)
  • Center-aligned: Titles, short phrases, key messages
  • Right-aligned: Rarely used (occasionally for design balance)
  • Justified: Avoid (creates awkward spacing)

Emphasis:

  • ✅ Bold for key terms (use sparingly)
  • ✅ Color for emphasis (consistent meaning)
  • ✅ Size increase for importance
  • ❌ Avoid italics (hard to read from distance)
  • ❌ Avoid underline (confused with hyperlinks)
  • ❌ AVOID ALL CAPS FOR BODY TEXT (READS AS SHOUTING)
Raw lines 145 to 172
173### The 6×6 Rule
175**Guideline**: Maximum 6 bullets per slide, maximum 6 words per bullet.
177**Rationale**:
178- More text = audience reads instead of listens
179- Bullet points are prompts, not sentences
180- You provide the explanation verbally
182**Better Approach**:
183- 3-4 bullets optimal
184- 4-8 words per bullet
185- Use fragments, not complete sentences
186- Consider replacing text with visuals
188**Example Transformation**:
189```
190TOO MUCH TEXT:
191• Our study examined the relationship between dietary interventions
192 and cardiovascular outcomes in 1,500 participants over 5 years
193• We found that participants in the intervention group showed
194 significantly reduced risk compared to controls
195• The effect size was larger than previous studies and persisted
196 at long-term follow-up
198BETTER:
199• 5-year dietary intervention study
200• 27% reduced cardiovascular risk
201• Largest effect to date
202```

The 6×6 Rule

Guideline: Maximum 6 bullets per slide, maximum 6 words per bullet.

Rationale:

  • More text = audience reads instead of listens
  • Bullet points are prompts, not sentences
  • You provide the explanation verbally

Better Approach:

  • 3-4 bullets optimal
  • 4-8 words per bullet
  • Use fragments, not complete sentences
  • Consider replacing text with visuals

Example Transformation:

TOO MUCH TEXT:
• Our study examined the relationship between dietary interventions 
  and cardiovascular outcomes in 1,500 participants over 5 years
• We found that participants in the intervention group showed 
  significantly reduced risk compared to controls
• The effect size was larger than previous studies and persisted 
  at long-term follow-up

BETTER:
• 5-year dietary intervention study
• 27% reduced cardiovascular risk
• Largest effect to date
Raw lines 173 to 203
204## Color Theory
206### Color Palettes for Scientific Presentations
208**Purpose-Driven Color Selection**:
210**Professional/Academic** (Conservative):
211- Navy blue (#1C3D5A), gray (#4A5568), white (#FFFFFF)
212- Accent: Orange (#E67E22) or green (#27AE60)
213- Use: Faculty seminars, grant presentations, institutional talks
215**Modern/Engaging** (Energetic):
216- Teal (#0A9396), coral (#EE6C4D), cream (#F4F1DE)
217- Accent: Burgundy (#780000)
218- Use: Conference talks, public engagement, TED-style talks
220**High Contrast** (Maximum Legibility):
221- Black text (#000000) on white (#FFFFFF)
222- Dark blue (#003366) on white
223- White on dark gray (#2D3748)
224- Use: Large venues, virtual presentations, accessibility priority
226**Data Visualization** (Color-blind Safe):
227- Blue (#0173B2), orange (#DE8F05), green (#029E73), magenta (#CC78BC)
228- Example categorical palette; verify each plotted color and add shape/line cues
229- Use: Figures with categorical data, bar charts, line plots

Color Palettes for Scientific Presentations

Purpose-Driven Color Selection:

Professional/Academic (Conservative):

  • Navy blue (#1C3D5A), gray (#4A5568), white (#FFFFFF)
  • Accent: Orange (#E67E22) or green (#27AE60)
  • Use: Faculty seminars, grant presentations, institutional talks

Modern/Engaging (Energetic):

  • Teal (#0A9396), coral (#EE6C4D), cream (#F4F1DE)
  • Accent: Burgundy (#780000)
  • Use: Conference talks, public engagement, TED-style talks

High Contrast (Maximum Legibility):

  • Black text (#000000) on white (#FFFFFF)
  • Dark blue (#003366) on white
  • White on dark gray (#2D3748)
  • Use: Large venues, virtual presentations, accessibility priority

Data Visualization (Color-blind Safe):

  • Blue (#0173B2), orange (#DE8F05), green (#029E73), magenta (#CC78BC)
  • Example categorical palette; verify each plotted color and add shape/line cues
  • Use: Figures with categorical data, bar charts, line plots
Raw lines 206 to 230
231### Color Psychology in Science
233**Blue**:
234- Associations: Trust, stability, professionalism, intelligence
235- Use: Backgrounds, institutional presentations, technology topics
236- Caution: Can feel cold; balance with warmer accents
238**Green**:
239- Associations: Growth, health, nature, sustainability
240- Use: Biology, environmental science, health outcomes
241- Caution: Avoid red-green combinations (color blindness)
243**Red/Orange**:
244- Associations: Energy, urgency, warning, importance
245- Use: Highlighting critical findings, emphasis, calls to action
246- Caution: Don't overuse; loses impact
248**Purple**:
249- Associations: Innovation, creativity, wisdom
250- Use: Neuroscience, novel methods, creative research
251- Caution: Can appear less serious in some contexts
253**Gray**:
254- Associations: Neutrality, professionalism, sophistication
255- Use: Backgrounds, de-emphasized content, grounding
256- Caution: Can feel dull if overused

Color Psychology in Science

Blue:

  • Associations: Trust, stability, professionalism, intelligence
  • Use: Backgrounds, institutional presentations, technology topics
  • Caution: Can feel cold; balance with warmer accents

Green:

  • Associations: Growth, health, nature, sustainability
  • Use: Biology, environmental science, health outcomes
  • Caution: Avoid red-green combinations (color blindness)

Red/Orange:

  • Associations: Energy, urgency, warning, importance
  • Use: Highlighting critical findings, emphasis, calls to action
  • Caution: Don't overuse; loses impact

Purple:

  • Associations: Innovation, creativity, wisdom
  • Use: Neuroscience, novel methods, creative research
  • Caution: Can appear less serious in some contexts

Gray:

  • Associations: Neutrality, professionalism, sophistication
  • Use: Backgrounds, de-emphasized content, grounding
  • Caution: Can feel dull if overused
Raw lines 231 to 257
258### Color Contrast and Accessibility
260**WCAG Standards** (Web Content Accessibility Guidelines):
261- **Level AA**: 4.5:1 contrast ratio for normal text
262- **Level AAA**: 7:1 contrast ratio (preferred for presentations)
264**High Contrast Combinations**:
265- ✅ Black on white (21:1)
266- ✅ Dark blue (#003366) on white (12.6:1)
267- ✅ White on dark gray (#2D3748) (11.8:1)
268- ✅ Dark text (#333333) on cream (#F4F1DE) (9.7:1)
270**Low Contrast Combinations** (Avoid):
271- ❌ Light gray on white
272- ❌ Yellow on white
273- ❌ Pastel colors on white backgrounds
274- ❌ Red on black (difficult to read)
276**Testing Contrast**:
277- Use online tools (e.g., WebAIM Contrast Checker)
278- Print slide in grayscale (should remain legible)
279- View from distance (simulate audience perspective)

Color Contrast and Accessibility

WCAG Standards (Web Content Accessibility Guidelines):

  • Level AA: 4.5:1 contrast ratio for normal text
  • Level AAA: 7:1 contrast ratio (preferred for presentations)

High Contrast Combinations:

  • ✅ Black on white (21:1)
  • ✅ Dark blue (#003366) on white (12.6:1)
  • ✅ White on dark gray (#2D3748) (11.8:1)
  • ✅ Dark text (#333333) on cream (#F4F1DE) (9.7:1)

Low Contrast Combinations (Avoid):

  • ❌ Light gray on white
  • ❌ Yellow on white
  • ❌ Pastel colors on white backgrounds
  • ❌ Red on black (difficult to read)

Testing Contrast:

  • Use online tools (e.g., WebAIM Contrast Checker)
  • Print slide in grayscale (should remain legible)
  • View from distance (simulate audience perspective)
Raw lines 258 to 280
281### Color Blindness Considerations
283**Prevalence**: ~8% of men, ~0.5% of women have color vision deficiency
285**Most Common**: Red-green color blindness (protanopia/deuteranopia)
287**Safe Practices**:
288- ✅ Use blue/orange instead of red/green
289- ✅ Add patterns or shapes in addition to color
290- ✅ Use color AND other differentiators (shape, size, position)
291- ✅ Test with color blindness simulator
293**Color-Blind Safe Palettes**:
294```
295Primary: Blue (#0173B2)
296Contrast: Orange (#DE8F05) [NOT green]
297Additional: Magenta (#CC78BC), Teal (#029E73)
298```
300**Figure Design**:
301- Don't rely solely on red vs. green lines
302- Use different line styles (solid, dashed, dotted)
303- Use symbols (circle, square, triangle) for scatter plots
304- Label directly on plot rather than color legend only

Color Blindness Considerations

Prevalence: ~8% of men, ~0.5% of women have color vision deficiency

Most Common: Red-green color blindness (protanopia/deuteranopia)

Safe Practices:

  • ✅ Use blue/orange instead of red/green
  • ✅ Add patterns or shapes in addition to color
  • ✅ Use color AND other differentiators (shape, size, position)
  • ✅ Test with color blindness simulator

Color-Blind Safe Palettes:

Primary: Blue (#0173B2)
Contrast: Orange (#DE8F05)  [NOT green]
Additional: Magenta (#CC78BC), Teal (#029E73)

Figure Design:

  • Don't rely solely on red vs. green lines
  • Use different line styles (solid, dashed, dotted)
  • Use symbols (circle, square, triangle) for scatter plots
  • Label directly on plot rather than color legend only
Raw lines 281 to 305
306## Layout and Composition

Layout and Composition

Raw lines 306 to 307
308### The Rule of Thirds
310Divide slide into 3×3 grid; place key elements at intersections or along lines.
312**Application**:
313```
314+-------+-------+-------+
315| ┃ | ┃ | ┃ |
316|---●---|---●---|---●---| ← Key focal points (●)
317| ┃ | ┃ | ┃ |
318|---●---|---●---|---●---|
319| ┃ | ┃ | ┃ |
320|---●---|---●---|---●---|
321| ┃ | ┃ | ┃ |
322+-------+-------+-------+
323```
325**Benefits**:
326- More visually interesting than centered layouts
327- Natural eye flow
328- Professional appearance
329- Guides attention strategically
331**Example Usage**:
332- Place key figure at right third
333- Text summary on left two-thirds
334- Title at top third line
335- Logo at bottom-right intersection

The Rule of Thirds

Divide slide into 3×3 grid; place key elements at intersections or along lines.

Application:

+-------+-------+-------+
|   ┃   |   ┃   |   ┃   |
|---●---|---●---|---●---|  ← Key focal points (●)
|   ┃   |   ┃   |   ┃   |
|---●---|---●---|---●---|
|   ┃   |   ┃   |   ┃   |
|---●---|---●---|---●---|
|   ┃   |   ┃   |   ┃   |
+-------+-------+-------+

Benefits:

  • More visually interesting than centered layouts
  • Natural eye flow
  • Professional appearance
  • Guides attention strategically

Example Usage:

  • Place key figure at right third
  • Text summary on left two-thirds
  • Title at top third line
  • Logo at bottom-right intersection
Raw lines 308 to 336
337### White Space
339**Definition**: Empty space around and between elements.
341**Purpose**:
342- Gives content room to "breathe"
343- Increases focus on important elements
344- Prevents overwhelming the audience
345- Projects professionalism and confidence
347**Guidelines**:
348- Margins: Minimum 5-10% of slide on all sides
349- Element spacing: Clear separation between unrelated items
350- Text padding: Space around text blocks
351- Don't fill every pixel: Empty space is valuable
353**Common Mistakes**:
354- Cramming too much on one slide
355- Extending content to edges
356- No space between elements
357- Fear of "wasting" space

White Space

Definition: Empty space around and between elements.

Purpose:

  • Gives content room to "breathe"
  • Increases focus on important elements
  • Prevents overwhelming the audience
  • Projects professionalism and confidence

Guidelines:

  • Margins: Minimum 5-10% of slide on all sides
  • Element spacing: Clear separation between unrelated items
  • Text padding: Space around text blocks
  • Don't fill every pixel: Empty space is valuable

Common Mistakes:

  • Cramming too much on one slide
  • Extending content to edges
  • No space between elements
  • Fear of "wasting" space
Raw lines 337 to 358
359### Layout Patterns
361**Title + Content**:
362```
363┌─────────────────────────┐
364│ Slide Title │
365├─────────────────────────┤
366│ │
367│ Content Area │
368│ (text, figure, │
369│ or combination) │
370│ │
371└─────────────────────────┘
372```
373Use: Standard slide type, most common
375**Two Column**:
376```
377┌─────────────────────────┐
378│ Slide Title │
379├───────────┬─────────────┤
380│ │ │
381│ Text │ Figure │
382│ Column │ Column │
383│ │ │
384└───────────┴─────────────┘
385```
386Use: Comparing items, text + figure
388**Full-Slide Figure**:
389```
390┌─────────────────────────┐
391│ │
392│ │
393│ Large Figure or │
394│ Image │
395│ │
396│ │
397└─────────────────────────┘
398```
399Use: Key results, impactful visuals
401**Text Overlay**:
402```
403┌─────────────────────────┐
404│ ┌─────────────┐ │
405│ │ Text Box │ │
406│ └─────────────┘ │
407│ Background Image │
408│ │
409└─────────────────────────┘
410```
411Use: Title slide, section dividers
413**Grid Layout**:
414```
415┌─────────────────────────┐
416│ Title │
417├─────────┬───────┬───────┤
418│ Item 1 │ Item 2│ Item 3│
419├─────────┼───────┼───────┤
420│ Item 4 │ Item 5│ Item 6│
421└─────────┴───────┴───────┘
422```
423Use: Multiple related items, comparisons

Layout Patterns

Title + Content:

┌─────────────────────────┐
│ Slide Title             │
├─────────────────────────┤
│                         │
│    Content Area         │
│    (text, figure,       │
│     or combination)     │
│                         │
└─────────────────────────┘

Use: Standard slide type, most common

Two Column:

┌─────────────────────────┐
│ Slide Title             │
├───────────┬─────────────┤
│           │             │
│  Text     │   Figure    │
│  Column   │   Column    │
│           │             │
└───────────┴─────────────┘

Use: Comparing items, text + figure

Full-Slide Figure:

┌─────────────────────────┐
│                         │
│                         │
│    Large Figure or      │
│    Image                │
│                         │
│                         │
└─────────────────────────┘

Use: Key results, impactful visuals

Text Overlay:

┌─────────────────────────┐
│   ┌─────────────┐       │
│   │ Text Box    │       │
│   └─────────────┘       │
│     Background Image    │
│                         │
└─────────────────────────┘

Use: Title slide, section dividers

Grid Layout:

┌─────────────────────────┐
│ Title                   │
├─────────┬───────┬───────┤
│ Item 1  │ Item 2│ Item 3│
├─────────┼───────┼───────┤
│ Item 4  │ Item 5│ Item 6│
└─────────┴───────┴───────┘

Use: Multiple related items, comparisons

Raw lines 359 to 424
425### Alignment
427**Principle**: Align elements to create visual order and relationships.
429**Types**:
431**Edge Alignment**:
432- Align left edges of text blocks
433- Align right edges of figures
434- Align top edges of items in row
436**Center Alignment**:
437- Center title on slide
438- Center key messages
439- Center lone figures
441**Grid Alignment**:
442- Use invisible grid
443- Snap elements to grid lines
444- Maintains consistency across slides
446**Visual Impact**:
447- Aligned elements look intentional and professional
448- Misaligned elements appear careless
449- Small misalignments are very noticeable

Alignment

Principle: Align elements to create visual order and relationships.

Types:

Edge Alignment:

  • Align left edges of text blocks
  • Align right edges of figures
  • Align top edges of items in row

Center Alignment:

  • Center title on slide
  • Center key messages
  • Center lone figures

Grid Alignment:

  • Use invisible grid
  • Snap elements to grid lines
  • Maintains consistency across slides

Visual Impact:

  • Aligned elements look intentional and professional
  • Misaligned elements appear careless
  • Small misalignments are very noticeable
Raw lines 425 to 450
451## Background Design

Background Design

Raw lines 451 to 452
453### Background Colors
455**Best Practices**:
457**Light Backgrounds** (Most Common):
458- White or off-white (#FFFFFF, #F8F9FA)
459- Very light gray (#F5F5F5)
460- Cream/beige (#FAF8F3)
462**Advantages**:
463- Maximum contrast for dark text
464- Works in any lighting
465- Professional and clean
466- Easier on projectors
468**Dark Backgrounds**:
469- Dark gray (#2D3748)
470- Navy blue (#1A202C)
471- Black (#000000)
473**Advantages**:
474- Modern, sophisticated
475- Good for dark venues
476- Reduces eye strain in dark rooms
477- Makes colors pop
479**Disadvantages**:
480- Requires light-colored text
481- Can be difficult in bright rooms
482- Some projectors handle poorly
484**Gradient Backgrounds**:
485- ✅ Subtle gradients acceptable (light to lighter)
486- ❌ Avoid busy or high-contrast gradients
487- ❌ Don't distract from content
489**Image Backgrounds**:
490- Use only for title/section slides
491- Ensure sufficient contrast with text
492- Add semi-transparent overlay if needed
493- Avoid busy or cluttered images

Background Colors

Best Practices:

Light Backgrounds (Most Common):

  • White or off-white (#FFFFFF, #F8F9FA)
  • Very light gray (#F5F5F5)
  • Cream/beige (#FAF8F3)

Advantages:

  • Maximum contrast for dark text
  • Works in any lighting
  • Professional and clean
  • Easier on projectors

Dark Backgrounds:

  • Dark gray (#2D3748)
  • Navy blue (#1A202C)
  • Black (#000000)

Advantages:

  • Modern, sophisticated
  • Good for dark venues
  • Reduces eye strain in dark rooms
  • Makes colors pop

Disadvantages:

  • Requires light-colored text
  • Can be difficult in bright rooms
  • Some projectors handle poorly

Gradient Backgrounds:

  • ✅ Subtle gradients acceptable (light to lighter)
  • ❌ Avoid busy or high-contrast gradients
  • ❌ Don't distract from content

Image Backgrounds:

  • Use only for title/section slides
  • Ensure sufficient contrast with text
  • Add semi-transparent overlay if needed
  • Avoid busy or cluttered images
Raw lines 453 to 494
495### Borders and Frames
497**Minimal Approach** (Recommended):
498- No borders on most slides
499- Let white space define boundaries
500- Clean, modern appearance
502**Selective Borders**:
503- Around key figures for emphasis
504- Separating distinct sections
505- Highlighting callout boxes
506- Simple, thin lines only
508**Avoid**:
509- Decorative borders
510- Thick, colorful frames
511- Clipart-style elements
512- 3D effects and shadows

Borders and Frames

Minimal Approach (Recommended):

  • No borders on most slides
  • Let white space define boundaries
  • Clean, modern appearance

Selective Borders:

  • Around key figures for emphasis
  • Separating distinct sections
  • Highlighting callout boxes
  • Simple, thin lines only

Avoid:

  • Decorative borders
  • Thick, colorful frames
  • Clipart-style elements
  • 3D effects and shadows
Raw lines 495 to 513
514## Visual Elements

Visual Elements

Raw lines 514 to 515
516### Icons and Graphics
518**Purpose**:
519- Visual anchors for concepts
520- Break up text-heavy slides
521- Quick recognition of section types
522- Add visual interest
524**Best Practices**:
525- ✅ Consistent style (all outline or all filled)
526- ✅ Simple, recognizable designs
527- ✅ Appropriate size (not too large or small)
528- ✅ Limited color palette matching theme
529- ❌ Avoid clipart or cartoonish graphics (unless appropriate)
530- ❌ Don't use for decoration only (should convey meaning)
532**Sources**:
533- Font Awesome
534- Noun Project
535- Material Design Icons
536- Custom scientific illustrations

Icons and Graphics

Purpose:

  • Visual anchors for concepts
  • Break up text-heavy slides
  • Quick recognition of section types
  • Add visual interest

Best Practices:

  • ✅ Consistent style (all outline or all filled)
  • ✅ Simple, recognizable designs
  • ✅ Appropriate size (not too large or small)
  • ✅ Limited color palette matching theme
  • ❌ Avoid clipart or cartoonish graphics (unless appropriate)
  • ❌ Don't use for decoration only (should convey meaning)

Sources:

  • Font Awesome
  • Noun Project
  • Material Design Icons
  • Custom scientific illustrations
Raw lines 516 to 537
538### Bullets and Lists
540**Bullet Styles**:
541- **Simple shapes**: Circle (•), square (■), dash (−)
542- **Avoid**: Complex symbols, changing bullet styles within list
543- **Hierarchy**: Different bullets for different levels
545**List Best Practices**:
546- Maximum 4-6 items per list
547- Parallel structure (all start with verb, or all nouns, etc.)
548- Use fragments, not complete sentences
549- Adequate spacing between items (1.5-2× line height)
551**Alternative to Bullets**:
552- **Numbered lists**: When order matters
553- **Icons**: Visual representation of each point
554- **Progressive builds**: Reveal one point at a time
555- **Separate slides**: One concept per slide

Bullets and Lists

Bullet Styles:

  • Simple shapes: Circle (•), square (■), dash (−)
  • Avoid: Complex symbols, changing bullet styles within list
  • Hierarchy: Different bullets for different levels

List Best Practices:

  • Maximum 4-6 items per list
  • Parallel structure (all start with verb, or all nouns, etc.)
  • Use fragments, not complete sentences
  • Adequate spacing between items (1.5-2× line height)

Alternative to Bullets:

  • Numbered lists: When order matters
  • Icons: Visual representation of each point
  • Progressive builds: Reveal one point at a time
  • Separate slides: One concept per slide
Raw lines 538 to 556
557### Shapes and Dividers
559**Uses**:
560- Background rectangles to highlight content
561- Arrows showing relationships or flow
562- Circles for emphasis or grouping
563- Lines separating sections
565**Guidelines**:
566- Keep shapes simple (rectangles, circles, lines)
567- Use brand colors
568- Maintain consistency
569- Avoid 3D effects
570- Don't overuse

Shapes and Dividers

Uses:

  • Background rectangles to highlight content
  • Arrows showing relationships or flow
  • Circles for emphasis or grouping
  • Lines separating sections

Guidelines:

  • Keep shapes simple (rectangles, circles, lines)
  • Use brand colors
  • Maintain consistency
  • Avoid 3D effects
  • Don't overuse
Raw lines 557 to 571
572## Animation and Builds

Animation and Builds

Raw lines 572 to 573
574### When to Use Animation
576**Appropriate Uses**:
577- **Progressive disclosure**: Reveal bullet points one at a time
578- **Build complex figures**: Add layers incrementally
579- **Show process**: Illustrate sequential steps
580- **Emphasize transitions**: Highlight connections
581- **Control pacing**: Prevent audience from reading ahead
583**Inappropriate Uses**:
584- ❌ Decoration or entertainment
585- ❌ Every slide transition
586- ❌ Multiple animations per slide
587- ❌ Distracting effects (spin, bounce, etc.)

When to Use Animation

Appropriate Uses:

  • Progressive disclosure: Reveal bullet points one at a time
  • Build complex figures: Add layers incrementally
  • Show process: Illustrate sequential steps
  • Emphasize transitions: Highlight connections
  • Control pacing: Prevent audience from reading ahead

Inappropriate Uses:

  • ❌ Decoration or entertainment
  • ❌ Every slide transition
  • ❌ Multiple animations per slide
  • ❌ Distracting effects (spin, bounce, etc.)
Raw lines 574 to 588
589### Types of Animations
591**Entrance**:
592- **Appear**: Instant (good for fast-paced talks)
593- **Fade**: Subtle, professional
594- **Wipe**: Directional reveal
595- Avoid: Fly in, bounce, spiral, etc.
597**Exit**:
598- Rarely needed
599- Use to remove intermediary steps
600- Keep simple (fade or disappear)
602**Emphasis**:
603- Color change for highlighting
604- Bold/underline to draw attention
605- Grow slightly for importance
606- Use very sparingly
608**Builds**:
609- Reveal bullet points progressively
610- Add elements to complex figure
611- Show before/after states
612- Demonstrate process steps
614**Best Practices**:
615- Fast transitions (0.2-0.3 seconds)
616- Consistent animation type throughout
617- Click to advance (not automatic timing)
618- Builds should add clarity, not complexity

Types of Animations

Entrance:

  • Appear: Instant (good for fast-paced talks)
  • Fade: Subtle, professional
  • Wipe: Directional reveal
  • Avoid: Fly in, bounce, spiral, etc.

Exit:

  • Rarely needed
  • Use to remove intermediary steps
  • Keep simple (fade or disappear)

Emphasis:

  • Color change for highlighting
  • Bold/underline to draw attention
  • Grow slightly for importance
  • Use very sparingly

Builds:

  • Reveal bullet points progressively
  • Add elements to complex figure
  • Show before/after states
  • Demonstrate process steps

Best Practices:

  • Fast transitions (0.2-0.3 seconds)
  • Consistent animation type throughout
  • Click to advance (not automatic timing)
  • Builds should add clarity, not complexity
Raw lines 589 to 619
620## Common Design Mistakes

Common Design Mistakes

Raw lines 620 to 621
622### Content Mistakes
624**Too Much Text**:
625- Problem: Audience reads instead of listening
626- Fix: Use key phrases, not paragraphs; move details to notes
628**Too Many Concepts per Slide**:
629- Problem: Cognitive overload, unclear focus
630- Fix: One idea per slide; split complex slides into multiple
632**Inconsistent Formatting**:
633- Problem: Looks unprofessional, distracting
634- Fix: Use templates, maintain style guide
636**Poor Contrast**:
637- Problem: Illegible from distance
638- Fix: Test at actual presentation size, use high-contrast combinations
640**Tiny Fonts**:
641- Problem: Unreadable for audience
642- Fix: Minimum 18pt, preferably 24pt+ for body text

Content Mistakes

Too Much Text:

  • Problem: Audience reads instead of listening
  • Fix: Use key phrases, not paragraphs; move details to notes

Too Many Concepts per Slide:

  • Problem: Cognitive overload, unclear focus
  • Fix: One idea per slide; split complex slides into multiple

Inconsistent Formatting:

  • Problem: Looks unprofessional, distracting
  • Fix: Use templates, maintain style guide

Poor Contrast:

  • Problem: Illegible from distance
  • Fix: Test at actual presentation size, use high-contrast combinations

Tiny Fonts:

  • Problem: Unreadable for audience
  • Fix: Minimum 18pt, preferably 24pt+ for body text
Raw lines 622 to 643
644### Visual Mistakes
646**Cluttered Slides**:
647- Problem: No clear focal point, overwhelming
648- Fix: Embrace white space, remove non-essential elements
650**Low-Quality Images**:
651- Problem: Pixelated or blurry figures
652- Fix: Use high-resolution images (300 DPI minimum)
654**Distracting Backgrounds**:
655- Problem: Competes with content
656- Fix: Simple, solid colors or subtle gradients
658**Overuse of Effects**:
659- Problem: Looks amateurish, distracting
660- Fix: Minimal or no shadows, gradients, 3D effects
662**Misaligned Elements**:
663- Problem: Appears careless
664- Fix: Use alignment tools, grids, and guides

Visual Mistakes

Cluttered Slides:

  • Problem: No clear focal point, overwhelming
  • Fix: Embrace white space, remove non-essential elements

Low-Quality Images:

  • Problem: Pixelated or blurry figures
  • Fix: Use high-resolution images (300 DPI minimum)

Distracting Backgrounds:

  • Problem: Competes with content
  • Fix: Simple, solid colors or subtle gradients

Overuse of Effects:

  • Problem: Looks amateurish, distracting
  • Fix: Minimal or no shadows, gradients, 3D effects

Misaligned Elements:

  • Problem: Appears careless
  • Fix: Use alignment tools, grids, and guides
Raw lines 644 to 665
666### Color Mistakes
668**Insufficient Contrast**:
669- Problem: Hard to read
670- Fix: Test with contrast checker, use dark on light or light on dark
672**Too Many Colors**:
673- Problem: Chaotic, unprofessional
674- Fix: Limit to 3-5 colors total
676**Red-Green Combinations**:
677- Problem: Invisible to color-blind audience members
678- Fix: Use blue-orange or add patterns/shapes
680**Clashing Colors**:
681- Problem: Visually jarring
682- Fix: Use color palette tools, test combinations

Color Mistakes

Insufficient Contrast:

  • Problem: Hard to read
  • Fix: Test with contrast checker, use dark on light or light on dark

Too Many Colors:

  • Problem: Chaotic, unprofessional
  • Fix: Limit to 3-5 colors total

Red-Green Combinations:

  • Problem: Invisible to color-blind audience members
  • Fix: Use blue-orange or add patterns/shapes

Clashing Colors:

  • Problem: Visually jarring
  • Fix: Use color palette tools, test combinations
Raw lines 666 to 683
684## Accessibility
686### Designing for All Audiences
688**Visual Impairments**:
689- High contrast text (minimum 4.5:1, preferably 7:1)
690- Large fonts (minimum 18pt, prefer 24pt+)
691- Simple, clear fonts
692- No reliance on color alone to convey meaning
694**Color Blindness**:
695- Avoid red-green combinations
696- Use patterns, shapes, or labels in addition to color
697- Test with color blindness simulator
698- Provide alternative visual cues
700**Cognitive Considerations**:
701- Simple, uncluttered layouts
702- One concept per slide
703- Clear visual hierarchy
704- Consistent navigation and structure
706**Presentation Environment**:
707- Works in various lighting conditions
708- Visible from distance (back of large room)
709- Readable on different screens (laptop, projector, phone)
710- Printable in grayscale if needed

Designing for All Audiences

Visual Impairments:

  • High contrast text (minimum 4.5:1, preferably 7:1)
  • Large fonts (minimum 18pt, prefer 24pt+)
  • Simple, clear fonts
  • No reliance on color alone to convey meaning

Color Blindness:

  • Avoid red-green combinations
  • Use patterns, shapes, or labels in addition to color
  • Test with color blindness simulator
  • Provide alternative visual cues

Cognitive Considerations:

  • Simple, uncluttered layouts
  • One concept per slide
  • Clear visual hierarchy
  • Consistent navigation and structure

Presentation Environment:

  • Works in various lighting conditions
  • Visible from distance (back of large room)
  • Readable on different screens (laptop, projector, phone)
  • Printable in grayscale if needed
Raw lines 686 to 711
712### Alternative Text and Descriptions
714**For Figures**:
715- Provide verbal description during talk
716- Include detailed caption in notes
717- Describe key patterns: "Notice the increasing trend..."
719**For Complex Visuals**:
720- Break into components
721- Use progressive builds
722- Provide interpretive context

Alternative Text and Descriptions

For Figures:

  • Provide verbal description during talk
  • Include detailed caption in notes
  • Describe key patterns: "Notice the increasing trend..."

For Complex Visuals:

  • Break into components
  • Use progressive builds
  • Provide interpretive context
Raw lines 712 to 723
724## Design Workflow

Design Workflow

Raw lines 724 to 725
726### Step 1: Define Visual Identity
728Before creating slides:
7291. **Color palette**: Choose 3-5 colors
7302. **Fonts**: Select 1-2 font families
7313. **Style**: Decide on overall aesthetic (minimal, bold, traditional)
7324. **Templates**: Create master slides for different types

Step 1: Define Visual Identity

Before creating slides:

  1. Color palette: Choose 3-5 colors
  2. Fonts: Select 1-2 font families
  3. Style: Decide on overall aesthetic (minimal, bold, traditional)
  4. Templates: Create master slides for different types
Raw lines 726 to 733
734### Step 2: Create Master Templates
736Design 4-6 slide layouts:
7371. **Title slide**: Name, title, affiliation
7382. **Section divider**: Major transitions
7393. **Content slide**: Standard text/bullets
7404. **Figure slide**: Large visual focus
7415. **Two-column**: Text + figure side-by-side
7426. **Closing**: Questions, contact, acknowledgments

Step 2: Create Master Templates

Design 4-6 slide layouts:

  1. Title slide: Name, title, affiliation
  2. Section divider: Major transitions
  3. Content slide: Standard text/bullets
  4. Figure slide: Large visual focus
  5. Two-column: Text + figure side-by-side
  6. Closing: Questions, contact, acknowledgments
Raw lines 734 to 743
744### Step 3: Apply Consistently
746For each slide:
747- Choose appropriate template
748- Add content (text or visuals)
749- Ensure alignment and spacing
750- Check font sizes and contrast
751- Verify consistency with other slides

Step 3: Apply Consistently

For each slide:

  • Choose appropriate template
  • Add content (text or visuals)
  • Ensure alignment and spacing
  • Check font sizes and contrast
  • Verify consistency with other slides
Raw lines 744 to 752
753### Step 4: Review and Refine
755Review checklist:
756- [ ] Every slide has clear focus
757- [ ] Text is minimal and readable
758- [ ] Visual hierarchy is clear
759- [ ] Colors are consistent and accessible
760- [ ] Alignment is precise
761- [ ] White space is adequate
762- [ ] Animations are purposeful
763- [ ] Overall flow is smooth

Step 4: Review and Refine

Review checklist:

  • [ ] Every slide has clear focus
  • [ ] Text is minimal and readable
  • [ ] Visual hierarchy is clear
  • [ ] Colors are consistent and accessible
  • [ ] Alignment is precise
  • [ ] White space is adequate
  • [ ] Animations are purposeful
  • [ ] Overall flow is smooth
Raw lines 753 to 764
765## Tools and Resources

Tools and Resources

Raw lines 765 to 766
767### Design Software
769**PowerPoint**:
770- Master slides for templates
771- Alignment guides and gridlines
772- Design Ideas feature for inspiration
773- Morph transition for smooth animations
775**Keynote** (Mac):
776- Beautiful default templates
777- Smooth animations
778- Magic Move for object transitions
780**Google Slides**:
781- Collaborative editing
782- Cloud-based access
783- Simple, clean interface
785**LaTeX Beamer**:
786- Consistent, professional appearance
787- Excellent for equations and code
788- Version control friendly
789- Reproducible designs

Design Software

PowerPoint:

  • Master slides for templates
  • Alignment guides and gridlines
  • Design Ideas feature for inspiration
  • Morph transition for smooth animations

Keynote (Mac):

  • Beautiful default templates
  • Smooth animations
  • Magic Move for object transitions

Google Slides:

  • Collaborative editing
  • Cloud-based access
  • Simple, clean interface

LaTeX Beamer:

  • Consistent, professional appearance
  • Excellent for equations and code
  • Version control friendly
  • Reproducible designs
Raw lines 767 to 790
791### Design Resources
793**Color Tools**:
794- Coolors.co: Palette generator
795- Adobe Color: Color scheme creator
796- WebAIM Contrast Checker: Accessibility testing
797- Coblis: Color blindness simulator
799**Icon Sources**:
800- Font Awesome: General icons
801- Noun Project: Specific concepts
802- BioIcons: Science-specific graphics
803- Flaticon: Large collection
805**Inspiration**:
806- Scientific presentation examples in your field
807- TED talks for delivery style
808- Conference websites for design trends
809- Design portfolios (Behance, Dribbble)

Design Resources

Color Tools:

  • Coolors.co: Palette generator
  • Adobe Color: Color scheme creator
  • WebAIM Contrast Checker: Accessibility testing
  • Coblis: Color blindness simulator

Icon Sources:

  • Font Awesome: General icons
  • Noun Project: Specific concepts
  • BioIcons: Science-specific graphics
  • Flaticon: Large collection

Inspiration:

  • Scientific presentation examples in your field
  • TED talks for delivery style
  • Conference websites for design trends
  • Design portfolios (Behance, Dribbble)
Raw lines 791 to 810
811## Summary Checklist
813Before finalizing your slide design:
815**Typography**:
816- [ ] Font size ≥18pt minimum, preferably 24pt+ for body
817- [ ] Maximum 6 bullets per slide, 6 words per bullet
818- [ ] Sans-serif fonts used throughout
819- [ ] Consistent font family (1-2 max)
821**Color**:
822- [ ] High contrast text-background (4.5:1 minimum)
823- [ ] Limited color palette (3-5 colors)
824- [ ] Color-blind safe combinations
825- [ ] Consistent color use throughout
827**Layout**:
828- [ ] One main idea per slide
829- [ ] Generous white space (don't fill every pixel)
830- [ ] Elements aligned precisely
831- [ ] Consistent layouts for similar content
833**Visual Elements**:
834- [ ] High-resolution images (300 DPI)
835- [ ] Consistent icon/graphic style
836- [ ] Minimal decorative elements
837- [ ] Clear visual hierarchy
839**Accessibility**:
840- [ ] Readable from back of room
841- [ ] Works in various lighting conditions
842- [ ] No reliance on color alone
843- [ ] Clear without audio (for recorded talks)
845**Professional Polish**:
846- [ ] Consistent template throughout
847- [ ] No typos or formatting errors
848- [ ] Smooth animations (if any)
849- [ ] Clean, uncluttered appearance

Summary Checklist

Before finalizing your slide design:

Typography:

  • [ ] Font size ≥18pt minimum, preferably 24pt+ for body
  • [ ] Maximum 6 bullets per slide, 6 words per bullet
  • [ ] Sans-serif fonts used throughout
  • [ ] Consistent font family (1-2 max)

Color:

  • [ ] High contrast text-background (4.5:1 minimum)
  • [ ] Limited color palette (3-5 colors)
  • [ ] Color-blind safe combinations
  • [ ] Consistent color use throughout

Layout:

  • [ ] One main idea per slide
  • [ ] Generous white space (don't fill every pixel)
  • [ ] Elements aligned precisely
  • [ ] Consistent layouts for similar content

Visual Elements:

  • [ ] High-resolution images (300 DPI)
  • [ ] Consistent icon/graphic style
  • [ ] Minimal decorative elements
  • [ ] Clear visual hierarchy

Accessibility:

  • [ ] Readable from back of room
  • [ ] Works in various lighting conditions
  • [ ] No reliance on color alone
  • [ ] Clear without audio (for recorded talks)

Professional Polish:

  • [ ] Consistent template throughout
  • [ ] No typos or formatting errors
  • [ ] Smooth animations (if any)
  • [ ] Clean, uncluttered appearance
Raw lines 811 to 849