Composition - Perception.

Les lois de Gestalt

Fondée dans les années 1910-1920 par Wertheimer, Köhler et Koffka, la psychologie de la Gestalt tient en une thèse : le tout perceptif est différent de la somme de ses parties - le cerveau construit activement l'image. Le principe directeur est la loi de Prägnanz : parmi toutes les organisations possibles d'un stimulus, le cerveau choisit la plus simple, la plus régulière, la plus symétrique. Toutes les autres lois en découlent : proximité (les éléments proches forment un groupe - l'espacement gouverne la structure), similarité (les éléments semblables se regroupent - base de toute hiérarchie typographique), continuité (l'œil suit les trajectoires lisses - l'alignement produit l'unité), fermeture (le cerveau complète les formes incomplètes - le triangle de Kanizsa, les logos fragmentaires), figure-fond (la séparation peut être stable ou ambiguë - le vase de Rubin), symétrie (les configurations symétriques paraissent stables et complètes), et destin commun (les éléments qui bougent ensemble se groupent - animations et transitions).

Ces lois ne sont ni des règles esthétiques ni des conventions culturelles : ce sont des régularités de la perception, très largement partagées et en grande partie pré-attentives. Une composition qui les respecte est perçue comme claire par n'importe qui ; une composition qui les viole est perçue comme désordonnée sans que le percevant sache nommer pourquoi.

Critères d'évaluation immédiats d'une composition : les éléments associés sont-ils proches ? Les éléments de même rang ont-ils la même apparence ? L'œil peut-il suivre des trajectoires claires ? Les formes sont-elles complètes ou intentionnellement fragmentées ? La séparation figure-fond est-elle nette ? Le rythme global est-il équilibré ou dynamique selon l'intention ?

Arnheim - les forces visuelles

Rudolf Arnheim (1904-2007), élève de Wertheimer et Köhler, publie en 1954 Art and Visual Perception (révisé 1974). Sa thèse prolonge et radicalise la Gestalt : le champ visuel est dynamique, parcouru de forces. Un disque près du bord « veut tomber » ; au centre, il est « au repos » ; sur un tiers, il est « actif ». Ces sensations ne sont pas métaphoriques - ce sont des forces psychologiques reproductibles. Tout cadre possède un squelette structurel invisible (centre, axes, diagonales) qui agit comme champ d'attraction : aligné sur le squelette, un élément paraît stable ; désaligné, il génère une tension - recherchée ou évitée selon l'intention.

Deux règles d'asymétrie perceptive : la gravité visuelle (un élément en haut paraît plus lourd - le bas d'une composition équilibrée doit être plus chargé) et le poids gauche-droite en lecture occidentale (une asymétrie existe, liée à l'attention et à la latéralité, mais son sens fait encore débat). Arnheim distingue l'équilibre symétrique (calme, formel, hiératique) de l'équilibre dynamique (asymétrie compensée par les forces - le principe du Bauhaus, de l'école suisse et du design contemporain). McManus, Stöver et Kim (2011) ont mesuré que les photographies d'art placent leur centre de masse plus près d'un axe structurel que des images de contrôle ; leurs autres tests ne confirment pas la théorie à la lettre : une intuition féconde, pas une loi.

Itten - le cercle et les sept contrastes

Johannes Itten (1888-1967), maître du Vorkurs au Bauhaus (1919-1923), publie Kunst der Farbe en 1961 - une référence pédagogique de la théorie chromatique. Son cercle à 12 segments à 30° ordonne trois primaires (rouge, jaune, bleu), trois secondaires et six tertiaires. L'idée du cercle chromatique remonte à Newton (Opticks, 1704, en sept couleurs) ; Itten a stabilisé ce cercle à douze comme outil d'enseignement. La roue chromatique du présent site (12 segments à 30°, en OKLCH) s'inscrit dans cette lignée. Les harmonies sont des relations géométriques sur le cercle : diade complémentaire (180°, tension maximale), triade équilatérale (120°, équilibre dynamique), tétrade (90°, riche - exige une dominante), analogues (adjacentes, harmonie douce), complémentaire divisée (compromis richesse/tension).

Les sept contrastes : teinte (couleurs pures distantes - maximal avec les trois primaires), clair-obscur (le contraste fondamental de toute hiérarchie - jaune le plus clair, violet le plus sombre), chaud-froid (physiologique avant d'être esthétique), complémentaire (les opposées s'intensifient et « vibrent »), simultané (une couleur projette sa complémentaire sur ses voisines - approfondi par Albers), saturation (pur contre grisé), et extension (les proportions de surface : Goethe propose jaune/violet ≈ 1:3, orange/bleu ≈ 1:2, rouge/vert ≈ 1:1 pour s'équilibrer).

Albers - l'interaction des couleurs

Josef Albers (1888-1976), élève d'Itten puis maître au Black Mountain College et à Yale, publie Interaction of Color en 1963 : « En perception visuelle, une couleur n'est presque jamais vue telle qu'elle est physiquement. » Là où Itten construit le système, Albers démontre la relativité : une même couleur paraît deux couleurs selon son fond ; deux couleurs différentes peuvent paraître identiques sur des fonds qui compensent ; les voisines projettent leur complémentaire à la frontière ; la fixation prolongée produit une post-image complémentaire (fatigue rétinienne). Ses 150 exercices déclinent quatre démonstrations : une couleur en paraît deux, deux paraissent une, soustraction (une couleur « annulée » par contexte), mélanges optiques (pointillisme, principe du pixel).

Itten et Albers se complètent : la structure ordonnée (cercle, contrastes, harmonies) et la dynamique perceptive (contraste simultané, relativité). Conséquence opérationnelle : une palette ne peut pas être évaluée hors contexte - la perception réelle dépend des proportions et des juxtapositions, et les complémentaires juxtaposées s'intensifient. Une génération de document doit donc opérer en deux passes : sélection théorique selon les règles d'harmonie, puis validation perceptive en contexte réel.

Parcours visuel et hiérarchie attentionnelle

La perception est un parcours temporel : l'œil avance par saccades très brèves, entre des fixations de 200-300 ms. Le Nielsen Norman Group (2006, sur des milliers de pages) a décrit le pattern F sur les pages denses en texte (balayage haut complet, second balayage plus court, descente le long du bord gauche - les premiers mots doivent porter), la pratique du design y ajoute le pattern Z sur les pages visuelles (logo, navigation, diagonale, action principale en bas-droite - les quatre coins du Z sont les zones d'attention maximale), et le Nielsen Norman Group le pattern Layer-Cake, le plus souhaitable : chaque titre déclenche une lecture horizontale complète. Le F n'est pas une fatalité - il émerge quand la structure manque ; une hiérarchie forte produit le Layer-Cake.

Indépendamment de la position, certains facteurs capturent l'attention : le contraste, la taille, la couleur saturée (et la couleur isolée dans un champ neutre), le mouvement (le facteur le plus puissant), les visages (module cérébral dédié ; le regard représenté guide le regard du spectateur), l'isolation dans le blanc, et la verticalité descendante. Toute composition efficace possède un focal point - créé par concentration de contraste, convergence de lignes, isolation, rupture de pattern, ou couleur unique dans un environnement désaturé. Sans focal, l'œil erre.

Le titre principal dans la zone d'attention maximale (haut, ou entrée du Z) ; le focal chromatique aligné sur la dominante de l'identité ; la progression guidée par la hiérarchie typographique (un titre = un retour à gauche, puis Layer-Cake) ; l'image principale ancrée par un visage ou un fort contraste.

Charge cognitive et économie perceptive

Le cerveau est une ressource limitée - trois lois le mesurent. Hick-Hyman (1952) : le temps de décision croît logarithmiquement avec le nombre d'options - un menu de 5 se traite vite, un menu de 50 paralyse ; mieux vaut des sous-menus de 5-7. Miller (1956), le 7 ± 2 : la mémoire de travail tient 5 à 9 éléments simultanés (Cowan, en 2001, ramène plutôt cette limite à environ 4) - navigation, listes de fonctionnalités, niveaux hiérarchiques doivent rester sous cette limite. Effort minimum (Zipf 1949) : entre deux interfaces équivalentes, l'humain choisit presque toujours la plus simple - conventions établies, reconnaissance plutôt que rappel, moins d'étapes.

Sweller (1988) formalise la charge cognitive : intrinsèque (difficulté du contenu), extrinsèque (difficulté ajoutée par la mauvaise présentation), germane (effort productif d'apprentissage, ajoutée vers 1998). La fonction première du design est de minimiser la charge extrinsèque. Le cerveau préfère la régularité, la répétition, la hiérarchie claire et les chunks (06 12 34 56 78 se retient mieux que 0612345678).

Palette limitée à 3-5 couleurs principales (par analogie avec Miller) ; 3 niveaux de titre maximum ; 2 polices maximum (effort minimum) ; grille régulière (la prédictibilité réduit la charge). Une composition dans ces limites est traitée sans effort conscient.

Émotions chromatiques - de la théorie à la mesure

Itten et Albers étaient théoriques et qualitatifs ; depuis les années 2000, la psychologie expérimentale mesure. Jonauskaite et al. 2020 (plus de 4 500 participants, 30 pays, 12 couleurs, 20 émotions) : les associations couleur-émotion sont fortement universelles - rouge-colère/amour, noir-chagrin/peur, jaune-joie ; les couleurs chaudes portent les émotions activantes, les froides les désactivantes ; noir et brun sont les plus négatives, le rose parmi les plus positives ; la proximité linguistique et géographique module à la marge. Spence et Di Stefano 2022 : les correspondances couleur-son ne sont pas directes, elles passent par une médiation émotionnelle (couleur → émotion ← son), validée par Palmer 2013 (PNAS), Palmer 2016, Isbilen & Krumhansl 2016, Whiteford 2018.

Palmer et Schloss 2010 (PNAS), l'Ecological Valence Theory : les préférences chromatiques agrègent les expériences associées aux objets de chaque couleur - le bleu (ciel, eau) universellement préféré, le kaki (décomposition) rejeté, le rouge saturé ambivalent (sang / fruits mûrs). Trois niveaux se distinguent : universel (rouge-colère, jaune-joie, bleu-calme, noir-deuil - quasi partout), culturel (le blanc nuptial en Occident, de deuil en Asie ; le rouge festif en Chine), individuel (biographie, synesthésie - marginal en communication de masse). C'est précisément le terrain empirique que la projection crossmodale de ce site cartographie, zone par zone, dans le bicône OKLCH.

Synthèse - articuler les trois piliers

Les trois piliers forment un système : la grille (le squelette structurel), la typographie (le revêtement signifiant), la perception (le rapport au percevant). Séquence de décision pour composer un document : 1. définir l'intention (registre, émotion dominante, parcours visuel souhaité) ; 2. choisir la palette (dominantes selon l'intention, contrastes d'Itten, validation Albers en contexte) ; 3. définir la grille (format, marges, colonnes) ; 4. choisir la typographie (classe selon le registre, pairing, échelle, mesures) ; 5. composer (hiérarchie sur la grille, lois de Gestalt, focal point, équilibre d'Arnheim) ; 6. vérifier (charge cognitive, parcours visuel, validation perceptive).

Grille de validation en dix questions : grille cohérente sur toute la page ? marges en ratio harmonique ? 60-70 caractères par ligne ? trois niveaux de hiérarchie maximum ? polices cohérentes en registre et en métriques ? dominantes chromatiques alignées sur l'intention ? lois de Gestalt respectées (proximité, similarité, alignement) ? focal point clair et bien positionné ? charge dans les limites de Miller (5-9 éléments d'attention) ? parcours visuel guidé ? Dix oui : la composition est professionnellement publiable.