Leçon 5 : Design Graphique et Théorie de la Gestalt

1. Les 7 Principes Clés du Design Graphique

Pour qu’une composition fonctionne, elle doit respecter des règles d’harmonie.

1. Alignement : Rien ne doit être placé au hasard. Crée une structure invisible.
2. Contraste : Si tout est important, rien n’est important. Le contraste attire l’œil.
3. Uniformité (Répétition) : Réutiliser les mêmes styles (couleurs, polices, puces) crée une cohérence.
4. Rythme : Alternez entre textes, images et espaces vides pour éviter la monotonie.
5. Simplicité : “Less is More”. Enlevez tout ce qui n’est pas nécessaire au message.
6. Couleurs : Une palette limitée et émotionnelle.
7. Typographie : Lisible et hiérarchisée.

---

2. La Théorie et Psychologie de la Gestalt

“Gestalt” signifie “Forme” ou “Configuration” en allemand. C’est une théorie psychologique expliquant comment notre cerveau organise les éléments visuels en un “tout” cohérent. “Le tout est supérieur à la somme des parties”.

2.1 Loi de Proximité

• Principe : Les éléments proches les uns des autres sont perçus comme un groupe.
• Application : Regroupez le titre et son sous-titre. Éloignez les groupes différents grâce à l’espace blanc.

2.2 Loi de Similarité

• Principe : Les éléments qui se ressemblent (couleur, forme, taille) sont perçus comme appartenant à la même famille.
• Application : Tous les boutons “Acheter” doivent avoir la même couleur. Tous les titres H2 doivent avoir la même police.

2.3 Loi de Continuité

• Principe : L’œil a tendance à suivre une ligne ou une courbe continue.
• Application : Alignez les éléments pour guider le regard du point A au point B.

2.4 Loi de Clôture (Fermeture)

• Principe : Notre cerveau complète les formes incomplètes.
• Application : Logos célèbres (ex: WWF avec le panda, le logo IBM rayé). Permet de suggérer une forme sans la dessiner entièrement (minimalisme).

2.5 Loi de Symétrie

• Principe : Les objets symétriques sont perçus comme harmonieux et agréables.
• Application : Donne une impression de stabilité et d’ordre.

---

3. Techniques de Mise en Page Avancées

• La Grille (Grid System) : Structure invisible (colonnes, marges) qui permet d’aligner tous les éléments. Indispensable pour un rendu pro.
• Mise en page en Colonnes : Facilite la lecture des textes longs (comme dans les journaux), car l’œil se fatigue sur les lignes trop longues.
• Effets Typographiques :
  • Ombres portées : Détache le texte du fond (Attention au kitsch ! Soyez subtil).
  • Lettrage (Lettering) : Création de lettres sur mesure (Logotype).