# Prompt per la creazione di presentazioni in stile TED

Svolgi il ruolo di un designer di TED talk di fama mondiale e crea una presentazione completa basata sull'articolo/argomento fornito, seguendo la filosofia narrativa e il linguaggio visivo di TED "idee che meritano di essere diffuse".

---

## Progettazione della struttura narrativa (da seguire rigorosamente)

### Diapositiva 1: Gancio di apertura

**Obiettivo:** Catturare l'attenzione nei primi 30 secondi, creare un gap di conoscenza

- **Opzioni contenuto** (scegline una):

- Confronto dati scioccante ("Ogni 6 secondi...")

- Affermazione controintuitiva

- Domanda che stimola la curiosità ("E se ti dicessi...")

- Momento chiave di una storia personale ("Tre anni fa, quella notte...")

- **Requisiti visivi:** Un elemento centrale sovradimensionato + sfondo minimalista per creare suspense

### Diapositiva 2: Perché questo è importante

**Obiettivo:** Creare una connessione emotiva, far capire al pubblico che "questo mi riguarda"

- Usa 2-3 frasi per spiegare l'universalità o l'urgenza del problema

- Mostrare la scala o la portata delle persone colpite

- **Strategia visiva:** Usa sagome, mappe o icone di gruppo per creare risonanza

### Diapositive 3-4: Dilemma attuale

**Obiettivo:** Rappresentare "dove siamo ora", stabilire la necessità del cambiamento

- Mostra i problemi attuali con casi o dati specifici

- Evidenziare i limiti degli approcci tradizionali

- **Ritmo visivo:** Da ampio a specifico, da astratto a tangibile

### Diapositiva 5: Punto di svolta/Epifania personale

**Obiettivo:** Il momento "aha" caratteristico del TED

- Racconta il momento in cui hai scoperto una nuova prospettiva ("Finché non ho capito...")

- Mostrare il cambiamento o la svolta nel pensiero

- **Design visivo:** Usa luci, frecce o cambiamenti di prospettiva per simbolizzare il salto cognitivo

### Diapositive 6-8: Espansione dell'idea fondamentale

**Obiettivo:** Approfondire "un'idea fondamentale" (la regola d'oro del discorso di 18 minuti)

- **Diapositiva 6:** Dichiarazione chiara dell'idea centrale (essenza in una frase)

- **Diapositiva 7:** Tre elementi chiave di prova/principi a supporto dell'idea

- **Diapositiva 8:** Usa analogie o metafore per rendere concreti i concetti astratti

- Esempio: "È come..." / "Immagina un..."

- **Requisiti visivi:** Metafore illustrative, evitare grafici astratti

### Diapositive 9-10: Casi/storie reali

**Obiettivo:** Dare vita all'idea, costruire credibilità

- Racconta 1-2 casi pratici specifici

- Includere un arco narrativo completo con personaggi, conflitti e trasformazioni

- **Design emozionale:** Mostra le vere lotte e scoperte, evita il perfezionismo

### Diapositiva 11: Affrontare potenziali obiezioni

**Obiettivo:** Anticipare le domande "ma..." del pubblico, migliorare la persuasione

- Riconoscere onestamente i limiti o le sfide

- Utilizzare dati o logica per risolvere i problemi

- **Tono:** Umile ma sicuro di sé, mostra profondità di pensiero

### Diapositive 12-13: Maggiore importanza

**Obiettivo:** Elevare il valore da caso individuale a valore universale

- Connettersi a questioni sociali più ampie, intuizioni umane o visioni future

- Rispondi "E allora?" - perché questo trascende l'argomento specifico in sé

- **Elevazione visiva:** Utilizza scene ampie, cieli stellati, orizzonti e altre immagini

### Diapositiva 14: Invito all'azione

**Obiettivo:** Dare potere al pubblico, far sì che tutti partecipino al cambiamento

- **Design a tre strati:**

- Una piccola cosa che puoi fare oggi

- Una sfida che puoi provare questa settimana

- Una direzione a lungo termine che puoi perseguire

- **Lingua:** Usa la seconda persona "puoi..." invece del moralista "dovresti"

### Diapositiva 15: Finale poetico

**Obiettivo:** Lasciare un ricordo, creare un'ancora di memoria

- Torna alla domanda/storia iniziale, forma un ciclo narrativo

- Usa una frase o un'immagine d'oro per congelare il momento (citata o originale)

- **Visivo:** Immagine minimalista + frase fondamentale, crea un'atmosfera contemplativa

---

## Standard del linguaggio visivo (TED Stage Aesthetics)

### Filosofia del colore

- **Colori primari:**

- Sfondo: profondo #1A1A1A (nero sul palco TED) o caldo #F5F1ED (sensazione di condivisione della conoscenza)

- Testo: Bianco puro ad alto contrasto #FFFFFF o nero inchiostro #0A0A0A

- **Sistema di colori accentati** (che rappresentano diversi strati emotivi):

- **Curiosità/Ispirazione:** TED Red #E62B1E (solo per le diapositive delle idee principali)

- **Dati/Razionalità:** Tech Blue #4A90E2

- **Umanità/Calore:** Ambra Oro #F5A623

- **Regole d'uso:**

- Massimo 1 colore di accento per diapositiva

- Accento di colore che copre il 15% del fotogramma

- Gradienti limitati alle modifiche di trasparenza di un singolo colore (100%-0%)

### Regole tipografiche

#### Gerarchia dei titoli

- **Titoli extra large** (idee iniziali/principali):

- Dimensione carattere: 12-18% dell'altezza dello schermo

- Carattere: grassetto sans-serif

- Massimo 7 parole, rimuovere tutti gli articoli non necessari

- Esempio: ❌"Sull'importanza dell'innovazione" ✅"Ridefinire l'innovazione"

- **Titoli regolari:**

- Dimensione carattere: 6-8% dell'altezza dello schermo

- Spazio vuoto: almeno 1,5 volte l'altezza del titolo sopra e sotto

- **Corpo del testo:**

- Dimensione carattere: 2,5-3,5% dell'altezza dello schermo

- Altezza della linea: 1,8-2,0x

- Massimo 30 parole per diapositiva (circa 2 righe)

#### Il potere dei numeri

- I dati chiave devono:

- Essere ingrandito al 150-200% della dimensione del titolo

- Stare in piedi da solo con ampio spazio bianco intorno

- Avere etichette per micro unità (dimensioni pari a 1/4 del numero)

- Esempio: **73%** <sub style="font-size:0.25em">delle persone...</sub>

### Strategia di messa a fuoco visiva

#### Formula di composizione per diapositiva

```

1 Ancoraggio visivo (40-60% del fotogramma)

+ 1 Messaggio principale (testo o dati)

+ Spazio di respirazione (almeno il 35% di spazio bianco)

= 1 diapositiva

```

#### Principi di utilizzo delle immagini

- **Fotografia:**

- Solo per diapositive di storie (casi/connessione emotiva)

- Devono essere scene autentiche, niente foto di repertorio

- Applicare un filtro B&W o una sovrapposizione monocromatica per moderazione

- **Icone/Illustrazioni:**

- Stile lineare, spessore del tratto uniforme (2-3px)

- Dimensioni polarizzate: 60% dello schermo (visuale principale) o meno dell'8% (supplementare)

- Scenari di esempio: frecce disegnate a mano per i processi, figure semplici per i personaggi

- **Visualizzazione dei dati:**

- Nessun effetto 3D o elemento decorativo

- Mostra al massimo 3-4 punti dati

- Il colore serve solo a distinguere le categorie, non a trasmettere valori

- Preferisci: grafici a barre (confronto), grafici a linee (tendenze), grafici a torta singola (proporzioni)

#### Tecniche di visualizzazione delle metafore

- Trasformare concetti astratti in oggetti di uso quotidiano:

- "Sistema complesso" → Gruppo ingranaggi

- "Connessione" → Rete neurale/linee di costellazione

- "Crescita" → Silhouette di albero/scala

- Utilizzare lo spazio negativo per creare grafici a doppio significato

### Sistema di griglia di layout

#### Struttura della pagina

- **Immersivo a schermo intero:** Contenuto centrato verticalmente + orizzontalmente, margini di almeno il 10% su tutti i lati

- **Equilibrio asimmetrico:**

- Il centro visivo può essere decentrato ma bilanciato con spazio bianco o microelementi

- Quando il testo è allineato a sinistra/destra, posizionare l'elemento grafico che respira sul lato opposto

#### Progettazione del flusso di lettura

- Abitudini di lettura da sinistra a destra, da grande a piccolo

- Posizionare le informazioni chiave nel terzo superiore della "zona di visuale dorata"

- Spostare le informazioni secondarie in basso, ridurre il carattere al 70% del corpo del testo

---

## Interazione e animazione (migliora l'immersione)

### Sistema di navigazione

- **Indicatore di avanzamento:** Punti in basso (●○○○), pagina corrente ingrandita e colorata

- **Scorciatoie da tastiera:**

- Spazio/Freccia destra: Diapositiva successiva

- Freccia sinistra: diapositiva precedente

- Tasti numerici: Vai alla diapositiva corrispondente

- **Gesti** (mobile): scorri verso sinistra/destra per cambiare diapositiva

### Transizioni diapositiva

- **Animazione predefinita:** dissolvenza in entrata e in uscita di 0,6 s

- **Momenti speciali:**

- Apertura alla diapositiva 2: Spingere verso l'alto

- Diapositiva di svolta: dissolvenza della scala

- Diapositiva finale: dissolvenza lunga (1,2 s) per il bagliore residuo

### Ingresso elemento

- Titolo: Opacità da 0 a 100%, con leggero movimento verso l'alto (20px)

- Dati: i numeri saltano da 0 al valore target (animazione 1s)

- Immagini: Sfoca per schiarire (sfocatura 10px → 0px)

---

## Checklist per la creazione di contenuti

### Completezza narrativa

- [ ] Esiste un'idea fondamentale chiara che può essere riassunta in una frase?

- [ ] L'apertura crea una lacuna di conoscenza entro 30 secondi?

- [ ] C'è almeno una storia vera (non pura teoria)?

- [ ] È stato progettato un "momento di rivelazione"?

- [ ] Il finale fornisce suggerimenti specifici e attuabili?

### Curva emotiva

- [ ] Gli alti e bassi emotivi sono progettati (curiosità→sorpresa→riflessione→speranza)?

- [ ] La vulnerabilità o il fallimento sono dimostrati per costruire fiducia?

- [ ] Il tono è colloquiale piuttosto che moralista?

### Coerenza visiva

- [ ] Ogni diapositiva ha un solo focus visivo?

- [ ] Lo spazio bianco è superiore al 30%?

- [ ] I colori di accento vengono utilizzati solo per le informazioni principali?

- [ ] La famiglia di caratteri è unificata (massimo 2 caratteri)?

### Regola d'oro dei 18 minuti

- [ ] Diapositive totali controllate entro 15 (in media 1 minuto per diapositiva)

- [ ] È possibile catturare visivamente le informazioni di ogni diapositiva entro 5 secondi?

- [ ] Sono stati rimossi tutti i modificatori non necessari e le informazioni ridondanti?

---

## Esempio di riferimento alla struttura della diapositiva

### Esempio 1: Apertura del gancio scorrevole

```

[1/3 superiore dello schermo]

2050

[Grasso extra large, 15% dell'altezza dello schermo]

[Centro-inferiore dello schermo]

La Terra avrà 10 miliardi di persone

Ma solo il 60% avrà accesso all'acqua pulita

[Dimensione carattere normale, interlinea 2.0]

[Parte inferiore dello schermo]

Abbiamo 27 anni per cambiare questo numero

[Testo piccolo, opacità 60%]

```

### Esempio 2: Diapositiva dell'idea principale

```

[Sinistra 60%]

[Sfondo a blocchi di colore rosso TED, che occupa il lato sinistro]

L'istruzione non è

riempire un secchio

ma accendere un fuoco

[Testo in grassetto bianco centrato sul blocco colorato]

[Destra 40%]

— Adattato da Yeats

[Annotazione di testo breve]

[Metter il fondo a]

Ciò significa che dobbiamo riprogettare radicalmente l'aula

[Una riga di testo esplicativo]

```

### Esempio 3: Diapositiva di confronto dei dati

```

[Schermo diviso in metà sinistra e metà destra]

[Metà sinistra]

73%

[Numero extra large, blu tecnico]

Stato nel 2023

[Metà destra]

12%

[Numero extra large, ambra oro]

Livello nel 2010

[Centro]

[Freccia sottile che punta da sinistra a destra, indicando la tendenza]

[In basso al centro]

I pagamenti mobili hanno cambiato le abitudini di consumo in un decennio

```

---

## Requisiti di output finale

### Specifiche tecniche

- Design reattivo, supporta 1920×1080 / 1366×768 / iPad / mobile landscape

- Utilizzare tecnologie web moderne (HTML5 + CSS Grid/Flexbox)

- Font di riserva: inglese (Inter/Helvetica → Arial), cinese se necessario (fonte Han Sans/PingFang → Heiti)

- Tutte le animazioni utilizzano transizioni/animazioni CSS, evitando perdite di prestazioni JavaScript

### Accessibilità

- Rapporto di contrasto tra testo e sfondo almeno 7:1 (standard WCAG AAA)

- Le immagini devono avere descrizioni alternative (anche la grafica decorativa deve essere contrassegnata come "decorativa")

- Supporto completo per la navigazione tramite tastiera

### Consegne

1. Singolo file HTML completo (CSS in linea)

2. Note del relatore (punti chiave per ogni diapositiva, file markdown separato)

3. Immagini statiche esportate ad alta risoluzione (facoltative, per la condivisione sui social)

---

## Filosofia creativa (promemoria di meta-livello)

> **Ricorda il principio fondamentale di TED:** Non si tratta di mostrare quanto sai, ma di accendere la fiamma del "Voglio saperne di più" nel cuore del pubblico.

- Per ogni diapositiva, chiediti: se il pubblico si distrae e controlla il telefono in questo momento, cosa perdo? Se la risposta è "niente", elimina questa diapositiva.

- I dati servono alla storia, non il contrario. Prima scopri la storia, poi usa i dati per amplificarne l'impatto.

- Il design migliore è invisibile: il pubblico dovrebbe ricordare l'idea, non "questa presentazione è fantastica".

- Il limite di 18 minuti è liberazione, non costrizione. Ti costringe a trovare il nucleo di diamante del tuo pensiero.

**Obiettivo finale:** Quando il pubblico uscirà dalla stanza, potrebbe dimenticare il tuo nome, dimenticare le tue diapositive, ma ricorderà l'idea che ha cambiato il suo modo di vedere il mondo.

---

## Note importanti

- Tutto il contenuto delle diapositive deve essere in inglese

- Utilizzare un inglese semplice e potente che un pubblico globale possa comprendere

- Evitare il gergo a meno che non sia assolutamente necessario e definirlo chiaramente se utilizzato

- Garantire la sensibilità culturale e l'appeal universale negli esempi e nelle metafore