Hoja de repaso: Introduction à l'infographie

1. 📌 L'essentiel

• L'infographie crée et manipule des images numériques via ordinateur.
• Deux principales catégories : images matricielles et vectorielles.
• Formats matriciels : PNG, JPEG, GIF ; formats vectoriels : SVG, PDF.
• La résolution des images matricielles dépend du PPI (pixels par pouce).
• Les images vectorielles sont définies par des objets géométriques, extensibles sans perte de qualité.
• La typographie doit suivre des règles pour assurer la lisibilité et la cohérence du message.
• Les couleurs véhiculent des symboliques et doivent être choisies en fonction du contexte et du message.
• Modes couleur principaux : R VB pour écran, CMJN pour impression.
• Principes fondamentaux du design : équilibre, contraste, hiérarchie, espace blanc.
• La psychologie des couleurs influence la perception et l’émotion du spectateur.

2. 🧩 Structures & Composants clés

• Images matricielles — assemblage de pixels, résolution liée au PPI.
• Images vectorielles — constituées d’objets géométriques, mathématiquement définis.
• Formats PNG/JPEG/GIF — formats principaux pour images matricielles.
• Format SVG — format vectoriel compatible avec la manipulation graphique.
• Typographie — choix de police, respect des principes de lisibilité.
• Couleurs — modes RVB (écran), CMJN (impression), significations symboliques.
• Principes de design — équilibre, contraste, hiérarchie, espace blanc, mouvement.
• Outils logiciels — suite Adobe (Photoshop, Illustrator), Figma, Sketch.

3. 🔬 Fonctions, Mécanismes & Relations

• Les images matricielles sont définies par leur résolution (PPI) ; une haute densité donne une image plus nette.
• Les images vectorielles permettent un redimensionnement sans perte de qualité.
• Le format JPEG utilise une compression avec perte pour réduire la taille, tandis que PNG offre une compression sans perte.
• La typographie doit respecter une hiérarchie visuelle claire, évitant surcharge et incohérence.
• La sélection des couleurs influence la perception, selon leur symbolique culturelle et leur contraste.
• Modes couleur : R VB pour afficher et CMJN pour imprimer, différenciant leur usage.
• Les principes de base assurent une organisation hiérarchique, un équilibre visuel et une lisibilité optimale.
• La psychologie des couleurs adapte le message selon leur impact émotionnel.

4. Tableau comparatif

5. 🗂️ Diagramme hiérarchique ASCII

Infographie
 ├─ Images
 │   ├─ Matricielles (PNG, JPEG, GIF)
 │   └─ Vectorielles (SVG, PDF)
 ├─ Typographie
 │   └─ Choix selon contexte et message
 ├─ Couleurs
 │   ├─ Modes (RVB, CMJN)
 │   └─ Significations culturelles
 ├─ Principes de design
 │   ├─ Équilibre
 │   ├─ Contraste
 │   ├─ Hiérarchie
 │   └─ Espace blanc

6. ⚠️ Pièges & Confusions fréquentes

• Confondre images matricielles et vectorielles (extension vs pixelisation).
• Utiliser un format JPEG pour une image nécessitant transparence.
• Appliquer une typographie non adaptée au message ou surcharge.
• Négliger l’impact symbolique et culturel des couleurs.
• Ignorer la différence entre modes RVB et CMJN.
• Omettre l’importance de l’espace blanc dans la composition.
• Confondre résolution PPI et taille d’image.
• Utiliser un mauvais contraste qui nuit à la lisibilité.

7. ✅ Checklist Examen Final

• Connaître la différence entre images matricielles et vectorielles.
• Savoir citer des formats d’images raster et vectorielles.
• Comprendre la relation entre résolution (PPI) et netteté.
• Expliquer le principe de compression avec/ sans perte.
• Identifier les modes couleur principaux et leur usage.
• Connaître les principes fondamentaux du design graphique.
• Comprendre la signification symbolique et culturelle des couleurs.
• Pouvoir nommer et décrire les outils logiciels majeurs.
• Savoir appliquer les règles essentielles de typographie.
• Maîtriser l’impact de l’espace blanc et du contraste.
• Être capable de réaliser ou analyser une composition visuelle efficace.
• Connaître les erreurs fréquentes en infographie.
• Être prêt à synthétiser ou illustrer une organisation hiérarchique simple.