fralapo/conception-presentation

Conception de Présentation

Chapitres : 11 | Corpus : ~300 transcriptions théoriques sur la conception de présentations, distillées | Généré : 2026-11-05

Le quoi et pourquoi des bonnes diapositives. Pour les aspects pratiques niveau clic dans PowerPoint, Keynote, Google Slides, Canva ou Figma Slides, utilisez la compétence complémentaire slide-software-techniques.

Comment Utiliser Cette Compétence

• Générer ou construire un diaporama → suivez le Workflow de Génération de Diaporama ci-dessous, puis ouvrez ch02, ch03, ch04 et ch05 selon les besoins.
• Réviser ou reconcevoir des diapositives → utilisez la Liste de Vérification et ch10 (manuel de refonte).
• Une question spécifique → trouvez le chapitre dans l'Index des Sujets et lisez-le avant de répondre.
• Références rapides : cheatsheet.md (tous les nombres dans des tableaux), patterns.md (recettes de diapositives prêtes à l'emploi), glossary.md.
• Lecture minimale par tâche (économise le contexte) : nouveau diaporama → cheatsheet + ch02 + la section ch09 pour son contexte ; pitch deck → cheatsheet + ch09 (pitch) + ch07, plus public-speaking-persuasion ch12 pour la séquence de contenu d'un pitch investisseur (problème, qui, produit, concurrence, modèle économique, ressources, captation de valeur) ; révision de diapositives → Liste de Vérification + ch10 ; diaporama avec beaucoup de données → ch07 ; diaporama animé → ch08.

---

Les Dix Principes

1. Le message avant le logiciel. Public, objectif (informer / éduquer / convaincre / inspirer, plus l'action souhaitée), message clé et script passent en premier ; les diapositives viennent en dernier.
2. Les diapositives soutiennent la voix, un document doit se suffire à lui-même. Une idée par diapositive : une phrase ou quelques mots plus un visuel. Tout le reste va dans les notes de l'orateur. Si le diaporama sera envoyé par email, créez une deuxième version plus dense.
3. Le titre est le message. Un petit libellé porte le sujet (« Problème ») et une grande phrase énonce le point à retenir.
4. Diviser plutôt que comprimer. Plus de diapositives ne signifie pas un discours plus long : un événement, un nombre ou un point par diapositive.
5. Hiérarchie par le contraste et l'espace. Si tout est grand, rien n'est important. Utilisez au maximum trois niveaux, et créez un focus en atténuant le reste : élément actif à 100 %, les autres à ~30 %.
6. Les marges et l'alignement ne sont pas optionnels. Définissez des guides avant de concevoir, gardez le titre au même endroit, utilisez une logique d'alignement par diapositive, et ne justifiez jamais le texte.
7. Cohérence avant décoration. Une famille de polices, un jeu d'icônes, un traitement d'image, un style d'animation. Tout choix de style s'applique à l'ensemble du diaporama ou à aucun. Retirez avant d'ajouter.
8. Chaque visuel a une fonction (évocatrice, d'ancrage, descriptive, explicative) ou il disparaît. Les images vont en grand ; les icônes ne sont jamais de simples remplissages.
9. Reconstruire, ne pas coller. Les tableaux, graphiques et diagrammes sont redessinés dans le style du diaporama et simplifiés jusqu'à la donnée citée.
10. Animer avec un but. Le fondu est par défaut ; utilisez Morph / Magic Move pour la continuité. Les durées sont courtes, et le contenu apparaît au clic quand vous le nommez.

Nombres Canoniques (canevas 1920×1080 px, tailles en pt)

Élément	Valeur
Titre de couverture / énoncé / menu	80–160 (affichage de couverture jusqu'à 200–300)
Titre de message sur diapositive de contenu	64–88
Titre sur diapositive de liste / données / graphique	40–48
Corps de texte	24–32 ; ≥32 lorsqu'il est lu dans une salle de classe ou une grande pièce
Descriptions de données, texte secondaire	24
Chiffres clés / chiffres héros	≥56 / 120–200
Étiquettes au-dessus des titres	20–28
Sources, notes de bas de page, pied de page	18–20
Interlignage	titres 0.8–0.95 ; corps 1.1–1.2 multiple (jamais 1.5)
Longueur de ligne	40–50 caractères sur diapositives projetées ; 50–80 dans les documents
Puces	3 idéales, 5 max, longueur égale, un niveau d'indentation au maximum, révélées une à la fois
Polices	1 famille (2 max, la seconde uniquement en grand sur 1–2 mots) ; éviter Calibri, Arial, polices scriptes
Couleurs	2–3 + neutres (≤4 couleurs de thème), une accent ; blanc cassé et presque noir, jamais #FFF/#000 pur
Ombres	Opacité 10–20 % sur fonds clairs, flou proportionnel à la distance ; jamais les valeurs par défaut
Animation	objets 0.2–0.5 s (0.3 recommandé) ; transitions 0.5–1 s (max 1.5) ; morph ≈1 s (0.5–0.7 pour les petits déplacements) ; délais 0.1–0.2 s
Nombre de diapositives	un résultat du script ; règle empirique ≈15 pour 10 min (un pitch de 10 min ≈13)
Contraste	vérifiez chaque paire texte/fond en taille réelle ; une accent claire (citron vert, jaune) nécessite une variante plus foncée pour le texte sur blanc cassé. Objectifs WCAG numériques (4.5:1 corps, 3:1 grand) : ux-ui-expert ch21

Privilégiez les multiples de 8. L'échelle est un guide ; la cohérence à l'intérieur du diaporama prime sur la valeur exacte.

Workflow de Génération de Diaporama (lorsque vous construisez des diapositives)

1. Brief : qui est dans le public, combien, quelle est la salle ou le support, quel est l'objectif et l'action souhaitée, et quel logiciel et version présentera le fichier (ch01). Si inconnu, précisez vos hypothèses.
2. Message et script : écrivez le message clé en une phrase, puis un script ou un plan. Marquez où une diapositive est nécessaire (ch01).
3. Structure : appliquez le système de types de diapositives — couverture, (index), diapositives de rupture pour les sections, contenu, diapositives de focus pour les moments clés, dos de couverture avec un appel à l'action — et le rythme de fond (ch02).
4. Storyboard : une ligne par diapositive avec son titre de message et le visuel qui le porte (image, grand nombre, graphique, cartes d'icônes, frise chronologique). Choisissez par fonction (ch06, ch07).
5. Configuration du système : canevas 1920×1080, guides et marges, polices de thème, couleurs de thème (rôles de palette de ch05), un pied de page (ch03, ch11). Avec une marque, échantillonnez d'abord ses couleurs, polices et règles de logo.
6. Construction : un message par diapositive, l'échelle de taille ci-dessus, texte aligné à gauche, le focus avec atténuation du reste, données reconstruites de manière minimale (ch03, ch04, ch07).
7. Mouvement (si le support le permet) : fondu par défaut, morph pour la continuité, au clic pour ce que vous nommez (ch08).
8. Passage QA : exécutez la Liste de Vérification ci-dessous, visualisez le diaporama en grille ou en trieuse de diapositives, vérifiez le contraste et la lisibilité en taille réelle, et conservez une sauvegarde PDF (ch01, ch10).

Si le diaporama doit également être envoyé par email (c'est souvent le cas pour les pitchs decks), prévoyez aussi la version « document » plus dense (ch01). Lorsque l'entreprise ou les données sont hypothétiques, marquez chaque chiffre ou nom inventé comme [placeholder].

Lors de la génération de fichiers par programme (python-pptx, DeckCraft, etc.), codez les nombres canoniques comme constantes, construisez d'abord les masques/maquettes, et générez des aperçus pour vérifier le débordement, l'alignement et le contraste avant de livrer.

Liste de Vérification (audit de toute diapositive ou diaporama)

• Organisation : y a-t-il un message par diapositive ? Les titres énoncent-ils les points à retenir ? Le diaporama est-il structuré en sections, avec un appel à l'action à la fin ?
• Texte : la quantité, les tailles, la longueur de ligne, l'alignement, l'emphase et les puces sont-ils dans les nombres canoniques ?
• Couleur : chaque couleur a-t-elle un rôle et y a-t-il une seule accent ? Le contraste est-il adéquat ? N'y a-t-il pas de noir ou blanc pur ?
• Style : les marges et positions sont-elles cohérentes, et les choix de style (ombres, coins, icônes, filtres d'image) sont-ils appliqués à l'ensemble du diaporama ?
• Ressources : les images sont-elles grandes et haute résolution, sans filigrane ? Les icônes proviennent-elles d'un seul jeu ? Les graphiques et tableaux sont-ils reconstruits et simplifiés ?
• Pour chaque problème signalé problème → pourquoi c'est important → correctif, et gardez–supprimez–modifiez les éléments (ch10).

---

Index des Chapitres

#	Titre	Cadres clés
ch01	Le Processus : Message Avant le Logiciel	3 questions fondamentales, processus en 5 étapes, script vs plan, nombre de diapositives, diapositives vs document, quand ne pas utiliser de diapositives, présentation et répétition
ch02	Structure du Diaporama & Types de Diapositives	6 types de diapositives, rythme de fond, couverture, index, diapositives de rupture, pied de page, dos de couverture CTA
ch03	Mise en Page & Principes de Conception Visuelle	marges & guides, grille, alignement, proximité, hiérarchie, focus par atténuation du reste, cohérence, soustraire avant d'ajouter
ch04	Texte et Typographie sur les Diapositives	titres de message, échelle de taille, polices, interlignage/longueur de ligne, emphase, puces et alternatives, ajustement automatique
ch05	Couleur	tailles de palette, pensée TSL, teintes/ombres monochromes, rôles de couleur, rythme de fond, rouge, contraste, outils
ch06	Images, Icônes, Fonds et Effets	4 fonctions d'image, grandes images, filtres, texte sur photo, icônes, logos, ombres, fonds, verre, captures d'écran
ch07	Données : Graphiques, Tableaux, Nombres et Frises Chronologiques	un graphique par diapositive, mettre en évidence la donnée citée, alternatives au camembert, grands nombres, tableaux minimaux, frises chronologiques, diapositives d'offre et de loi
ch08	Animation et Transitions (Principes)	3 fonctions, minutage, au clic vs avec précédent, un point à la fois, motifs de morph, boucles, contraintes d'entreprise
ch09	Présentations par Contexte	école, thèse, rapport de stage, scientifique, entreprise, diapositives de pitch deck, lancement de produit, portfolio, formation, conférences, webinaires
ch10	Le Manuel de Refonte (Avant → Après)	Audit en 5 zones, garder/supprimer/modifier, diviser vs comprimer, reconstruire le contenu collé, cas de refonte
ch11	Templates, Marque, IA et Ressources	quand utiliser des templates, recoloration par rôles, construction de template d'entreprise, règles de marque, outils IA, sites de ressources

Index des Sujets

• Diapositive d'ordre du jour / index → ch02, ch10
• IA pour les diapositives → ch11
• Alignement, marges, guides, grille → ch03
• Animation, transitions, morph → ch08 (mode d'emploi : slide-software-techniques)
• Dos de couverture / clôture / « merci » → ch02
• Fonds → ch05, ch06
• Grands nombres, pourcentages → ch07
• Directives de marque, logos → ch06, ch11
• Puces et alternatives → ch04, ch10
• Graphiques (alternatives au camembert, mise en évidence) → ch07
• Palette de couleurs, contraste → ch05
• Diapositives concurrent / problème / équipe / offre (pitch) → ch09, ch07
• Présentations d'entreprise, réunions → ch09
• Diapositive de couverture → ch02
• Présentation : vue présentateur, télécommande, sauvegarde PDF, répétition → ch01
• Document vs diapositives (diaporamas envoyés par email) → ch01, ch04
• Polices, tailles, interlignage → ch04
• Hiérarchie, focus, espace blanc → ch03
• Icônes → ch06
• Images, photos, texte sur photo → ch06
• Inspiration (sites web, moodboard) → ch01, ch11
• Nombre de diapositives → ch01
• Pitch deck (investisseurs, startup) → ch09 (conception de diapositives), ch07 (nombres, tableaux), public-speaking-persuasion ch12 (séquence de contenu)
• Taille du marché, traction, chiffres du modèle économique → ch07 (grands nombres, graphiques, mise en évidence)
• Présentations de portfolio → ch09
• Reconcevoir des diapositives existantes → ch10
• École, thèse, stage (PCTO) → ch09
• Ombres, verre, 3D, effets → ch06
• Storyboard, script → ch01
• Tableaux → ch07
• Conférences, TEDx, webinaires, formation → ch09
• Templates (utilisation / construction) → ch11
• Frises chronologiques, Gantt → ch07

Compétences Associées

• slide-software-techniques : menus, paramètres et recettes dans PowerPoint, Keynote, Google Slides, Canva, Figma Slides.
• public-speaking-persuasion : présentation, voix, narration, persuasion.
• ux-ui-expert : fondamentaux visuels généraux (lois typographiques, couleur 60-30-10, hiérarchie) et psychologie UX.
• creative-director : concepts, copy et métaphores visuelles.
• anthropic-skills:pptx, designcraft-expert : production des fichiers réels.

Périmètre et Limites

Conseils de conception pour les diaporamas présentés en direct et envoyés par email. Les nombres sont calibrés sur un canevas 1920×1080 : mettez à l'échelle proportionnellement pour d'autres tailles. Les règles de l'entreprise ou de la marque remplacent ces valeurs par défaut. Dites-le explicitement lorsque vous déviez.