# Anregung zur Erstellung einer Präsentation im TED-Stil

Agieren Sie als erstklassiger TED-Talk-Designer und erstellen Sie eine vollständige Präsentationsmappe basierend auf dem bereitgestellten Artikel/Thema, wobei Sie der Erzählphilosophie und Bildsprache von TED folgen, die auf „Ideen, die es wert sind, verbreitet zu werden“.

---

## Gestaltung der Erzählstruktur (Muss unbedingt eingehalten werden)

### Folie 1: Öffnungshaken

**Ziel:** In den ersten 30 Sekunden Aufmerksamkeit erregen, eine Wissenslücke schaffen

- **Inhaltsoptionen** (bitte eine auswählen):

- Schockierender Datenvergleich („Alle 6 Sekunden...“)

- Kontraintuitive Aussage

- Eine Frage, die Neugierde weckt („Was wäre, wenn ich Ihnen sagen würde...“)

- Schlüsselmoment aus einer persönlichen Geschichte („Vor drei Jahren, in jener Nacht...“)

- **Visuelle Anforderungen:** Ein überdimensionales Kernelement + minimalistischer Hintergrund zur Erzeugung von Spannung

### Folie 2: Warum das wichtig ist

**Ziel:** Eine emotionale Verbindung aufbauen, dem Publikum das Gefühl vermitteln: „Das betrifft mich.“

- Erläutern Sie in 2-3 Sätzen die Allgemeingültigkeit oder Dringlichkeit des Problems.

- Zeigen Sie das Ausmaß oder den Umfang der betroffenen Personen auf

- **Visuelle Strategie:** Verwenden Sie Silhouetten, Karten oder Gruppensymbole, um Resonanz zu erzeugen.

### Folien 3-4: Aktuelles Dilemma

**Ziel:** Darstellen, wo wir uns aktuell befinden, und die Notwendigkeit des Wandels aufzeigen.

- Aktuelle Probleme anhand konkreter Fälle oder Daten aufzeigen

- Aufzeigen der Grenzen traditioneller Ansätze

- **Visueller Rhythmus:** Vom Allgemeinen zum Speziellen, vom Abstrakten zum Greifbaren

### Folie 5: Wendepunkt/Persönliche Offenbarung

**Ziel:** Der typische TED-„Aha-Moment“

- Erzähle von dem Moment, als du eine neue Perspektive entdeckt hast („Bis ich begriff…“)

- Zeigen Sie den Wandel oder den Durchbruch im Denken auf

- **Visuelle Gestaltung:** Verwenden Sie Licht, Pfeile oder Perspektivwechsel, um einen kognitiven Sprung zu symbolisieren.

### Folien 6-8: Erweiterung der Kernidee

**Ziel:** Tiefgehende Auseinandersetzung mit einer zentralen Idee (die goldene Regel für 18-minütige Vorträge)

- **Folie 6:** Klare Darstellung der Kernidee (die Essenz in einem Satz)

- **Folie 7:** Drei wichtige Belege/Prinzipien, die die Idee stützen

- **Folie 8:** Verwenden Sie Analogien oder Metaphern, um abstrakte Konzepte zu veranschaulichen.

- Beispiel: „Es ist wie …“ / „Stell dir vor …“

- **Visuelle Anforderungen:** Anschauliche Metaphern, abstrakte Diagramme vermeiden

### Folien 9-10: Reale Fälle/Geschichten

**Ziel:** Die Idee „zum Leben erwecken“, Glaubwürdigkeit aufbauen

- Nennen Sie 1-2 konkrete Praxisfälle

- Enthält einen vollständigen Erzählbogen mit Charakteren, Konflikten und Transformationen

- **Emotionales Design:** Zeigen Sie echte Herausforderungen und Erfolge, vermeiden Sie Perfektionismus

### Folie 11: Umgang mit potenziellen Einwänden

**Ziel:** Die „Aber…“-Fragen des Publikums vorhersehen und die Überzeugungskraft steigern

- Einschränkungen oder Herausforderungen ehrlich anerkennen

- Daten oder Logik verwenden, um Probleme zu lösen

- **Tonfall:** Bescheiden und doch selbstbewusst, zeigt tiefgründiges Denken

### Folien 12-13: Größere Bedeutung

**Ziel:** Vom Einzelfall zum universellen Wert

- Bezug zu größeren gesellschaftlichen Problemen, menschlichen Erkenntnissen oder Zukunftsvisionen herstellen

- Die Antwort auf „Na und?“ – warum dies über das spezifische Thema hinausgeht

- **Visuelle Erhabenheit:** Weitläufige Landschaften, Sternenhimmel, Horizonte und andere Bildmotive nutzen

### Folie 14: Handlungsaufforderung

**Ziel:** Die Zuhörer befähigen, alle an der Veränderung teilhaben lassen

- **Dreischichtiges Design:**

Eine kleine Sache, die Sie heute tun können

Eine Herausforderung, die Sie diese Woche ausprobieren können

- Eine langfristige Richtung, die Sie verfolgen können

- **Sprache:** Verwenden Sie die zweite Person „Sie können…“ anstatt des belehrenden „sollten“.

### Folie 15: Poetischer Schluss

**Ziel:** Einen bleibenden Eindruck hinterlassen, eine bleibende Erinnerung schaffen

- Kehren Sie zur Ausgangsfrage/Geschichte zurück und bilden Sie einen Erzählbogen.

- Verwenden Sie einen aussagekräftigen Satz oder ein treffendes Bild, um den Moment festzuhalten (Zitat oder Original).

- **Visuell:** Minimalistisches Bild + zentraler goldener Satz schaffen eine kontemplative Atmosphäre

---

## Standards der visuellen Sprache (TED-Bühnenästhetik)

### Farbphilosophie

- **Primärfarben:**

- Hintergrund: Tiefes Schwarz (TED-Bühnenschwarz) oder warmes Schwarz (F5F1ED) (Atmosphäre des Wissensaustauschs)

- Text: Hochkontrast-Reinweiß #FFFFFF oder Tintenschwarz #0A0A0A

- **Akzentfarbsystem** (das verschiedene emotionale Ebenen repräsentiert):

- **Neugier/Inspiration:** TED Red #E62B1E (nur für Folien mit Kernideen)

- **Daten/Rationalität:** Tech Blue #4A90E2

- **Menschlichkeit/Wärme:** Bernstein Gold #F5A623

- **Nutzungsregeln:**

- Maximal 1 Akzentfarbe pro Folie

- Akzentfarbe: 15 % des Rahmens

- Farbverläufe sind auf einfarbige Transparenzänderungen (100 %-0 %) beschränkt.

### Typografieregeln

#### Titelhierarchie

- **Extra große Titel** (Eröffnungs-/Kernideen):

- Schriftgröße: 12-18 % der Bildschirmhöhe

- Schriftart: Fette serifenlose Schrift

- Maximal 7 Wörter, alle unnötigen Artikel entfernen

- Beispiel: ❌„Über die Bedeutung von Innovation“ ✅„Innovation neu definieren“

- **Reguläre Titel:**

- Schriftgröße: 6-8 % der Bildschirmhöhe

- Freiraum: Mindestens 1,5-fache Titelhöhe ober- und unterhalb des Titels

- **Textkörper:**

- Schriftgröße: 2,5-3,5 % der Bildschirmhöhe

- Zeilenhöhe: 1,8-2,0x

- Maximal 30 Wörter pro Folie (etwa 2 Zeilen)

#### Die Macht der Zahlen

- Wichtige Daten müssen:

- Auf 150-200 % der Titelgröße vergrößern

- Steht für sich allein mit ausreichend Freiraum drumherum

- Mikro-Einheiten-Etiketten (1/4 der Größe der Zahl)

- Beispiel: **73 %** _{der Menschen werden...}

### Strategie für visuellen Fokus

#### Zusammensetzungsformel pro Objektträger

```

1 Visueller Anker (40-60 % des Bildausschnitts)

+ 1 Kernbotschaft (Text oder Daten)

+ Freiraum (mindestens 35 % Weißraum)

= 1 Folie

```

#### Grundsätze für die Bildnutzung

- **Fotografie:**

- Nur für Story-Folien (Fallstudien/emotionale Verbindungen)

- Es müssen authentische Szenen sein, keine Stockfotos.

- Zur Reduzierung einen Schwarzweißfilter oder eine monochrome Überlagerung anwenden

- **Symbole/Illustrationen:**

- Linearer Stil, gleichmäßige Strichstärke (2-3px)

- Polarisierte Größe: Entweder 60 % des Bildschirms (Hauptbild) oder unter 8 % (zusätzliches Bild)

- Beispielszenarien: Handgezeichnete Pfeile für Prozesse, einfache Figuren für Charaktere

- **Datenvisualisierung:**

- Keine 3D-Effekte oder dekorativen Elemente

- Maximal 3-4 Datenpunkte anzeigen

- Farbe dient lediglich der Unterscheidung von Kategorien, nicht der Vermittlung von Werten

Bevorzugt: Balkendiagramme (Vergleich), Liniendiagramme (Trends), einfache Kreisdiagramme (Proportionen)

#### Techniken zur Visualisierung von Metaphern

- Abstrakte Konzepte in Alltagsgegenstände umwandeln:

- „Komplexes System“ → Getriebebaugruppe

- "Verbindung" → Neuronales Netzwerk/Konstellationslinien

- „Wachstum“ → Baum-/Treppensilhouette

- Nutzen Sie Negativraum, um Grafiken mit doppelter Bedeutung zu erstellen.

### Layout-Rastersystem

#### Seitenstruktur

- **Vollbild-Erlebnis:** Inhalte vertikal und horizontal zentriert, Ränder von mindestens 10 % an allen Seiten

- **Asymmetrisches Gleichgewicht:**

- Das visuelle Zentrum kann dezentriert sein, aber durch Weißraum oder Mikroelemente ausgeglichen werden.

- Wenn der Text links-/rechtsbündig ist, platzieren Sie das atmende Grafikelement auf der gegenüberliegenden Seite.

#### Leseflussgestaltung

- Lesegewohnheiten von links nach rechts, von groß nach klein

- Platzieren Sie wichtige Informationen im oberen Drittel der „goldenen Sichtlinie“.

- Sekundäre Informationen ans Ende verschieben, Schriftgröße auf 70 % der Textgröße reduzieren

---

## Interaktion & Animation (Verbesserung des Eintauchens)

### Navigationssystem

- **Fortschrittsanzeige:** Untere Punkte (●○○○), aktuelle Seite vergrößert und farbig dargestellt.

- **Tastenkombinationen:**

- Leertaste/Rechtspfeil: Nächste Folie

- Pfeil nach links: Vorherige Folie

- Zifferntasten: Zur entsprechenden Folie springen

- **Gesten** (Mobilgeräte): Wischen Sie nach links/rechts, um die Folien zu wechseln.

### Folienübergänge

**Standardanimation:** 0,6 Sekunden sanftes Ein- und Ausblenden

- **Besondere Momente:**

- Öffnen zu Folie 2: Nach oben schieben

- Wendepunkt-Folie: Skala überblenden

- Schlussfolie: Langer Überblendeffekt (1,2 s) für Nachleuchten

### Elementeingang

- Titel: Deckkraft 0 bis 100 %, mit leichter Aufwärtsbewegung (20px)

- Daten: Zahlen springen von 0 auf den Zielwert (1 Sekunde Animation)

- Bilder: Weichzeichnen (Weichzeichnen 10px → 0px)

---

## Checkliste zur Inhaltserstellung

### Narrative Vollständigkeit

Gibt es eine klare „Kernidee“, die sich in einem Satz zusammenfassen lässt?

- [ ] Entsteht durch die Eröffnung innerhalb von 30 Sekunden eine Wissenslücke?

Gibt es wenigstens eine wahre Geschichte (keine reine Theorie)?

- [ ] Gibt es einen geplanten "Aha-Moment"?

- [ ] Enthält das Ende konkrete, umsetzbare Vorschläge?

### Emotionale Kurve

- [ ] Sind emotionale Höhen und Tiefen beabsichtigt (Neugier → Überraschung → Reflexion → Hoffnung)?

- [ ] Wird durch das Zeigen von Schwäche oder Versagen Vertrauen aufgebaut?

- [ ] Ist der Ton eher gesprächig als belehrend?

### Visuelle Konsistenz

- [ ] Hat jede Folie nur einen visuellen Fokus?

- [ ] Beträgt der Leerraum mehr als 30 %?

- [ ] Werden Akzentfarben nur für Kerninformationen verwendet?

- [ ] Ist die Schriftfamilie einheitlich (maximal 2 Schriftarten)?

### 18-Minuten-Goldene-Regel

- [ ] Insgesamt wurden innerhalb von 15 Folien die Kontrolle übernommen (durchschnittlich 1 Minute pro Folie).

- [ ] Können die Informationen jeder Folie innerhalb von 5 Sekunden visuell erfasst werden?

- [ ] Wurden alle unnötigen Modifikatoren und redundanten Informationen entfernt?

---

## Beispielhafte Folienstruktur (Referenz)

### Beispiel 1: Öffnen des Hakenschiebers

```

[Oberes Drittel des Bildschirms]

2050

[Extra groß, fett, 15 % der Bildschirmhöhe]

[Mitte unten auf dem Bildschirm]

Die Erde wird 10 Milliarden Menschen haben

Aber nur 60 % werden Zugang zu sauberem Wasser haben.

[Normale Schriftgröße, 2,0 Zeilenabstand]

[Unterer Bildschirmrand]

Wir haben 27 Jahre Zeit, diese Zahl zu ändern.

[Kleiner Text, 60 % Deckkraft]

```

### Beispiel 2: Folie zur Kernidee

```

[Verbleibende 60 %]

[TED-roter Farbblock-Hintergrund, linke Seite]

Bildung ist nicht

einen Eimer füllen

aber ein Feuer entzünden

[Weißer, fetter Text, zentriert auf einem Farbblock]

[Rechts 40%]

— Adaptiert von Yeats

[Kleiner Texthinweis]

[Unten]

Das bedeutet, dass wir den Unterricht grundlegend neu gestalten müssen.

[Eine Zeile erläuternder Text]

```

### Beispiel 3: Folie zum Datenvergleich

```

[Bildschirm in linke und rechte Hälfte geteilt]

[Linke Hälfte]

73 %

[Extra große Zahl, Techblau]

Status im Jahr 2023

[Rechte Hälfte]

12%

[Extra große Zahl, bernsteinfarbenes Gold]

Niveau im Jahr 2010

[Center]

[Dünner Pfeil, der von links nach rechts zeigt und den Trend angibt]

[Unten Mitte]

Mobile Zahlungen haben die Konsumgewohnheiten innerhalb eines Jahrzehnts verändert.

```

---

## Anforderungen an die Endausgabe

### Technische Spezifikationen

- Responsives Design, unterstützt 1920×1080 / 1366×768 / iPad / mobiles Querformat

- Moderne Webtechnologien einsetzen (HTML5 + CSS Grid/Flexbox)

- Schriftart-Fallback: Englisch (Inter/Helvetica → Arial), Chinesisch falls erforderlich (Source Han Sans/PingFang → Heiti)

Alle Animationen nutzen CSS-Übergänge/Animationen, um Leistungseinbußen durch JavaScript zu vermeiden.

### Barrierefreiheit

- Text-zu-Hintergrund-Kontrastverhältnis mindestens 7:1 (WCAG AAA-Standard)

- Bilder müssen Alternativbeschreibungen haben (auch dekorative Grafiken sollten als "dekorativ" gekennzeichnet werden).

- Volle Unterstützung für die Tastaturnavigation

### Liefergegenstände

1. Vollständige HTML-Einzeldatei (Inline-CSS)

2. Sprechernotizen (Wichtigste Punkte für jede Folie, separate Markdown-Datei)

3. Exportierte hochauflösende Standbilder (optional, zum Teilen in sozialen Netzwerken)

---

## Kreative Philosophie (Erinnerungen auf Metaebene)

> **Denken Sie an den Kern von TED:** Es geht nicht darum, zu zeigen, wie viel Sie wissen, sondern darum, im Herzen des Publikums die Flamme des "Ich möchte mehr wissen" zu entfachen.

- Fragen Sie sich bei jeder Folie: Was verliere ich, wenn das Publikum abgelenkt wird und jetzt auf sein Handy schaut? Lautet die Antwort „nichts“, löschen Sie diese Folie.

Die Daten dienen der Geschichte, nicht umgekehrt. Finden Sie zuerst die Geschichte, dann nutzen Sie die Daten, um die Wirkung zu verstärken.

- Das beste Design ist unsichtbar – das Publikum soll sich an die Idee erinnern, nicht daran, wie cool diese PowerPoint-Präsentation ist.

Die 18-Minuten-Grenze bedeutet Befreiung, keine Einschränkung. Sie zwingt dich, den Kern deiner Gedanken zu finden.

**Endziel:** Wenn die Zuhörer den Raum verlassen, werden sie vielleicht Ihren Namen und Ihre Folien vergessen, aber sie werden sich an die Idee erinnern, die ihre Sicht auf die Welt verändert hat.

---

## Wichtige Hinweise

- Der gesamte Folieninhalt muss auf Englisch sein.

- Verwenden Sie einfaches, ausdrucksstarkes Englisch, das ein globales Publikum verstehen kann.

- Vermeiden Sie Fachjargon, es sei denn, er ist absolut notwendig, und definieren Sie ihn klar, wenn er verwendet wird.

- Auf kulturelle Sensibilität und universelle Verständlichkeit bei Beispielen und Metaphern achten.