Objectifs

• Comprendre ce qu'est une charte graphique et pourquoi elle est importante.
• Apprendre à appliquer la charte sur différents supports (affiche, diaporama, page web, vidéo).
• Savoir choisir et optimiser des médias (images, audio, vidéo, icônes) en respectant les droits et l'accessibilité.

Vocabulaire clé

• Charte graphique : ensemble de règles visuelles (logo, couleurs, typographies, règles de mise en page).
• Palette : sélection de couleurs officielles avec codes (ex. #0A66C2).
• Typographie : famille de caractères (ex. titre vs texte courant).
• Iconographie : ensemble d'icônes/pictogrammes cohérents.
• Formats multimédias : JPG/PNG/WebP pour images, MP4 pour vidéo, MP3/OGG pour audio.

Éléments d'une charte graphique (essentiel)

Supports multimédias : choix et bonnes pratiques

Images

• Formats : PNG (transparence), JPG (photos), WebP (optimisé).
• Résolution : adapter au support (150–300 dpi pour impression, 72–150 ppi pour écran).
• Compression : réduire le poids sans perdre trop de qualité pour un chargement rapide.
• Respect des droits : utiliser des images libres de droits ou avec attribution.

Vidéo et audio

• Vidéo : format MP4 (H.264), courte et ciblée (30–90 s pour une présentation).
• Audio : format MP3 ou OGG, contrôler le niveau sonore et prévoir sous-titres.
• Accessibilité : sous-titres, transcription, descriptions audio si nécessaire.

Animations et interactivité

• Utiliser avec parcimonie pour ne pas distraire du message.
• Favoriser transitions sobres et cohérentes avec la charte.

Adapter la charte selon le support

• Affiche/Poster : grand format, titre lisible de loin, hiérarchie visuelle claire.
• Diaporama : diapositives épurées, 1 idée par diapositive, police lisible, images légères.
• Page web : responsive (mobile/desktop), images optimisées, contraste suffisant pour l'accessibilité.
• Vidéo : intro avec logo, couleurs et typographies respectées, sous-titres si parole.

Méthode simple pour appliquer une charte

1. Rassembler la charte existante (logo, palette, typographies).
2. Créer un gabarit pour chaque support (diapositive, affiche, page web).
3. Placer le logo et définir marges et zone de respiration.
4. Choisir une image principale cohérente avec le message et la palette.
5. Tester la lisibilité (distance, taille, contraste) et ajuster.

Checklist rapide avant diffusion

Exemples concrets (rapide)

• Poster pour un salon : grand titre, 2 couleurs principales, photo ou illustration centrale, QR code vers la page du projet.
• Diaporama de présentation : 10–12 diapositives, 3–4 bullets max par diapositive, images 800 px de large.
• Mini-site ou page projet : header avec logo, palette cohérente, galerie d'images optimisées et vidéo courte intégrée.

Exercices (à faire en classe ou maison)

1. Créer une mini-charte pour ton projet : choisir 2 couleurs, une police pour les titres et une pour le texte, et un style d'icônes. (10–15 min)
2. Appliquer la charte à une diapositive : réaliser la première diapositive de présentation (titre, image, logo, 3 bullets). (20–30 min)
3. Vérifier l'accessibilité : contrôler contraste et taille du texte, proposer 2 améliorations si besoin. (10 min)

Ressources et outils recommandés

• Canva, Google Slides, PowerPoint pour créer des gabarits simples.
• GIMP, Inkscape pour retouche d'images et création d'éléments graphiques.
• Banques d'images libres : Unsplash, Pixabay (toujours vérifier les licences).