Leçon 4 : Règles de Mise en Page et Hiérarchie

1. Les Règles Typographiques Règles de Base

Pour un design professionnel, le diable est dans les détails.

1.1 Alignement

• Fer à gauche (Aligné à gauche) : La norme pour la lisibilité occidentale. Crée un “drapeau” irrégulier à droite.
• Justifié : Aligné des deux côtés (comme dans les journaux). Attention aux “lézardes” (trous blancs dans le texte) si mal réglé.
• Centré : Pour les titres ou textes courts (invitations). Jamais pour des paragraphes longs (difficile à lire).
• Fer à droite : Rare, pour légendes ou citations.

1.2 Espacement

• Interligne (Leading) : Espace vertical entre les lignes.
  • Règle : Doit être environ 120% à 145% de la taille de la police (ex: texte en 10pt -> interligne 12-14pt).
• Crénage (Kerning) : Ajustement de l’espace entre DEUX lettres spécifiques (ex: A et V se chevauchent souvent pour être esthétiques).
• Approche (Tracking/Interlettrage) : Espacement global entre TOUTES les lettres d’un mot.
  • Astuce : Augmenter l’approche sur les textes en CAPITALES pour la lisibilité.

1.3 Contraste et Lisibilité

• Évitez les textes clairs sur fond clair.
• Limitez-vous à 2 ou 3 polices maximum par document.
• N’abusez pas du Gras, de l’Italique ou du SOULIGNÉ (réservé aux liens web).

---

2. La Hiérarchie Visuelle

Guider l’œil du lecteur est la mission n°1 du graphiste. Le lecteur doit savoir instinctivement quoi lire en premier.

2.1 Niveaux de Lecture

1. Titre (H1) : Gros, Gras, accrocheur. Donne le sujet.
2. Chapeau / Intro : Taille moyenne. Résume l’idée.
3. **Sous-titres (H2, H3) :**ructure le contenu, permet le “scan” visuel.
4. Corps de texte : Lisible, taille standard (9-11pt pour impression, 16px pour web).

2.2 Outils de Hiérarchisation

• Taille : Le plus gros est lu en premier.
• Graisse (Weight) : Le gras attire l’œil.
• Couleur : Une couleur vive pour les points clés (CTA, Titres).
• Espace blanc (Respiration) : L’espace vide autour d’un élément lui donne de l’importance (Luxe = beaucoup d’espace).

---

3. Uniformité et Cohérence

• Définissez des Styles de paragraphes (H1, H2, Corps) et tenez-y vous tout au long du document.
• Créez une Palette de couleurs (3 à 5 couleurs max) :
  • 1 Couleur Principale (Dominante).
  • 1 Couleur Secondaire (Accompagnement).
  • 1 Couleur d’Accent (Pour les boutons/actions, utiliser avec parcimonie).