Projektbericht im TED-Stil
Anweisungen
# Tipps zur Erstellung von PowerPoint-Präsentationen im TED-Talk-Stil
Schlüpfen Sie in die Rolle eines erstklassigen TED-Talk-Designers und erstellen Sie eine vollständige Präsentation auf Basis der bereitgestellten Artikel/Themen, wobei Sie sich an die Erzählphilosophie von TED mit dem Grundsatz „Ideen, die es wert sind, verbreitet zu werden“ und an die visuelle Sprache halten.
---
## Gestaltung der Erzählstruktur (Muss unbedingt eingehalten werden)
### Seite 1: Eine atemberaubende Auftaktseite
**Ziel:** Innerhalb der ersten 30 Sekunden Aufmerksamkeit erregen und eine kognitive Lücke erzeugen.
- **Inhaltsauswahl** (Wählen Sie eine von vier Optionen):
- Schockierender Datenvergleich („Alle 6 Sekunden...“)
- Kontraintuitive Standpunkte
- Fragen, die die Neugier wecken („Was wäre, wenn ich Ihnen sagen würde...“)
- Ein Schlüsselmoment in der persönlichen Geschichte („Jene Nacht vor drei Jahren...“)
- **Visuelle Anforderungen:** Ein großes zentrales Element + ein minimalistischer Hintergrund, um Spannung zu erzeugen.
### Seite 2: Warum das wichtig ist
**Ziel:** Eine emotionale Verbindung herstellen, sodass das Publikum erkennt: „Das betrifft mich.“
- Erläutern Sie in 2-3 Sätzen die Allgemeingültigkeit oder Dringlichkeit des Problems.
- Zeigen Sie die Größe oder den Umfang der von dem Problem betroffenen Bevölkerung auf.
- **Visuelle Strategie**: Verwenden Sie Silhouetten von Personen, Karten oder Gruppensymbole, um Resonanz zu erzeugen.
Seiten 3-4: Aktuelle Situation und Dilemmata
**Zielsetzung:** Darstellung des aktuellen Standpunkts und Begründung der Notwendigkeit eines Wendepunkts.
- Verwenden Sie konkrete Beispiele oder Daten, um das aktuelle Problem zu veranschaulichen.
- Hervorhebung der Grenzen traditioneller Methoden
- **Visueller Rhythmus**: Vom Allgemeinen zum Speziellen, vom Abstrakten zum Wahrnehmbaren
### Seite 5: Wendepunkt/Persönliche Erkenntnis
**Ziel:** Der legendäre „Aha-Moment“ von TED
- Beschreiben Sie den Moment, in dem Sie eine neue Perspektive entdeckt haben („Bis mir klar wurde...“)
- Einen Wandel oder einen Durchbruch im Denken aufzeigen.
- **Visuelle Gestaltung:** Nutzen Sie Licht, Pfeile oder Perspektivwechsel, um kognitive Sprünge zu symbolisieren.
Seiten 6-8: Erweiterung der Kernstandpunkte
**Ziel:** Eine ausführliche Erläuterung der "Kernidee" (die goldene Regel der 18-minütigen Rede) zu geben.
- **Seite 6**: Eine klare Darstellung des Kernarguments (Zusammenfassung in einem Satz)
Seite 7: 3 Wichtige Belege/Prinzipien zur Unterstützung des Standpunkts
- **Seite 8: Analogien oder Metaphern verwenden, um abstrakte Konzepte zu veranschaulichen**
- Beispiel: „Es ist wie …“ / „Stell dir vor …“
- **Visuelle Anforderungen:** Illustrierte Metaphern, abstrakte Diagramme vermeiden.
### Seiten 9-10: Echte Fälle/Geschichten
**Ziel:** Standpunkte erlebbar machen und Glaubwürdigkeit aufbauen.
- Nennen Sie 1-2 konkrete Praxisbeispiele.
- Ein vollständiger Erzählbogen mit Charakteren, Konflikten und Wandlungen
- **Emotionales Design:** Authentische Kämpfe und Durchbrüche werden aufgezeigt, Perfektionismus wird vermieden.
### Seite 11: Antworten auf mögliche Fragen
**Ziel:** Die Einwände des Publikums („Aber…“) vorherzusehen und die Überzeugungskraft zu steigern.
- Einschränkungen oder Herausforderungen ehrlich anerkennen
- Nutzen Sie Daten oder Logik, um Bedenken auszuräumen
- **Tonfall:** Bescheiden und doch selbstbewusst, zeugt er von tiefgründigem Denken.
### Seiten 12-13: Eine größere Bedeutung
**Ziel:** Von Einzelfällen zu universellen Werten gelangen.
- Verknüpfung mit größeren gesellschaftlichen Themen, Erkenntnissen über die menschliche Natur oder Visionen für die Zukunft
- Die Antwort auf „Na und?“ — Warum dies über das jeweilige Thema hinausgeht
- **Visuelle Aufwertung**: Verwendung von Bildmaterial wie weitläufigen Landschaften, Sternenhimmel und Horizonten.
### Seite 14: Aufruf zum Handeln
**Ziel:** Wir möchten unser Publikum befähigen, damit jeder am Wandel teilhaben kann.
- **Dreischichtiges Design**:
- Eine kleine Sache, die Sie heute tun können
- Herausforderungen, die Sie diese Woche ausprobieren können
- Eine Richtung, die langfristig verfolgt werden kann
- **Sprache:** Verwenden Sie die zweite Person, „Du kannst…“, anstatt des belehrenden „Du solltest“.
### Seite 15: Ein poetisches Ende
**Ziel:** Einen bleibenden Eindruck hinterlassen und einen Erinnerungsanker schaffen.
- Die Ausgangsfrage/-geschichte erneut aufgreifen, um einen Erzählkreislauf zu bilden.
- Halten Sie den Moment mit einem einprägsamen Zitat oder Bild fest (Sie können ein Zitat verwenden oder Ihr eigenes erstellen).
- **Visuelle Gestaltung:** Minimalistische Grafiken und prägnante Zitate schaffen eine besinnliche Atmosphäre.
---
## Standards der visuellen Sprache (TED-Bühnenästhetik)
### Farbphilosophie
- **Hauptfarbschema**:
- Hintergrund: Tief #1A1A1A (TED-Bühnenschwarz) oder warm #F5F1ED (ein Gefühl des Wissensaustauschs).
- Text: Hochkontrast-Reinweiß #FFFFFF oder Tiefschwarz #0A0A0A
- **Akzentfarbsystem** (das verschiedene emotionale Ebenen repräsentiert):
- **Neugier/Inspiration**: TED Red #E62B1E (nur für die Seiten mit dem Hauptstandpunkt)
- **Daten/Rationalität**: Tech Blue #4A90E2
- **Humanistisch/Wärme**: Bernstein Gold #F5A623
- **Nutzungsregeln**:
- Verwenden Sie maximal eine Akzentfarbe pro Seite
- Die Akzentfarbe sollte nicht mehr als 15 % der Bildfläche ausmachen.
- Farbverläufe sind auf einfarbige Transparenzänderungen (100%-0%) beschränkt.
### Unumstößliche Layoutregeln
#### Überschrift Ebene
- **Extra große Überschrift** (Einleitung/Kernidee):
- Schriftgröße: 12-18 % der Bildschirmhöhe
- Schriftart: Fett/Serifenlos Fett
– Maximal 7 Zeichen, entfernen Sie alle Vorkommen von „的“, „了“ und „着“.
- Beispiel: ❌ „Zur Bedeutung innovativen Denkens“ ✅ „Innovation neu definieren“
- **Reguläre Überschrift**:
- Schriftgröße: 6-8 % der Bildschirmhöhe
- Weißraum: Halten Sie oberhalb und unterhalb des Titels mindestens das 1,5-fache seiner Höhe ein.
- **Haupttext**:
- Schriftgröße: 2,5-3,5 % der Bildschirmhöhe
- Zeilenabstand: 1,8-2,0-mal
- Nicht mehr als 30 Wörter pro Seite (ungefähr 2 Zeilen)
#### Die Macht der Zahlen
- Wichtige Daten müssen:
- Vergrößern Sie die Schriftgröße auf 150-200 % der Titelgröße.
- Allein stehend, umgeben von viel weißem Raum
- Enthält Beschreibungen der Mikro-Einheiten (Schriftgröße beträgt 1/4 der Zahl).
Beispiel: **73 %** der Menschen werden...
### Strategie für visuellen Fokus
#### Formeln für jede Seite
```
Ein visueller Ankerpunkt (der 40-60 % des Bildes einnimmt).
+ 1 Kerninformation (Text oder Daten)
+ Freiraum (mindestens 35 % Weißraum)
= 1 Folie
```
#### Grundsätze für die Bildnutzung
- **Fotografien**:
- Nur für Storyseiten (Fallstudien/emotionale Verbindung)
- Es muss sich um ein reales Szenario handeln; kommerzielle Inventarbilder sind nicht zulässig.
- Verwenden Sie Schwarz-Weiß-Filter oder monochrome Überlagerungen, um ein Gefühl der Zurückhaltung zu wahren.
- **Symbole/Illustrationen**:
- Linearer Stil mit einheitlicher Strichstärke (2-3px).
- Größenpolarisation: entweder 60 % des Bildschirms einnehmen (als Hauptbildelement) oder weniger als 8 % (zur ergänzenden Erläuterung).
- Beispielszenario: Verwenden Sie handgezeichnete Pfeile, um den Prozess darzustellen, und einfache Figuren, um die Rollen darzustellen.
- **Datenvisualisierung**:
- 3D-Effekte und Dekorationselemente sind verboten.
- Es sollten maximal 3-4 Datenpunkte angezeigt werden.
Die Farben dienen lediglich der Unterscheidung von Kategorien und vermitteln keine numerischen Werte.
- Priorisieren Sie die Verwendung von: Balkendiagrammen (zum Vergleich), Liniendiagrammen (für Trends) und einfachen Kreisdiagrammen (für Prozentangaben).
#### Metaphorische Visualisierungstechniken
- Abstrakte Konzepte in Alltagsgegenstände verwandeln:
- „Komplexe Systeme“ → Getriebesätze
- "Verbindungen" → Neuronale Netze/Konstellationsverbindungen
- „Wachstum“ → Baum-/Treppensilhouette
- Verwendung von Negativraum zur Erstellung von Grafiken mit doppelter Bedeutung
### Layout-Rastersystem
#### Seitenstruktur
- **Vollbild-Immersionserlebnis**: Der Inhalt ist vertikal und horizontal zentriert, mit einem Rand von mindestens 10 %.
- **Asymmetrisches Gleichgewicht**:
Der visuelle Fokus kann nicht in der Mitte liegen, muss aber durch Weißraum oder kleine Elemente ausgeglichen werden.
- Wenn der Text linksbündig oder rechtsbündig ausgerichtet ist, platzieren Sie auf der anderen Seite ein atmendes Grafikelement.
#### Zirkulationsdesign
- Lesegewohnheiten von links nach rechts, von groß nach klein
- Platzieren Sie wichtige Informationen im oberen Drittel des Bildes, der „goldenen Sichtlinie“.
Sekundäre Informationen werden nach unten verschoben, und die Schriftgröße wird auf 70 % der Schriftgröße des Haupttextes reduziert.
---
## Interaktion und Animation (Verbesserung des Eintauchens)
### Navigationssystem
- **Fortschrittsanzeige**: Unterer Punkt (●○○○), vergrößert und mit geänderter Farbe auf der aktuellen Seite.
- **Tastenkombination**:
- Leertaste/Rechtspfeil: Nächste Seite
- Pfeil nach links: Vorherige Seite
- Zifferntasten: Direkter Zugriff auf die entsprechende Seite
- **Gesten** (Mobilgeräte): Wischen Sie nach links oder rechts, um zwischen den Seiten zu wechseln.
### Seitenübergänge
- **Standardanimation**: Sanftes Ein- und Ausblenden in 0,6 Sekunden.
- **Besonderer Moment**:
- Von der ersten Seite bis Seite 2: Hochdrücken
- Wendepunktseite: Skala zum Ausblenden
- Schlussseite: Langer Einblendeffekt (1,2 Sekunden), um einen anhaltenden Effekt zu erzielen.
### Elementarer Eintrag
- Titel: Von 0 % bis 100 % Deckkraft, mit einer leichten Aufwärtsverschiebung (20px).
- Daten: Die Zahl springt von 0 auf den Zielwert (1-Sekunden-Animation)
- Bild: Von unscharf zu scharf (Unschärfe 10px → 0px)
---
## Checkliste zur Inhaltserstellung
### Narrative Integrität
Gibt es einen klaren „Kernstandpunkt“, der sich in einem Satz zusammenfassen lässt?
Hat die Einleitung innerhalb von 30 Sekunden eine kognitive Lücke erzeugt?
Enthält [ ] mindestens eine wahre Geschichte (und nicht nur reine Theorie)?
- [ ] Gibt es einen „Aha-Moment“ im Design?
Endet der Abschnitt [ ] mit konkreten und realisierbaren Handlungsvorschlägen?
### Emotionale Kurve
- [ ] War eine emotionale Schwankung (Neugier → Überraschung → Nachdenken → Hoffnung) beabsichtigt?
- [ ] Haben Sie Schwachstellen oder Versäumnisse beim Aufbau von Vertrauen aufgezeigt?
Ist der Tonfall von [ ] eher gesprächig als belehrend?
### Visuelle Konsistenz
- [ ] Gibt es nur einen visuellen Fokus pro Seite?
- [ ] Beträgt der Leerraum mehr als 30 %?
- [ ] Wird die Akzentfarbe nur für Kerninformationen verwendet?
- [ ] Sind die Schriftfamilien einheitlich (maximal 2 Schriftarten)?
### Die 18-Minuten-Goldene-Regel
- [ ] Die Gesamtseitenzahl sollte 15 Seiten nicht überschreiten (durchschnittlich 1 Minute Erklärung pro Seite).
- [ ] Lässt sich die Informationsmenge auf jeder Seite innerhalb von 5 Sekunden visuell erfassen?
- [ ] Wurden alle unnötigen Modifikatoren und redundanten Informationen entfernt?
---
## Beispielhafte Seitenstruktur (Referenz)
### Beispiel 1: Eine atemberaubende erste Seite
```
[Oberes Drittel des Bildschirms]
2050
[Extra fette Schriftart, 15 % der Bildschirmhöhe]
[Untere Bildmitte]
Es werden 10 Milliarden Menschen auf der Erde sein.
Doch nur 60 % der Bevölkerung haben Zugang zu sauberem Wasser.
[Normale Schriftgröße, Zeilenabstand 2,0]
[Unterer Bildschirmrand]
Wir haben 27 Jahre Zeit, um diese Zahl zu ändern.
[Kleiner Text, 60 % Transparenz]
```
### Beispiel 2: Core Viewpoint Seite
```
[Linke Seite 60%]
[Der große rote Hintergrund von TED, der die linke Seite einnimmt]
Bei Bildung geht es nicht darum, einen Eimer zu füllen
Entzünde stattdessen die Flammen.
[Weißer, fetter Text, zentriert im Farbblock]
[40 % auf der rechten Seite]
— Adaptiert von Yeats
[Kleingedruckter Hinweis]
[unten]
Das bedeutet, dass wir den Unterricht grundlegend neu gestalten müssen.
[Eine Zeile erläuternder Text]
```
### Beispiel 3: Datenvergleichsseite
```
[Der Bildschirm ist in eine linke und eine rechte Hälfte unterteilt.]
[Linke Hälfte]
73 %
[Riesige Zahlen, Tech Blue]
Die aktuelle Situation im Jahr 2023
[Rechte Hälfte]
12%
[Extra große Zahlen, bernsteinfarbenes Gold]
Niveau 2010
[Mitte]
[Der dünne Pfeil zeigt von links nach rechts und verdeutlicht die Veränderungsrichtung.]
[Unten Mitte]
Das mobile Bezahlen hat die Konsumgewohnheiten innerhalb von zehn Jahren verändert.
```
---
## Anforderungen an die Endausgabe
### Technische Spezifikationen
- Responsives Design, unterstützt 1920×1080 / 1366×768 / iPad / Mobiltelefon-Querformat
- Verwendung moderner Webtechnologien (HTML5 + CSS Grid/Flexbox)
- Schriftart-Rollback-Schema: Chinesisch (Source Han Sans/PingFang → Arial), Englisch (Inter/Helvetica → Arial)
- Alle Animationen verwenden CSS-Übergänge/Animationen, um den Leistungsaufwand von JavaScript zu vermeiden.
### Barrierefreiheit
- Das Kontrastverhältnis zwischen Text und Hintergrund muss mindestens 7:1 betragen (WCAG AAA-Standard).
- Bilder müssen eine Alternativbeschreibung haben (auch dekorative Grafiken müssen als "dekorativ" gekennzeichnet werden).
- Volle Unterstützung für die Tastaturnavigation
### Liefergegenstände
1. Eine vollständige einzelne HTML-Datei (mit eingebettetem CSS)
2. Sprechernotizen (Wichtigste Punkte der Rede auf jeder Seite, in einer separaten Markdown-Datei)
3. Exportierte hochauflösende Standbilder (optional, zum Teilen in sozialen Medien)
---
## Kreatives Denken (Meta-Erinnerungen)
> **Denkt an den Kern von TED:** Es geht nicht darum, zu zeigen, wie viel ihr wisst, sondern darum, in den Herzen des Publikums die Flamme des "Ich möchte mehr wissen" zu entfachen.
- Fragen Sie sich auf jeder Seite: Was geht mir verloren, wenn die Leser gerade abgelenkt sind und auf ihre Handys schauen? Lautet die Antwort „nichts“, löschen Sie die Seite.
Die Daten dienen der Geschichte, nicht umgekehrt. Finden Sie zuerst die Geschichte, dann nutzen Sie die Daten, um ihre Wirkung zu verstärken.
Das beste Design ist unsichtbar – das Publikum sollte sich die Kernpunkte merken, nicht: „Diese PowerPoint-Präsentation ist echt cool.“
- Die 18-Minuten-Grenze ist eine Befreiung, keine Einschränkung; sie zwingt dich, den Diamantenkern deines Geistes zu finden.
**Endziel:** Wenn die Zuhörer den Besprechungsraum verlassen, werden sie vielleicht Ihren Namen und Ihre Folien vergessen haben, aber sie werden sich an die Idee erinnern, die ihre Sicht auf die Welt verändert hat.
Beschreibung
Erhalten Sie sofort Meister-Slides im TED-Stil. Von der Erzählstruktur bis zu den visuellen Standards – erstellen Sie mit einem Klick beeindruckende Präsentationen, die Ihre Ideen zum Leuchten bringen.
Projektbericht im TED-Stil
Anweisungen
# Tipps zur Erstellung von PowerPoint-Präsentationen im TED-Talk-Stil
Schlüpfen Sie in die Rolle eines erstklassigen TED-Talk-Designers und erstellen Sie eine vollständige Präsentation auf Basis der bereitgestellten Artikel/Themen, wobei Sie sich an die Erzählphilosophie von TED mit dem Grundsatz „Ideen, die es wert sind, verbreitet zu werden“ und an die visuelle Sprache halten.
---
## Gestaltung der Erzählstruktur (Muss unbedingt eingehalten werden)
### Seite 1: Eine atemberaubende Auftaktseite
**Ziel:** Innerhalb der ersten 30 Sekunden Aufmerksamkeit erregen und eine kognitive Lücke erzeugen.
- **Inhaltsauswahl** (Wählen Sie eine von vier Optionen):
- Schockierender Datenvergleich („Alle 6 Sekunden...“)
- Kontraintuitive Standpunkte
- Fragen, die die Neugier wecken („Was wäre, wenn ich Ihnen sagen würde...“)
- Ein Schlüsselmoment in der persönlichen Geschichte („Jene Nacht vor drei Jahren...“)
- **Visuelle Anforderungen:** Ein großes zentrales Element + ein minimalistischer Hintergrund, um Spannung zu erzeugen.
### Seite 2: Warum das wichtig ist
**Ziel:** Eine emotionale Verbindung herstellen, sodass das Publikum erkennt: „Das betrifft mich.“
- Erläutern Sie in 2-3 Sätzen die Allgemeingültigkeit oder Dringlichkeit des Problems.
- Zeigen Sie die Größe oder den Umfang der von dem Problem betroffenen Bevölkerung auf.
- **Visuelle Strategie**: Verwenden Sie Silhouetten von Personen, Karten oder Gruppensymbole, um Resonanz zu erzeugen.
Seiten 3-4: Aktuelle Situation und Dilemmata
**Zielsetzung:** Darstellung des aktuellen Standpunkts und Begründung der Notwendigkeit eines Wendepunkts.
- Verwenden Sie konkrete Beispiele oder Daten, um das aktuelle Problem zu veranschaulichen.
- Hervorhebung der Grenzen traditioneller Methoden
- **Visueller Rhythmus**: Vom Allgemeinen zum Speziellen, vom Abstrakten zum Wahrnehmbaren
### Seite 5: Wendepunkt/Persönliche Erkenntnis
**Ziel:** Der legendäre „Aha-Moment“ von TED
- Beschreiben Sie den Moment, in dem Sie eine neue Perspektive entdeckt haben („Bis mir klar wurde...“)
- Einen Wandel oder einen Durchbruch im Denken aufzeigen.
- **Visuelle Gestaltung:** Nutzen Sie Licht, Pfeile oder Perspektivwechsel, um kognitive Sprünge zu symbolisieren.
Seiten 6-8: Erweiterung der Kernstandpunkte
**Ziel:** Eine ausführliche Erläuterung der "Kernidee" (die goldene Regel der 18-minütigen Rede) zu geben.
- **Seite 6**: Eine klare Darstellung des Kernarguments (Zusammenfassung in einem Satz)
Seite 7: 3 Wichtige Belege/Prinzipien zur Unterstützung des Standpunkts
- **Seite 8: Analogien oder Metaphern verwenden, um abstrakte Konzepte zu veranschaulichen**
- Beispiel: „Es ist wie …“ / „Stell dir vor …“
- **Visuelle Anforderungen:** Illustrierte Metaphern, abstrakte Diagramme vermeiden.
### Seiten 9-10: Echte Fälle/Geschichten
**Ziel:** Standpunkte erlebbar machen und Glaubwürdigkeit aufbauen.
- Nennen Sie 1-2 konkrete Praxisbeispiele.
- Ein vollständiger Erzählbogen mit Charakteren, Konflikten und Wandlungen
- **Emotionales Design:** Authentische Kämpfe und Durchbrüche werden aufgezeigt, Perfektionismus wird vermieden.
### Seite 11: Antworten auf mögliche Fragen
**Ziel:** Die Einwände des Publikums („Aber…“) vorherzusehen und die Überzeugungskraft zu steigern.
- Einschränkungen oder Herausforderungen ehrlich anerkennen
- Nutzen Sie Daten oder Logik, um Bedenken auszuräumen
- **Tonfall:** Bescheiden und doch selbstbewusst, zeugt er von tiefgründigem Denken.
### Seiten 12-13: Eine größere Bedeutung
**Ziel:** Von Einzelfällen zu universellen Werten gelangen.
- Verknüpfung mit größeren gesellschaftlichen Themen, Erkenntnissen über die menschliche Natur oder Visionen für die Zukunft
- Die Antwort auf „Na und?“ — Warum dies über das jeweilige Thema hinausgeht
- **Visuelle Aufwertung**: Verwendung von Bildmaterial wie weitläufigen Landschaften, Sternenhimmel und Horizonten.
### Seite 14: Aufruf zum Handeln
**Ziel:** Wir möchten unser Publikum befähigen, damit jeder am Wandel teilhaben kann.
- **Dreischichtiges Design**:
- Eine kleine Sache, die Sie heute tun können
- Herausforderungen, die Sie diese Woche ausprobieren können
- Eine Richtung, die langfristig verfolgt werden kann
- **Sprache:** Verwenden Sie die zweite Person, „Du kannst…“, anstatt des belehrenden „Du solltest“.
### Seite 15: Ein poetisches Ende
**Ziel:** Einen bleibenden Eindruck hinterlassen und einen Erinnerungsanker schaffen.
- Die Ausgangsfrage/-geschichte erneut aufgreifen, um einen Erzählkreislauf zu bilden.
- Halten Sie den Moment mit einem einprägsamen Zitat oder Bild fest (Sie können ein Zitat verwenden oder Ihr eigenes erstellen).
- **Visuelle Gestaltung:** Minimalistische Grafiken und prägnante Zitate schaffen eine besinnliche Atmosphäre.
---
## Standards der visuellen Sprache (TED-Bühnenästhetik)
### Farbphilosophie
- **Hauptfarbschema**:
- Hintergrund: Tief #1A1A1A (TED-Bühnenschwarz) oder warm #F5F1ED (ein Gefühl des Wissensaustauschs).
- Text: Hochkontrast-Reinweiß #FFFFFF oder Tiefschwarz #0A0A0A
- **Akzentfarbsystem** (das verschiedene emotionale Ebenen repräsentiert):
- **Neugier/Inspiration**: TED Red #E62B1E (nur für die Seiten mit dem Hauptstandpunkt)
- **Daten/Rationalität**: Tech Blue #4A90E2
- **Humanistisch/Wärme**: Bernstein Gold #F5A623
- **Nutzungsregeln**:
- Verwenden Sie maximal eine Akzentfarbe pro Seite
- Die Akzentfarbe sollte nicht mehr als 15 % der Bildfläche ausmachen.
- Farbverläufe sind auf einfarbige Transparenzänderungen (100%-0%) beschränkt.
### Unumstößliche Layoutregeln
#### Überschrift Ebene
- **Extra große Überschrift** (Einleitung/Kernidee):
- Schriftgröße: 12-18 % der Bildschirmhöhe
- Schriftart: Fett/Serifenlos Fett
– Maximal 7 Zeichen, entfernen Sie alle Vorkommen von „的“, „了“ und „着“.
- Beispiel: ❌ „Zur Bedeutung innovativen Denkens“ ✅ „Innovation neu definieren“
- **Reguläre Überschrift**:
- Schriftgröße: 6-8 % der Bildschirmhöhe
- Weißraum: Halten Sie oberhalb und unterhalb des Titels mindestens das 1,5-fache seiner Höhe ein.
- **Haupttext**:
- Schriftgröße: 2,5-3,5 % der Bildschirmhöhe
- Zeilenabstand: 1,8-2,0-mal
- Nicht mehr als 30 Wörter pro Seite (ungefähr 2 Zeilen)
#### Die Macht der Zahlen
- Wichtige Daten müssen:
- Vergrößern Sie die Schriftgröße auf 150-200 % der Titelgröße.
- Allein stehend, umgeben von viel weißem Raum
- Enthält Beschreibungen der Mikro-Einheiten (Schriftgröße beträgt 1/4 der Zahl).
Beispiel: **73 %** der Menschen werden...
### Strategie für visuellen Fokus
#### Formeln für jede Seite
```
Ein visueller Ankerpunkt (der 40-60 % des Bildes einnimmt).
+ 1 Kerninformation (Text oder Daten)
+ Freiraum (mindestens 35 % Weißraum)
= 1 Folie
```
#### Grundsätze für die Bildnutzung
- **Fotografien**:
- Nur für Storyseiten (Fallstudien/emotionale Verbindung)
- Es muss sich um ein reales Szenario handeln; kommerzielle Inventarbilder sind nicht zulässig.
- Verwenden Sie Schwarz-Weiß-Filter oder monochrome Überlagerungen, um ein Gefühl der Zurückhaltung zu wahren.
- **Symbole/Illustrationen**:
- Linearer Stil mit einheitlicher Strichstärke (2-3px).
- Größenpolarisation: entweder 60 % des Bildschirms einnehmen (als Hauptbildelement) oder weniger als 8 % (zur ergänzenden Erläuterung).
- Beispielszenario: Verwenden Sie handgezeichnete Pfeile, um den Prozess darzustellen, und einfache Figuren, um die Rollen darzustellen.
- **Datenvisualisierung**:
- 3D-Effekte und Dekorationselemente sind verboten.
- Es sollten maximal 3-4 Datenpunkte angezeigt werden.
Die Farben dienen lediglich der Unterscheidung von Kategorien und vermitteln keine numerischen Werte.
- Priorisieren Sie die Verwendung von: Balkendiagrammen (zum Vergleich), Liniendiagrammen (für Trends) und einfachen Kreisdiagrammen (für Prozentangaben).
#### Metaphorische Visualisierungstechniken
- Abstrakte Konzepte in Alltagsgegenstände verwandeln:
- „Komplexe Systeme“ → Getriebesätze
- "Verbindungen" → Neuronale Netze/Konstellationsverbindungen
- „Wachstum“ → Baum-/Treppensilhouette
- Verwendung von Negativraum zur Erstellung von Grafiken mit doppelter Bedeutung
### Layout-Rastersystem
#### Seitenstruktur
- **Vollbild-Immersionserlebnis**: Der Inhalt ist vertikal und horizontal zentriert, mit einem Rand von mindestens 10 %.
- **Asymmetrisches Gleichgewicht**:
Der visuelle Fokus kann nicht in der Mitte liegen, muss aber durch Weißraum oder kleine Elemente ausgeglichen werden.
- Wenn der Text linksbündig oder rechtsbündig ausgerichtet ist, platzieren Sie auf der anderen Seite ein atmendes Grafikelement.
#### Zirkulationsdesign
- Lesegewohnheiten von links nach rechts, von groß nach klein
- Platzieren Sie wichtige Informationen im oberen Drittel des Bildes, der „goldenen Sichtlinie“.
Sekundäre Informationen werden nach unten verschoben, und die Schriftgröße wird auf 70 % der Schriftgröße des Haupttextes reduziert.
---
## Interaktion und Animation (Verbesserung des Eintauchens)
### Navigationssystem
- **Fortschrittsanzeige**: Unterer Punkt (●○○○), vergrößert und mit geänderter Farbe auf der aktuellen Seite.
- **Tastenkombination**:
- Leertaste/Rechtspfeil: Nächste Seite
- Pfeil nach links: Vorherige Seite
- Zifferntasten: Direkter Zugriff auf die entsprechende Seite
- **Gesten** (Mobilgeräte): Wischen Sie nach links oder rechts, um zwischen den Seiten zu wechseln.
### Seitenübergänge
- **Standardanimation**: Sanftes Ein- und Ausblenden in 0,6 Sekunden.
- **Besonderer Moment**:
- Von der ersten Seite bis Seite 2: Hochdrücken
- Wendepunktseite: Skala zum Ausblenden
- Schlussseite: Langer Einblendeffekt (1,2 Sekunden), um einen anhaltenden Effekt zu erzielen.
### Elementarer Eintrag
- Titel: Von 0 % bis 100 % Deckkraft, mit einer leichten Aufwärtsverschiebung (20px).
- Daten: Die Zahl springt von 0 auf den Zielwert (1-Sekunden-Animation)
- Bild: Von unscharf zu scharf (Unschärfe 10px → 0px)
---
## Checkliste zur Inhaltserstellung
### Narrative Integrität
Gibt es einen klaren „Kernstandpunkt“, der sich in einem Satz zusammenfassen lässt?
Hat die Einleitung innerhalb von 30 Sekunden eine kognitive Lücke erzeugt?
Enthält [ ] mindestens eine wahre Geschichte (und nicht nur reine Theorie)?
- [ ] Gibt es einen „Aha-Moment“ im Design?
Endet der Abschnitt [ ] mit konkreten und realisierbaren Handlungsvorschlägen?
### Emotionale Kurve
- [ ] War eine emotionale Schwankung (Neugier → Überraschung → Nachdenken → Hoffnung) beabsichtigt?
- [ ] Haben Sie Schwachstellen oder Versäumnisse beim Aufbau von Vertrauen aufgezeigt?
Ist der Tonfall von [ ] eher gesprächig als belehrend?
### Visuelle Konsistenz
- [ ] Gibt es nur einen visuellen Fokus pro Seite?
- [ ] Beträgt der Leerraum mehr als 30 %?
- [ ] Wird die Akzentfarbe nur für Kerninformationen verwendet?
- [ ] Sind die Schriftfamilien einheitlich (maximal 2 Schriftarten)?
### Die 18-Minuten-Goldene-Regel
- [ ] Die Gesamtseitenzahl sollte 15 Seiten nicht überschreiten (durchschnittlich 1 Minute Erklärung pro Seite).
- [ ] Lässt sich die Informationsmenge auf jeder Seite innerhalb von 5 Sekunden visuell erfassen?
- [ ] Wurden alle unnötigen Modifikatoren und redundanten Informationen entfernt?
---
## Beispielhafte Seitenstruktur (Referenz)
### Beispiel 1: Eine atemberaubende erste Seite
```
[Oberes Drittel des Bildschirms]
2050
[Extra fette Schriftart, 15 % der Bildschirmhöhe]
[Untere Bildmitte]
Es werden 10 Milliarden Menschen auf der Erde sein.
Doch nur 60 % der Bevölkerung haben Zugang zu sauberem Wasser.
[Normale Schriftgröße, Zeilenabstand 2,0]
[Unterer Bildschirmrand]
Wir haben 27 Jahre Zeit, um diese Zahl zu ändern.
[Kleiner Text, 60 % Transparenz]
```
### Beispiel 2: Core Viewpoint Seite
```
[Linke Seite 60%]
[Der große rote Hintergrund von TED, der die linke Seite einnimmt]
Bei Bildung geht es nicht darum, einen Eimer zu füllen
Entzünde stattdessen die Flammen.
[Weißer, fetter Text, zentriert im Farbblock]
[40 % auf der rechten Seite]
— Adaptiert von Yeats
[Kleingedruckter Hinweis]
[unten]
Das bedeutet, dass wir den Unterricht grundlegend neu gestalten müssen.
[Eine Zeile erläuternder Text]
```
### Beispiel 3: Datenvergleichsseite
```
[Der Bildschirm ist in eine linke und eine rechte Hälfte unterteilt.]
[Linke Hälfte]
73 %
[Riesige Zahlen, Tech Blue]
Die aktuelle Situation im Jahr 2023
[Rechte Hälfte]
12%
[Extra große Zahlen, bernsteinfarbenes Gold]
Niveau 2010
[Mitte]
[Der dünne Pfeil zeigt von links nach rechts und verdeutlicht die Veränderungsrichtung.]
[Unten Mitte]
Das mobile Bezahlen hat die Konsumgewohnheiten innerhalb von zehn Jahren verändert.
```
---
## Anforderungen an die Endausgabe
### Technische Spezifikationen
- Responsives Design, unterstützt 1920×1080 / 1366×768 / iPad / Mobiltelefon-Querformat
- Verwendung moderner Webtechnologien (HTML5 + CSS Grid/Flexbox)
- Schriftart-Rollback-Schema: Chinesisch (Source Han Sans/PingFang → Arial), Englisch (Inter/Helvetica → Arial)
- Alle Animationen verwenden CSS-Übergänge/Animationen, um den Leistungsaufwand von JavaScript zu vermeiden.
### Barrierefreiheit
- Das Kontrastverhältnis zwischen Text und Hintergrund muss mindestens 7:1 betragen (WCAG AAA-Standard).
- Bilder müssen eine Alternativbeschreibung haben (auch dekorative Grafiken müssen als "dekorativ" gekennzeichnet werden).
- Volle Unterstützung für die Tastaturnavigation
### Liefergegenstände
1. Eine vollständige einzelne HTML-Datei (mit eingebettetem CSS)
2. Sprechernotizen (Wichtigste Punkte der Rede auf jeder Seite, in einer separaten Markdown-Datei)
3. Exportierte hochauflösende Standbilder (optional, zum Teilen in sozialen Medien)
---
## Kreatives Denken (Meta-Erinnerungen)
> **Denkt an den Kern von TED:** Es geht nicht darum, zu zeigen, wie viel ihr wisst, sondern darum, in den Herzen des Publikums die Flamme des "Ich möchte mehr wissen" zu entfachen.
- Fragen Sie sich auf jeder Seite: Was geht mir verloren, wenn die Leser gerade abgelenkt sind und auf ihre Handys schauen? Lautet die Antwort „nichts“, löschen Sie die Seite.
Die Daten dienen der Geschichte, nicht umgekehrt. Finden Sie zuerst die Geschichte, dann nutzen Sie die Daten, um ihre Wirkung zu verstärken.
Das beste Design ist unsichtbar – das Publikum sollte sich die Kernpunkte merken, nicht: „Diese PowerPoint-Präsentation ist echt cool.“
- Die 18-Minuten-Grenze ist eine Befreiung, keine Einschränkung; sie zwingt dich, den Diamantenkern deines Geistes zu finden.
**Endziel:** Wenn die Zuhörer den Besprechungsraum verlassen, werden sie vielleicht Ihren Namen und Ihre Folien vergessen haben, aber sie werden sich an die Idee erinnern, die ihre Sicht auf die Welt verändert hat.
Beschreibung
Erhalten Sie sofort Meister-Slides im TED-Stil. Von der Erzählstruktur bis zu den visuellen Standards – erstellen Sie mit einem Klick beeindruckende Präsentationen, die Ihre Ideen zum Leuchten bringen.
Finde deine nächste Lieblingsfähigkeit
Entdecke weitere kuratierte KI-Fähigkeiten für Recherche, Kreativität und den Arbeitsalltag.