Fiche de révision : Introduction à la PAO

📋 Plan du Cours

1. PAO et design graphique
2. Chaîne graphique et logiciels
3. Vocabulaire typographique
4. Familles et choix typographiques
5. Règles typographiques
6. Principes de mise en page
7. Images, droits et formats
8. Couleur et résolution
9. Graphisme et intelligence artificielle

📖 1. PAO et design graphique

🔑 Notions clés & Définitions

• PAO : ou Publication Assistée par Ordinateur, permet de réaliser des supports de communication imprimés et digitaux à l’aide de logiciels spécifiques.
• Design graphique : permet d’exprimer des idées visuellement grâce à des typographies, des couleurs, des formes et des images.
• Mise en page : consiste à organiser des contenus dans un espace donné afin de les rendre clairs, intelligibles, agréables, ordonnés et faciles à appréhender.
• Communication : consiste à faire part de quelque chose ou à en donner connaissance à quelqu’un par une relation plus ou moins directe avec le destinataire.

📖 2. Chaîne graphique et logiciels

★ À maîtriser

• 🔄 La chaîne graphique suit plusieurs étapes:

  1. Brief avec l’annonceur
  2. Conception du document
  3. Impression avec BAT et façonnage
  4. Diffusion

• 🔄 La conception comprend:

  1. Recherches
  2. Traitement des textes, des images et de l’infographie
  3. Propositions et choix

• Photoshop sert à la retouche et à la composition d’images, notamment pour les photos, les illustrations et les objets 3D.

• Illustrator sert au dessin vectoriel et à l’illustration, notamment pour les logos, les pictogrammes, le travail typographique et les illustrations complexes.

• InDesign sert à créer des mises en page pour l’impression et la publication numérique et fonctionne comme un logiciel assembleur.

Compléments

• Le brief comprend:

  • Identifier l’annonceur et son secteur d’activité
  • Analyser le message clé et catégoriser le public visé
  • Analyser la temporalité, la diffusion et le budget
  • Inventorier et récolter les éléments nécessaires
  • Établir un planning

• Acrobat sert à afficher et à imprimer des fichiers PDF.

💡 Astuce mémo

Brief → conception → impression → diffusion

📖 3. Vocabulaire typographique

🔑 Notions clés & Définitions

• Typographie : est la manière dont un texte est composé, notamment par la qualité des caractères et la mise en page, et elle véhicule un message ainsi qu’une identité.
• Caractère : est un signe tracé ou écrit, comme une lettre, une ligature, un signe de ponctuation, un chiffre ou un symbole.

★ À maîtriser

📌 Le bas-de-casse désigne une minuscule, tandis que la capitale désigne une majuscule.

• La graisse désigne l’épaisseur du trait d’un caractère, tandis que la chasse désigne sa largeur.

Compléments

• Le corps correspond à la taille d’une lettre et s’exprime en point.

• L’interlignage est l’espace qui sépare deux lignes de texte.

• La ligne de base est la ligne sur laquelle les lettres sont alignées.

📖 4. Familles et choix typographiques

🔑 Notions clés & Définitions

• Police de caractères : est un ensemble de dessins de caractères appartenant à une même famille, disponibles selon différents styles, corps, chasses et graisses.

★ À maîtriser

• Une police avec empattements, comme Bodoni, possède de petites extensions terminales, tandis qu’une police sans empattements, comme Myriad, n’en possède pas.

• Le choix d’une police dépend du ton du document, de son public et de la nécessité éventuelle d’une lecture à distance.

• Il est recommandé d’utiliser au maximum deux polices dans un document et de vérifier leurs droits d’utilisation ainsi que la présence des accents.

Compléments

• Le romain désigne un texte non incliné, tandis que l’italique désigne un texte incliné vers la droite.

• La classification typographique la plus utilisée est celle proposée par Maximilien Vox en 1954.

• Les familles typographiques présentées comprennent les Humanes, les Garaldes, les Réales, les Didones, les Mécanes, les Linéales, les Incises, les Scriptes, les Manuaires, les Fractures et les polices décoratives.

💡 Astuce mémo

Avec empattements : Bodoni ; sans empattements : Myriad

📖 5. Règles typographiques

★ À maîtriser

📌 Les deux-points, le point-virgule, le point d’interrogation et le point d’exclamation prennent une espace insécable avant et une espace après.

📌 Et cetera s’abrège en « etc. » et ne doit jamais être suivi de points de suspension.

Compléments

📌 La virgule, le point, les points de suspension, la parenthèse fermante et le crochet droit fermant ne prennent pas d’espace avant et prennent un espace après.

📌 L’apostrophe et le tiret entre deux mots ne prennent ni espace avant ni espace après.

• Les titres s’abrègent ainsi : Mlle, Mme, Mmes, M. et MM., et non « Mr » pour monsieur.

📖 6. Principes de mise en page

🔑 Notions clés & Définitions

• Niveaux de lecture : définissent une échelle d’importance entre les éléments d’une composition.

★ À maîtriser

• Une grille de mise en page organise les alignements des paragraphes et des lignes afin d’améliorer le confort de lecture.

📌 Une ligne veuve est un mot isolé ou une ligne creuse rejetée en haut de page, tandis qu’une ligne orpheline est la première ligne d’un paragraphe placée en bas de page ou de colonne.

Compléments

• La justification doit être adaptée à la largeur des paragraphes et l’interlignage doit être réglé pour préserver la lisibilité.

• Les principaux alignements sont:

  • justifié
  • aligné à gauche
  • aligné à droite
  • centré

📖 7. Images, droits et formats

★ À maîtriser

📌 Une image bitmap est composée de pixels et produit un rendu réaliste, tandis qu’une image vectorielle est composée de segments liés par des formules mathématiques.

• Les droits à vérifier comprennent:

  • droit d’auteur
  • domaine public
  • licences Creative Commons
  • droit à l’image
  • conditions d’utilisation des sites

• Les formats bitmap sont:

  • PSD
  • TIFF
  • JPEG
  • GIF
  • PNG

• Les formats natifs d’InDesign sont INDD et IDML, tandis que le PDF est un format d’exportation qui respecte les mises en page, les polices et les objets graphiques.

Compléments

• Le format JPEG applique une forte compression qui détériore l’image sans possibilité de revenir à l’image de départ.

💡 Astuce mémo

Bitmap = pixels ; vectoriel = segments mathématiques

📖 8. Couleur et résolution

★ À maîtriser

📌 Le mode RVB est destiné aux images affichées à l’écran, tandis que le mode CMJN est destiné aux images imprimées.

• Une image destinée au Web utilise une résolution de 72 dpi, tandis qu’une image destinée à l’impression utilise une résolution de 300 dpi.

Compléments

• Les modes colorimétriques comprennent:

  • RVB
  • CMJN
  • couleurs indexées
  • niveaux de gris
  • bitmap
  • LAB
  • bichromie

• Une image vectorielle peut être redimensionnée sans perte de qualité, mais elle est très volumineuse.

💡 Astuce mémo

RVB pour l’écran ; CMJN pour l’impression

📖 9. Graphisme et intelligence artificielle

★ À maîtriser

• Une esthétique graphique reconnaissable peut reposer sur la typographie, la couleur et la composition.

Compléments

• Les affiches de Paula Scher, de Paul Cox et du Bauhaus illustrent différentes approches de la composition graphique.

📊 Tableaux de synthèse

Logiciels et usages

Modes et résolutions