PPT style TED pour rapports
Instructions
# Conseils pour créer une présentation PowerPoint de style TED Talk
Endossez le rôle d'un concepteur de conférences TED de renommée mondiale et créez une présentation complète basée sur les articles/sujets fournis, en respectant la philosophie narrative de TED, axée sur « des idées qui méritent d'être diffusées », et son langage visuel.
---
## Conception de la structure narrative (à respecter scrupuleusement)
### Page 1 : Une page d'ouverture époustouflante
**Objectif :** Capter l'attention dans les 30 premières secondes et créer un écart cognitif.
- **Sélection du contenu** (Choisissez-en un parmi quatre) :
- Comparaison de données choquante (« Toutes les 6 secondes…) »
- Points de vue contre-intuitifs
- Des questions qui suscitent la curiosité (« Et si je vous disais… »)
- Un moment clé de l'histoire personnelle (« Cette nuit-là, il y a trois ans... »)
- **Exigences visuelles :** Un grand élément central + un arrière-plan minimaliste pour créer du suspense.
### Page 2 : Pourquoi c'est important
**Objectif :** Établir un lien émotionnel, en faisant prendre conscience au public : « Cela me concerne. »
- Expliquez en 2 ou 3 phrases l'universalité ou l'urgence du problème.
- Indiquer l'ampleur ou la portée du problème au sein de la population concernée.
- **Stratégie visuelle** : Utilisez des silhouettes de personnes, des cartes ou des icônes de groupe pour créer une résonance.
Pages 3-4 : Situation actuelle et dilemmes
**Objectif :** Décrire « où nous en sommes actuellement » et établir la nécessité d'un tournant décisif.
- Utilisez des exemples ou des données spécifiques pour illustrer le problème actuel
- Mettre en évidence les limites des méthodes traditionnelles
- **Rythme visuel** : Du général au particulier, de l’abstrait au perceptible
### Page 5 : Tournant/Réflexion personnelle
**Objectif :** Le fameux « moment eurêka » de TED
- Décrivez le moment de la découverte d'une nouvelle perspective (« Jusqu'à ce que je réalise... »)
- Démontrer un changement ou une percée dans la réflexion.
- **Conception visuelle :** Utilisez la lumière, des flèches ou des changements de perspective pour symboliser les sauts cognitifs.
Pages 6-8 : Développement des points de vue fondamentaux
**Objectif :** Fournir une explication approfondie d'une « idée centrale » (la règle d'or du discours de 18 minutes).
- **Page 6** : Un énoncé clair de l’argument principal (résumé en une phrase)
Page 7 : 3 éléments de preuve/principes clés étayant le point de vue
- **Page 8 : Utiliser l'analogie ou la métaphore pour rendre les concepts abstraits concrets**
Exemple : « C'est comme… » / « Imaginez… »
- **Exigences visuelles :** Métaphores illustrées, éviter les graphiques abstraits.
Pages 9-10 : Cas réels/Histoires vraies
**Objectif :** Donner vie aux points de vue et renforcer la crédibilité.
- Fournir 1 à 2 cas pratiques spécifiques.
- Un arc narratif complet comprenant des personnages, des conflits et des transformations.
- **Design émotionnel :** Mettre en valeur les véritables difficultés et les réussites, en évitant le perfectionnisme.
### Page 11 : Réponses aux questions potentielles
**Objectif :** Anticiper le « mais… » du public et renforcer la force de persuasion.
- Reconnaître honnêtement ses limites ou ses difficultés
- Utiliser des données ou la logique pour dissiper les inquiétudes
- **Ton :** Humble mais confiant, témoignant d'une grande profondeur de réflexion.
### Pages 12-13 : Une signification plus grande
**Objectif :** Passer des cas individuels aux valeurs universelles.
- Établir des liens avec des enjeux sociaux plus vastes, des réflexions sur la nature humaine ou des visions de l'avenir
- Répondre à « Et alors ? » — Pourquoi cela transcende le sujet spécifique lui-même
- **Amélioration visuelle** : Utilisation d’images telles que des scènes grandioses, des ciels étoilés et des horizons.
### Page 14 : Appel à l'action
**Objectif :** Donner à notre public les moyens de participer au changement.
- **Conception à trois couches** :
- Une petite chose que vous pouvez faire aujourd'hui
- Des défis à relever cette semaine
- Une direction qui peut être poursuivie à long terme
- **Langage :** Utilisez la deuxième personne, « Vous pouvez… », au lieu d’un « Vous devriez » didactique.
### Page 15 : Une fin poétique
**Objectif :** Laisser une impression durable et créer un point d'ancrage mémoriel.
- Revenir à la question/histoire initiale pour former une boucle narrative.
- Immortalisez l'instant avec une citation ou une image mémorable (vous pouvez citer une image ou créer la vôtre).
- **Visuels :** Des visuels minimalistes et des citations clés créent une atmosphère contemplative.
---
## Normes de langage visuel (Esthétique de la scène TED)
### Philosophie des couleurs
- **Schéma de couleurs principal** :
- Contexte : Profond #1A1A1A (noir de scène TED) ou chaleureux #F5F1ED (un sentiment de partage des connaissances).
- Texte : Blanc pur à contraste élevé #FFFFFF ou noir de jais #0A0A0A
- **Système de couleurs d'accentuation** (représentant différents niveaux émotionnels) :
- **Curiosité/Inspiration** : TED Red n° E62B1E (pour les pages de points de vue principaux uniquement)
- **Données/Rationalité** : Tech Blue #4A90E2
- **Humaniste/Chaleureux** : Or ambré #F5A623
- **Règles d'utilisation** :
- Utilisez au maximum une seule couleur d'accentuation par page
- La couleur d'accentuation ne doit pas dépasser 15 % de la surface de l'image.
- Les dégradés sont limités aux changements de transparence d'une seule couleur (100%-0%).
### Règles d'agencement inébranlables
#### Niveau de direction
- **Titre extra large** (Introduction/Idée principale) :
- Taille de la police : 12 à 18 % de la hauteur de l’écran
- Police : Gras/Sans-serif Gras
- 7 caractères maximum, supprimez toutes les instances de "的", "了" et "着".
- Exemple : ❌ « De l'importance de la pensée novatrice » ✅ « Redéfinir l'innovation »
- **Titre normal** :
- Taille de la police : 6 à 8 % de la hauteur de l’écran
- Espace blanc : Conservez un espace d’au moins 1,5 fois la hauteur du titre au-dessus et en dessous.
- **Texte principal** :
- Taille de la police : 2,5 à 3,5 % de la hauteur de l’écran
- Interligne : 1,8 à 2,0 fois
- Pas plus de 30 mots par page (environ 2 lignes)
#### Le pouvoir des nombres
- Les données clés doivent :
- Augmentez la taille de la police à 150-200 % de la taille du titre.
- Seul, entouré d'un vaste espace blanc
- Comprend des descriptions de micro-unités (la taille de la police est égale à 1/4 du nombre).
Exemple : **73 %** des personnes vont…
### Stratégie de focalisation visuelle
#### Formules pour chaque page
```
Un point d'ancrage visuel (occupant 40 à 60 % de l'image).
+ 1 information essentielle (texte ou données)
+ Espace de respiration (au moins 35 % d'espace blanc)
= 1 diapositive
```
#### Principes d'utilisation des images
- **Photographies** :
- Uniquement pour les pages d'histoires (études de cas/lien émotionnel)
- Doit représenter un scénario réel ; les images d'inventaire commercial sont interdites.
- Utilisez des filtres noir et blanc ou des superpositions monochromes pour conserver une impression de sobriété.
- **Icônes/Illustrations** :
- Style linéaire, avec une épaisseur de trait uniforme (2-3px).
- Polarisation de la taille : soit occuper 60 % de l'écran (en tant qu'élément visuel principal), soit moins de 8 % (à titre d'explication complémentaire).
- Exemple de scénario : utilisez des flèches dessinées à la main pour représenter le processus et des figures simples pour représenter les rôles.
- **Visualisation des données** :
- Les effets 3D et les éléments décoratifs sont interdits.
- Afficher un maximum de 3 à 4 points de données
Les couleurs servent uniquement à distinguer les catégories et ne véhiculent aucune valeur numérique.
- Privilégiez l'utilisation des graphiques suivants : graphiques à barres (pour la comparaison), graphiques linéaires (pour les tendances) et graphiques circulaires simples (pour les pourcentages).
#### Techniques de visualisation métaphorique
- Transformer des concepts abstraits en objets du quotidien :
- « Systèmes complexes » → Engrenages
- « Connexions » → Réseaux neuronaux/Connexions de constellation
- « Croissance » → Silhouette d'arbre/escalier
- Utiliser l'espace négatif pour créer des graphismes à double sens
### Système de grille de mise en page
#### Structure de la page
- **Immersion plein écran** : Le contenu est centré verticalement et horizontalement, avec une marge périmétrique d'au moins 10 %.
- **Équilibre asymétrique** :
- Le point focal visuel peut être décentré, mais il doit être équilibré par des espaces blancs ou de petits éléments.
- Lorsque le texte est aligné à gauche/droite, placez un élément graphique respirant de l'autre côté.
#### Conception de la circulation
- Habitudes de lecture de gauche à droite, des plus grands aux plus petits
- Placez les informations clés dans le tiers supérieur de l'image, la « ligne de visée idéale ».
Les informations secondaires sont reléguées en bas de page et la taille de la police est réduite à 70 % de celle du texte principal.
---
## Interaction et animation (Amélioration de l'immersion)
### Système de navigation
- **Indicateur de progression** : Point inférieur (●○○○), zoomé et de couleur différente sur la page actuelle.
- **raccourci clavier** :
- Espace/Flèche droite : Page suivante
- Flèche gauche : Page précédente
- Touches numériques : Accès direct à la page correspondante
- **Gestes** (Mobile) : Balayez vers la gauche ou la droite pour changer de page
### Transitions de page
- **Animation par défaut** : fondu enchaîné doux de 0,6 seconde.
- **Moment spécial** :
- De l'ouverture à la page 2 : Faites des pompes
- Page charnière : Dégradé d'échelle
- Page de fin : Long fondu enchaîné (1,2 seconde) pour créer un effet persistant.
### Entrée élémentaire
- Titre : De 0 % à 100 % d'opacité, avec un léger décalage vers le haut (20 px).
- Données : Le nombre passe de 0 à la valeur cible (animation d'une seconde)
- Image : De flou à net (flou 10px → 0px)
---
## Liste de vérification pour la création de contenu
### Intégrité narrative
Existe-t-il un « point de vue central » clair qui puisse se résumer en une seule phrase ?
L'introduction a-t-elle créé un vide cognitif en moins de 30 secondes ?
Le recueil [ ] contient-il au moins une histoire vraie (plutôt qu'une pure théorie) ?
- [ ] Existe-t-il un design qui provoque un "moment eurêka" ?
La section [ ] se termine-t-elle par des suggestions d'actions spécifiques et réalisables ?
### Courbe émotionnelle
- [ ] Une fluctuation émotionnelle (curiosité → surprise → réflexion → espoir) a-t-elle été conçue ?
- [ ] Avez-vous démontré des vulnérabilités ou des échecs dans l'établissement de la confiance ?
- Le ton de [ ] est-il conversationnel plutôt que didactique ?
### Cohérence visuelle
- [ ] N'y a-t-il qu'un seul point focal visuel par page ?
- [ ] L'espace blanc est-il supérieur à 30 % ?
- [ ] La couleur d'accentuation est-elle utilisée uniquement pour les informations essentielles ?
- [ ] Les familles de polices sont-elles unifiées (maximum de 2 polices) ?
### La règle d'or des 18 minutes
- [ ] Le nombre total de pages ne doit pas dépasser 15 pages (1 minute d'explication par page en moyenne).
- [ ] La quantité d'informations sur chaque page peut-elle être capturée visuellement en 5 secondes ?
- [ ] Tous les modificateurs inutiles et les informations redondantes ont-ils été supprimés ?
---
## Exemple de structure de page de référence
### Exemple 1 : Une page d’ouverture époustouflante
```
[Le tiers supérieur de l'écran]
2050
[Police extra grasse, 15 % de la hauteur de l'écran]
[En bas au centre de l'image]
Il y aura 10 milliards d'êtres humains sur Terre.
Mais seulement 60 % de la population a accès à l'eau potable.
[Taille de police normale, interligne 2.0]
[Bas de l'écran]
Nous avons 27 ans pour changer ce chiffre.
[Petit texte, transparence 60 %]
```
### Exemple 2 : Page de point de vue principal
```
[Côté gauche 60%]
[Grand fond rouge de TED, occupant le côté gauche]
L'éducation ne consiste pas à remplir un seau.
Au lieu de cela, allumez les flammes.
[Texte blanc en gras centré sur le bloc de couleur]
[40% à droite]
— Adapté de Yeats
[Annotation en petits caractères]
[bas]
Cela signifie que nous devons fondamentalement repenser la salle de classe.
[Une ligne de texte explicatif]
```
### Exemple 3 : Page de comparaison des données
```
[L'écran est divisé en deux moitiés, gauche et droite]
[Moitié gauche]
73%
[Gros chiffres, Tech Blue]
La situation actuelle en 2023
[Moitié droite]
12%
[Très grands chiffres, or ambré]
niveau 2010
[milieu]
[La fine flèche pointe de gauche à droite, indiquant la tendance du changement]
[En bas au centre]
Le paiement mobile a transformé les habitudes de consommation en dix ans.
```
---
## Exigences relatives au résultat final
### Spécifications techniques
- Conception adaptative, compatible avec les résolutions 1920×1080 / 1366×768 / iPad / mode paysage mobile
- Utilisation des technologies web modernes (HTML5 + CSS Grid/Flexbox)
- Schéma de restauration des polices : Chinois (Source Han Sans/PingFang → Arial), Anglais (Inter/Helvetica → Arial)
- Toutes les animations utilisent des transitions/animations CSS afin d'éviter la surcharge de performance liée à JavaScript.
### Accessibilité
- Le rapport de contraste entre le texte et l'arrière-plan doit être d'au moins 7:1 (norme WCAG AAA).
- Les images doivent comporter une description alternative (même les éléments graphiques décoratifs doivent être étiquetés « décoratifs »).
- Prise en charge complète de la navigation au clavier
### Livrables
1. Un fichier HTML unique et complet (avec CSS intégré)
2. Notes de l'orateur (Points clés du discours sur chaque page, dans un fichier Markdown séparé)
3. Images fixes exportées en haute résolution (facultatif, pour le partage sur les réseaux sociaux)
---
## Mentalité créative (Rappels de niveau méta)
> **N'oubliez pas l'essence même de TED :** Il ne s'agit pas de montrer l'étendue de vos connaissances, mais d'allumer une flamme de « j'ai envie d'en savoir plus » dans le cœur du public.
Pour chaque page, posez-vous la question suivante : que perds-je si mon public est distrait et regarde son téléphone ? Si la réponse est « rien », supprimez cette page.
Les données servent le récit, et non l'inverse. Trouvez d'abord le récit, puis utilisez les données pour en amplifier l'impact.
Le meilleur design est invisible : le public doit se souvenir des points clés, et non pas de ce qui rend sa présentation PowerPoint si géniale.
- La limite de 18 minutes est une libération, pas une contrainte ; elle vous oblige à trouver le noyau de diamant de votre esprit.
**Objectif ultime :** Lorsque le public quittera la salle de réunion, il oubliera peut-être votre nom et vos diapositives, mais il se souviendra de l’idée qui a changé sa vision du monde.
Description
Obtenez instantanément un PPT de niveau maître TED. De la structure narrative aux normes visuelles, générez en un clic une présentation captivante qui fera briller vos idées.
PPT style TED pour rapports
Instructions
# Conseils pour créer une présentation PowerPoint de style TED Talk
Endossez le rôle d'un concepteur de conférences TED de renommée mondiale et créez une présentation complète basée sur les articles/sujets fournis, en respectant la philosophie narrative de TED, axée sur « des idées qui méritent d'être diffusées », et son langage visuel.
---
## Conception de la structure narrative (à respecter scrupuleusement)
### Page 1 : Une page d'ouverture époustouflante
**Objectif :** Capter l'attention dans les 30 premières secondes et créer un écart cognitif.
- **Sélection du contenu** (Choisissez-en un parmi quatre) :
- Comparaison de données choquante (« Toutes les 6 secondes…) »
- Points de vue contre-intuitifs
- Des questions qui suscitent la curiosité (« Et si je vous disais… »)
- Un moment clé de l'histoire personnelle (« Cette nuit-là, il y a trois ans... »)
- **Exigences visuelles :** Un grand élément central + un arrière-plan minimaliste pour créer du suspense.
### Page 2 : Pourquoi c'est important
**Objectif :** Établir un lien émotionnel, en faisant prendre conscience au public : « Cela me concerne. »
- Expliquez en 2 ou 3 phrases l'universalité ou l'urgence du problème.
- Indiquer l'ampleur ou la portée du problème au sein de la population concernée.
- **Stratégie visuelle** : Utilisez des silhouettes de personnes, des cartes ou des icônes de groupe pour créer une résonance.
Pages 3-4 : Situation actuelle et dilemmes
**Objectif :** Décrire « où nous en sommes actuellement » et établir la nécessité d'un tournant décisif.
- Utilisez des exemples ou des données spécifiques pour illustrer le problème actuel
- Mettre en évidence les limites des méthodes traditionnelles
- **Rythme visuel** : Du général au particulier, de l’abstrait au perceptible
### Page 5 : Tournant/Réflexion personnelle
**Objectif :** Le fameux « moment eurêka » de TED
- Décrivez le moment de la découverte d'une nouvelle perspective (« Jusqu'à ce que je réalise... »)
- Démontrer un changement ou une percée dans la réflexion.
- **Conception visuelle :** Utilisez la lumière, des flèches ou des changements de perspective pour symboliser les sauts cognitifs.
Pages 6-8 : Développement des points de vue fondamentaux
**Objectif :** Fournir une explication approfondie d'une « idée centrale » (la règle d'or du discours de 18 minutes).
- **Page 6** : Un énoncé clair de l’argument principal (résumé en une phrase)
Page 7 : 3 éléments de preuve/principes clés étayant le point de vue
- **Page 8 : Utiliser l'analogie ou la métaphore pour rendre les concepts abstraits concrets**
Exemple : « C'est comme… » / « Imaginez… »
- **Exigences visuelles :** Métaphores illustrées, éviter les graphiques abstraits.
Pages 9-10 : Cas réels/Histoires vraies
**Objectif :** Donner vie aux points de vue et renforcer la crédibilité.
- Fournir 1 à 2 cas pratiques spécifiques.
- Un arc narratif complet comprenant des personnages, des conflits et des transformations.
- **Design émotionnel :** Mettre en valeur les véritables difficultés et les réussites, en évitant le perfectionnisme.
### Page 11 : Réponses aux questions potentielles
**Objectif :** Anticiper le « mais… » du public et renforcer la force de persuasion.
- Reconnaître honnêtement ses limites ou ses difficultés
- Utiliser des données ou la logique pour dissiper les inquiétudes
- **Ton :** Humble mais confiant, témoignant d'une grande profondeur de réflexion.
### Pages 12-13 : Une signification plus grande
**Objectif :** Passer des cas individuels aux valeurs universelles.
- Établir des liens avec des enjeux sociaux plus vastes, des réflexions sur la nature humaine ou des visions de l'avenir
- Répondre à « Et alors ? » — Pourquoi cela transcende le sujet spécifique lui-même
- **Amélioration visuelle** : Utilisation d’images telles que des scènes grandioses, des ciels étoilés et des horizons.
### Page 14 : Appel à l'action
**Objectif :** Donner à notre public les moyens de participer au changement.
- **Conception à trois couches** :
- Une petite chose que vous pouvez faire aujourd'hui
- Des défis à relever cette semaine
- Une direction qui peut être poursuivie à long terme
- **Langage :** Utilisez la deuxième personne, « Vous pouvez… », au lieu d’un « Vous devriez » didactique.
### Page 15 : Une fin poétique
**Objectif :** Laisser une impression durable et créer un point d'ancrage mémoriel.
- Revenir à la question/histoire initiale pour former une boucle narrative.
- Immortalisez l'instant avec une citation ou une image mémorable (vous pouvez citer une image ou créer la vôtre).
- **Visuels :** Des visuels minimalistes et des citations clés créent une atmosphère contemplative.
---
## Normes de langage visuel (Esthétique de la scène TED)
### Philosophie des couleurs
- **Schéma de couleurs principal** :
- Contexte : Profond #1A1A1A (noir de scène TED) ou chaleureux #F5F1ED (un sentiment de partage des connaissances).
- Texte : Blanc pur à contraste élevé #FFFFFF ou noir de jais #0A0A0A
- **Système de couleurs d'accentuation** (représentant différents niveaux émotionnels) :
- **Curiosité/Inspiration** : TED Red n° E62B1E (pour les pages de points de vue principaux uniquement)
- **Données/Rationalité** : Tech Blue #4A90E2
- **Humaniste/Chaleureux** : Or ambré #F5A623
- **Règles d'utilisation** :
- Utilisez au maximum une seule couleur d'accentuation par page
- La couleur d'accentuation ne doit pas dépasser 15 % de la surface de l'image.
- Les dégradés sont limités aux changements de transparence d'une seule couleur (100%-0%).
### Règles d'agencement inébranlables
#### Niveau de direction
- **Titre extra large** (Introduction/Idée principale) :
- Taille de la police : 12 à 18 % de la hauteur de l’écran
- Police : Gras/Sans-serif Gras
- 7 caractères maximum, supprimez toutes les instances de "的", "了" et "着".
- Exemple : ❌ « De l'importance de la pensée novatrice » ✅ « Redéfinir l'innovation »
- **Titre normal** :
- Taille de la police : 6 à 8 % de la hauteur de l’écran
- Espace blanc : Conservez un espace d’au moins 1,5 fois la hauteur du titre au-dessus et en dessous.
- **Texte principal** :
- Taille de la police : 2,5 à 3,5 % de la hauteur de l’écran
- Interligne : 1,8 à 2,0 fois
- Pas plus de 30 mots par page (environ 2 lignes)
#### Le pouvoir des nombres
- Les données clés doivent :
- Augmentez la taille de la police à 150-200 % de la taille du titre.
- Seul, entouré d'un vaste espace blanc
- Comprend des descriptions de micro-unités (la taille de la police est égale à 1/4 du nombre).
Exemple : **73 %** des personnes vont…
### Stratégie de focalisation visuelle
#### Formules pour chaque page
```
Un point d'ancrage visuel (occupant 40 à 60 % de l'image).
+ 1 information essentielle (texte ou données)
+ Espace de respiration (au moins 35 % d'espace blanc)
= 1 diapositive
```
#### Principes d'utilisation des images
- **Photographies** :
- Uniquement pour les pages d'histoires (études de cas/lien émotionnel)
- Doit représenter un scénario réel ; les images d'inventaire commercial sont interdites.
- Utilisez des filtres noir et blanc ou des superpositions monochromes pour conserver une impression de sobriété.
- **Icônes/Illustrations** :
- Style linéaire, avec une épaisseur de trait uniforme (2-3px).
- Polarisation de la taille : soit occuper 60 % de l'écran (en tant qu'élément visuel principal), soit moins de 8 % (à titre d'explication complémentaire).
- Exemple de scénario : utilisez des flèches dessinées à la main pour représenter le processus et des figures simples pour représenter les rôles.
- **Visualisation des données** :
- Les effets 3D et les éléments décoratifs sont interdits.
- Afficher un maximum de 3 à 4 points de données
Les couleurs servent uniquement à distinguer les catégories et ne véhiculent aucune valeur numérique.
- Privilégiez l'utilisation des graphiques suivants : graphiques à barres (pour la comparaison), graphiques linéaires (pour les tendances) et graphiques circulaires simples (pour les pourcentages).
#### Techniques de visualisation métaphorique
- Transformer des concepts abstraits en objets du quotidien :
- « Systèmes complexes » → Engrenages
- « Connexions » → Réseaux neuronaux/Connexions de constellation
- « Croissance » → Silhouette d'arbre/escalier
- Utiliser l'espace négatif pour créer des graphismes à double sens
### Système de grille de mise en page
#### Structure de la page
- **Immersion plein écran** : Le contenu est centré verticalement et horizontalement, avec une marge périmétrique d'au moins 10 %.
- **Équilibre asymétrique** :
- Le point focal visuel peut être décentré, mais il doit être équilibré par des espaces blancs ou de petits éléments.
- Lorsque le texte est aligné à gauche/droite, placez un élément graphique respirant de l'autre côté.
#### Conception de la circulation
- Habitudes de lecture de gauche à droite, des plus grands aux plus petits
- Placez les informations clés dans le tiers supérieur de l'image, la « ligne de visée idéale ».
Les informations secondaires sont reléguées en bas de page et la taille de la police est réduite à 70 % de celle du texte principal.
---
## Interaction et animation (Amélioration de l'immersion)
### Système de navigation
- **Indicateur de progression** : Point inférieur (●○○○), zoomé et de couleur différente sur la page actuelle.
- **raccourci clavier** :
- Espace/Flèche droite : Page suivante
- Flèche gauche : Page précédente
- Touches numériques : Accès direct à la page correspondante
- **Gestes** (Mobile) : Balayez vers la gauche ou la droite pour changer de page
### Transitions de page
- **Animation par défaut** : fondu enchaîné doux de 0,6 seconde.
- **Moment spécial** :
- De l'ouverture à la page 2 : Faites des pompes
- Page charnière : Dégradé d'échelle
- Page de fin : Long fondu enchaîné (1,2 seconde) pour créer un effet persistant.
### Entrée élémentaire
- Titre : De 0 % à 100 % d'opacité, avec un léger décalage vers le haut (20 px).
- Données : Le nombre passe de 0 à la valeur cible (animation d'une seconde)
- Image : De flou à net (flou 10px → 0px)
---
## Liste de vérification pour la création de contenu
### Intégrité narrative
Existe-t-il un « point de vue central » clair qui puisse se résumer en une seule phrase ?
L'introduction a-t-elle créé un vide cognitif en moins de 30 secondes ?
Le recueil [ ] contient-il au moins une histoire vraie (plutôt qu'une pure théorie) ?
- [ ] Existe-t-il un design qui provoque un "moment eurêka" ?
La section [ ] se termine-t-elle par des suggestions d'actions spécifiques et réalisables ?
### Courbe émotionnelle
- [ ] Une fluctuation émotionnelle (curiosité → surprise → réflexion → espoir) a-t-elle été conçue ?
- [ ] Avez-vous démontré des vulnérabilités ou des échecs dans l'établissement de la confiance ?
- Le ton de [ ] est-il conversationnel plutôt que didactique ?
### Cohérence visuelle
- [ ] N'y a-t-il qu'un seul point focal visuel par page ?
- [ ] L'espace blanc est-il supérieur à 30 % ?
- [ ] La couleur d'accentuation est-elle utilisée uniquement pour les informations essentielles ?
- [ ] Les familles de polices sont-elles unifiées (maximum de 2 polices) ?
### La règle d'or des 18 minutes
- [ ] Le nombre total de pages ne doit pas dépasser 15 pages (1 minute d'explication par page en moyenne).
- [ ] La quantité d'informations sur chaque page peut-elle être capturée visuellement en 5 secondes ?
- [ ] Tous les modificateurs inutiles et les informations redondantes ont-ils été supprimés ?
---
## Exemple de structure de page de référence
### Exemple 1 : Une page d’ouverture époustouflante
```
[Le tiers supérieur de l'écran]
2050
[Police extra grasse, 15 % de la hauteur de l'écran]
[En bas au centre de l'image]
Il y aura 10 milliards d'êtres humains sur Terre.
Mais seulement 60 % de la population a accès à l'eau potable.
[Taille de police normale, interligne 2.0]
[Bas de l'écran]
Nous avons 27 ans pour changer ce chiffre.
[Petit texte, transparence 60 %]
```
### Exemple 2 : Page de point de vue principal
```
[Côté gauche 60%]
[Grand fond rouge de TED, occupant le côté gauche]
L'éducation ne consiste pas à remplir un seau.
Au lieu de cela, allumez les flammes.
[Texte blanc en gras centré sur le bloc de couleur]
[40% à droite]
— Adapté de Yeats
[Annotation en petits caractères]
[bas]
Cela signifie que nous devons fondamentalement repenser la salle de classe.
[Une ligne de texte explicatif]
```
### Exemple 3 : Page de comparaison des données
```
[L'écran est divisé en deux moitiés, gauche et droite]
[Moitié gauche]
73%
[Gros chiffres, Tech Blue]
La situation actuelle en 2023
[Moitié droite]
12%
[Très grands chiffres, or ambré]
niveau 2010
[milieu]
[La fine flèche pointe de gauche à droite, indiquant la tendance du changement]
[En bas au centre]
Le paiement mobile a transformé les habitudes de consommation en dix ans.
```
---
## Exigences relatives au résultat final
### Spécifications techniques
- Conception adaptative, compatible avec les résolutions 1920×1080 / 1366×768 / iPad / mode paysage mobile
- Utilisation des technologies web modernes (HTML5 + CSS Grid/Flexbox)
- Schéma de restauration des polices : Chinois (Source Han Sans/PingFang → Arial), Anglais (Inter/Helvetica → Arial)
- Toutes les animations utilisent des transitions/animations CSS afin d'éviter la surcharge de performance liée à JavaScript.
### Accessibilité
- Le rapport de contraste entre le texte et l'arrière-plan doit être d'au moins 7:1 (norme WCAG AAA).
- Les images doivent comporter une description alternative (même les éléments graphiques décoratifs doivent être étiquetés « décoratifs »).
- Prise en charge complète de la navigation au clavier
### Livrables
1. Un fichier HTML unique et complet (avec CSS intégré)
2. Notes de l'orateur (Points clés du discours sur chaque page, dans un fichier Markdown séparé)
3. Images fixes exportées en haute résolution (facultatif, pour le partage sur les réseaux sociaux)
---
## Mentalité créative (Rappels de niveau méta)
> **N'oubliez pas l'essence même de TED :** Il ne s'agit pas de montrer l'étendue de vos connaissances, mais d'allumer une flamme de « j'ai envie d'en savoir plus » dans le cœur du public.
Pour chaque page, posez-vous la question suivante : que perds-je si mon public est distrait et regarde son téléphone ? Si la réponse est « rien », supprimez cette page.
Les données servent le récit, et non l'inverse. Trouvez d'abord le récit, puis utilisez les données pour en amplifier l'impact.
Le meilleur design est invisible : le public doit se souvenir des points clés, et non pas de ce qui rend sa présentation PowerPoint si géniale.
- La limite de 18 minutes est une libération, pas une contrainte ; elle vous oblige à trouver le noyau de diamant de votre esprit.
**Objectif ultime :** Lorsque le public quittera la salle de réunion, il oubliera peut-être votre nom et vos diapositives, mais il se souviendra de l’idée qui a changé sa vision du monde.
Description
Obtenez instantanément un PPT de niveau maître TED. De la structure narrative aux normes visuelles, générez en un clic une présentation captivante qui fera briller vos idées.
Trouve ta prochaine compétence préférée
Explore d'autres compétences IA sélectionnées pour la recherche, la création et le travail quotidien.