# TED Talk Style PPT Creation Tips

Take on the role of a world-class TED talk designer and create a complete presentation based on the provided articles/topics, adhering to TED's narrative philosophy of "ideas worth spreading" and visual language.

---

## Narrative Structure Design (Must be strictly followed)

### Page 1: A Stunning Opening Page

**Objective:** Capture attention within the first 30 seconds and create a cognitive gap.

- **Content Selection** (Choose one of four):

- Shocking data comparison ("Every 6 seconds...")

- Counterintuitive viewpoints

- Questions that pique curiosity ("What if I told you...")

- A key moment in the personal story ("That night three years ago...")

- **Visual Requirements:** A large central element + a minimalist background to create suspense.

### Page 2: Why this is important

**Objective:** To establish an emotional connection, making the audience realize, "This concerns me."

- Use 2-3 sentences to explain the universality or urgency of the problem.

- Show the size or scope of the population affected by the problem.

- **Visual Strategy**: Use silhouettes of people, maps, or group icons to create resonance.

Pages 3-4: Current Situation and Dilemmas

**Objective:** To depict "where we are now" and establish the necessity of a turning point.

- Use specific examples or data to illustrate the current problem

- Highlighting the limitations of traditional methods

- **Visual Rhythm**: From broad to specific, from abstract to perceptible

### Page 5: Turning Point/Personal Insight

**Goal:** TED's iconic "aha moment"

- Describe the moment of discovering a new perspective ("Until I realized...")

- Demonstrating a shift or breakthrough in thinking.

- **Visual Design:** Use light, arrows, or changes in perspective to symbolize cognitive leaps.

Pages 6-8: Expansion of Core Viewpoints

**Objective:** To provide an in-depth explanation of "one core idea" (the golden rule of the 18-minute speech).

- **Page 6**: A clear statement of the core argument (one-sentence summary)

Page 7: 3 Key Evidence/Principles Supporting the Viewpoint

- **Page 8: Using Analogy or Metaphor to Make Abstract Concepts Concrete**

- Example: "It's like..." / "Imagine a..."

- **Visual Requirements:** Illustrated metaphors, avoid abstract charts.

### Pages 9-10: Real Cases/Stories

**Objective:** To bring viewpoints to life and build credibility.

- Provide 1-2 specific practical cases.

- A complete narrative arc including characters, conflicts, and transformations

- **Emotional Design:** Showcasing genuine struggles and breakthroughs, avoiding perfectionism.

### Page 11: Response to Potential Questions

**Objective:** To anticipate the audience's "but..." and enhance persuasiveness.

- Honestly acknowledge limitations or challenges

- Use data or logic to dispel concerns

- **Tone:** Humble yet confident, demonstrating depth of thought.

### Pages 12-13: A Greater Significance

**Goal:** To elevate from individual cases to universal values.

- Connecting to larger social issues, insights into human nature, or visions for the future

- Answering "So What?" — Why this transcends the specific topic itself

- **Visual Enhancement**: Utilizing imagery such as expansive scenes, starry skies, and horizons.

### Page 14: Call to Action

**Goal:** Empowering our audience so that everyone can participate in change.

- **Three-layer design**:

- A small thing you can do today

- Challenges you can try this week

- A direction that can be pursued in the long term

- **Language:** Use the second person, "You can...", instead of a didactic "You should".

### Page 15: A Poetic Ending

**Objective:** To leave a lasting impression and create a memory anchor.

- Revisiting the opening question/story to form a narrative loop.

- Capture the moment with a memorable quote or image (you can quote or create your own).

- **Visuals:** Minimalist visuals + key quotes create a contemplative atmosphere.

---

## Visual Language Standards (TED Stage Aesthetics)

### Color Scheme Philosophy

- **Main Color Scheme**:

- Background: Deep #1A1A1A (TED stage black) or warm #F5F1ED (a sense of knowledge sharing).

- Text: High-contrast pure white #FFFFFF or jet black #0A0A0A

- **Accent Color System** (representing different emotional levels):

- **Curiosity/Inspiration**: TED Red #E62B1E (for core viewpoint pages only)

- **Data/Rationality**: Tech Blue #4A90E2

- **Humanistic/Warmth**: Amber Gold #F5A623

- **Usage Rules**:

- Use a maximum of one accent color per page

- The accent color should not exceed 15% of the image area.

- Gradients are limited to single-color transparency changes (100%-0%).

### Ironclad Rules of Layout

#### Heading Level

- **Extra Large Headline** (Opening/Core Idea):

- Font size: 12-18% of screen height

- Font: Bold/Sans-serif Bold

- Maximum 7 characters, remove all instances of "的", "了", and "着".

- Example: ❌ "On the Importance of Innovative Thinking" ✅ "Redefining Innovation"

- **Regular Heading**:

- Font size: 6-8% of screen height

- White space: Maintain at least 1.5 times the height of the title above and below.

- **Main Text**:

- Font size: 2.5-3.5% of screen height

- Line spacing: 1.8-2.0 times

- No more than 30 words per page (approximately 2 lines)

#### The Power of Numbers

- Key data must:

- Increase the font size to 150-200% of the title size.

- Standing alone, surrounded by ample white space

- Includes micro-unit descriptions (font size is 1/4 of the number).

Example: **73%** of people will...

### Visual Focus Strategy

#### Formulas for Each Page

```

One visual anchor point (occupying 40-60% of the image).

+ 1 core piece of information (text or data)

+ Breathing space (at least 35% white space)

= 1 slide

```

#### Image Usage Principles

- **Photographs**:

- For story pages only (case studies/emotional connection)

- Must be a real-world scenario; commercial inventory images are prohibited.

- Use black and white filters or monochrome overlays to maintain a sense of restraint.

- **Icons/Illustrations**:

- Linear style, with uniform stroke thickness (2-3px).

- Size polarization: either occupy 60% of the screen (as the main visual element) or less than 8% (for supplementary explanation).

- Example scenario: Use hand-drawn arrows to represent the process and simple figures to represent the roles.

- **Data Visualization**:

- 3D effects and decorative elements are prohibited.

- Display a maximum of 3-4 data points

- Colors are used only to distinguish categories and do not convey numerical values.

- Prioritize using: bar charts (for comparison), line charts (for trends), and single pie charts (for percentages).

#### Metaphorical Visualization Techniques

- Transforming abstract concepts into everyday objects:

- "Complex Systems" → Gear Sets

- "Connections" → Neural Networks/Constellation Connections

- "Growth" → Tree/Staircase silhouette

- Using negative space to create graphics with dual meaning

### Layout Grid System

#### Page Structure

- **Full-screen immersive**: Content is vertically and horizontally centered, with a perimeter margin of at least 10%.

- **Asymmetric equilibrium**:

- The visual focus can be off-center, but it needs to be balanced with white space or small elements.

- When text is aligned to the left/right, place a breathing graphic element on the other side.

#### Circulation Design

- Reading habits from left to right, from large to small

- Place key information in the upper third of the image, the "golden line of sight"

Secondary information is pushed to the bottom, and the font size is reduced to 70% of the main text.

---

## Interaction and Animation (Enhancing Immersion)

### Navigation System

- **Progress Indicator**: Bottom dot (●○○○), zoomed in and changed color on the current page.

- **shortcut key**:

- Space/Right Arrow: Next Page

- Left arrow: Previous page

- Number keys: Directly access the corresponding page

- **Gestures** (Mobile): Swipe left or right to switch pages

### Page Transitions

- **Default animation**: 0.6-second easy fade-in/fade-out.

- **Special Moment**:

- From the opening to page 2: Push up

- Turning point page: Scale fade

- Ending page: Long fade-in (1.2 seconds) to create a lingering effect.

### Elemental Entry

- Title: From 0% to 100% opacity, with a slight upward shift (20px).

- Data: The number jumps from 0 to the target value (1-second animation)

- Image: From blurry to sharp (blur 10px → 0px)

---

## Content Creation Checklist

### Narrative Integrity

Is there a clear "core viewpoint" that can be summarized in one sentence?

Did the opening create a cognitive gap within 30 seconds?

Does [ ] contain at least one real story (rather than pure theory)?

- [ ] Is there an "aha moment" design?

Does the [ ] section end with specific and feasible action suggestions?

### Emotional Curve

- [ ] Was an emotional fluctuation (curiosity → surprise → thinking → hope) designed?

- [ ] Did you demonstrate vulnerabilities or failures to build trust?

- Is the tone of [ ] conversational rather than didactic?

### Visual Consistency

- [ ] Is there only one visual focus per page?

- [ ] Is the white space above 30%?

- [ ] Is the accent color only used for core information?

- [ ] Are the font families unified (maximum of 2 fonts)?

### The 18-Minute Golden Rule

- [ ] The total number of pages should be kept within 15 pages (1 minute of explanation per page on average).

- [ ] Can the amount of information on each page be visually captured within 5 seconds?

- [ ] Have all unnecessary modifiers and redundant information been removed?

---

## Example Page Structure Reference

### Example 1: A Stunning Opening Page

```

[Top 1/3 of the screen]

2050

[Extra bold font, 15% of screen height]

[Lower center of the image]

There will be 10 billion people on Earth.

But only 60% of people have access to clean water.

[Regular font size, line spacing 2.0]

[Bottom of screen]

We have 27 years to change this number.

[Small text, 60% transparency]

```

### Example 2: Core Viewpoint Page

```

[Left side 60%]

[TED's large red background, occupying the left side]

Education is not about filling a bucket

Instead, ignite the flames.

[White bold text centered on the color block]

[40% on the right]

— Adapted from Yeats

[Small print annotation]

[bottom]

This means we need to fundamentally redesign the classroom.

[One line of explanatory text]

```

### Example 3: Data Comparison Page

```

[The screen is divided into left and right halves]

[Left half]

73%

[Huge Numbers, Tech Blue]

The current situation in 2023

[Right half]

12%

[Extra-large numbers, amber gold]

2010 level

[middle]

[The thin arrow points from left to right, indicating the trend of change]

[Bottom Center]

Mobile payment has changed consumption habits within ten years.

```

---

## Final Output Requirements

### Technical Specifications

- Responsive design, supports 1920×1080 / 1366×768 / iPad / mobile phone landscape mode

- Using modern web technologies (HTML5 + CSS Grid/Flexbox)

- Font rollback scheme: Chinese (Source Han Sans/PingFang → Arial), English (Inter/Helvetica → Arial)

- All animations use CSS transitions/animations to avoid JavaScript performance overhead.

### Accessibility

- Text to background contrast ratio must be at least 7:1 (WCAG AAA standard)

- Images must have an alt description (even decorative graphics must be labeled "decorative").

- Full support for keyboard navigation

### Deliverables

1. A complete single HTML file (with inline CSS)

2. Speaker Notes (Key points of the speech on each page, in a separate Markdown file)

3. High-resolution exported still images (optional, for social media sharing)

---

## Creative Mindset (Meta-level Reminders)

> **Remember the core of TED:** It's not about showing how much you know, but about igniting a flame of "I want to know more" in the audience's hearts.

- Ask yourself on every page: What am I losing if the audience is distracted and looking at their phones right now? If the answer is "nothing," delete that page.

Data serves the story, not the other way around. Find the story first, then use data to amplify its impact.

The best design is invisible—the audience should remember the key points, not "this PPT is really cool."

- The 18-minute limit is a liberation, not a constraint; it forces you to find the diamond core of your mind.

**Ultimate Goal:** When the audience leaves the meeting room, they may forget your name and your slides, but they will remember the idea that changed the way they see the world.