Ladislav Sutnar : La couleur comme système
Et si la couleur n’était pas là pour “faire joli”, mais pour faire comprendre ?
Bien avant l’UX design et les neurosciences, Ladislav Sutnar a posé une idée radicale : la couleur est un outil pour organiser l’information et guider le regard.
Pas un choix esthétique. Un système.
Quand on parle de couleur en design graphique ou en identité visuelle, on pense souvent à l’esthétique, à l’émotion ou à la personnalité de marque. Pourtant, une autre approche existe, beaucoup plus structurante : utiliser la couleur comme un outil d’organisation de l’information.
C’est exactement ce que propose Ladislav Sutnar. Dans son travail sur les catalogues et les systèmes d’information, il développe une vision extrêmement moderne : la couleur sert à guider l’œil, à hiérarchiser les contenus et à rendre un message immédiatement compréhensible.
Aujourd’hui, cette approche est au cœur du design UX, des design systems et même des recherches en neurosciences sur l’attention visuelle. Comprendre la logique de Sutnar, c’est donc poser des bases solides pour construire une identité visuelle claire, lisible et efficace, bien au-delà du simple “choix de palette”.
1. Le problème de départ de Ladislav Sutnar : l’information est du chaos
Pour comprendre la manière dont Ladislav Sutnar pense la couleur, il faut revenir à une situation très concrète.
Quand il commence à travailler sur les catalogues Sweet’s, au début des années 1940, il ne part pas d’une page blanche. Il hérite d’un système qui existe déjà, et qui ne fonctionne pas.
Le seul élément d’organisation, c’est la reliure. Tout le reste est livré en vrac.
Des milliers de références : robinetterie, câblage électrique, matériaux de construction. Tout est là, mais rien ne se distingue vraiment. Les pages sont denses, compactes, saturées d’informations. Aucune hiérarchie claire. Aucun repère visuel. Si tu cherches quelque chose, tu dois littéralement le traquer dans tout le catalogue.
Et c’est là que le problème apparaît clairement : ce n’est pas une question de style. C’est une question de cognition.
Comment permettre à un architecte ou à un ingénieur de trouver rapidement une information dans un environnement qui résiste à la lecture ? Comment réduire l’effort mental nécessaire pour comprendre, trier, décider ?
C’est à ce moment précis que la pensée de Sutnar bascule.
La couleur n’est pas là pour rendre les pages plus agréables. Elle est là pour rendre l’information accessible. Pour créer des repères. Pour transformer une masse confuse en un système lisible.
Autrement dit : la couleur n’est pas décorative. Elle est opérationnelle.
La couleur n’est pas convoquée pour embellir. Elle est convoquée pour résoudre.
2. Deux principes clés de Ladislav Sutnar : articuler et stimuler
Dans Shape, Line and Color, Ladislav Sutnar pose les bases de ce qu’on peut appeler une véritable grammaire visuelle. Il y définit sept principes, mais deux d’entre eux sont absolument centraux pour comprendre son usage de la couleur : articuler et stimuler. C’est là que tout se joue.
Articuler : rendre l’information lisible sans l’alourdir
Articuler, au fond, c’est organiser. Mais pas en ajoutant des cadres partout ou en empilant des séparateurs.
C’est beaucoup plus fin que ça.
Sutnar utilise la couleur pour créer des frontières invisibles. Elle permet de distinguer immédiatement ce qui relève d’un titre, d’un contenu, d’une catégorie ou d’une autre. Elle marque les transitions sans avoir besoin de les souligner lourdement.
Tu n’as pas l’impression qu’on t’explique la structure. Tu la vois.
C’est pour ça qu’on peut parler de ponctuation visuelle. Comme une virgule ou un point dans un texte, la couleur vient rythmer, découper, clarifier. Et ce n’est pas un hasard : Sutnar était fasciné par la typographie et sa logique interne.
Pour lui, la couleur n’est pas là pour décorer. Elle sert à structurer le sens.
Stimuler : capter l’attention avant même que tu lises
À côté de ça, la couleur a un autre rôle, tout aussi essentiel : elle attire.
Pas de manière spectaculaire ou agressive. Juste de manière efficace.
Une tache de rouge sur un fond neutre suffit. Ton œil est happé, sans que tu aies besoin d’y penser. Avant même que tu commences à lire, ton regard a déjà été orienté.
Aujourd’hui, on mettrait des mots comme “attention préattentive” ou “salience visuelle” là-dessus. À l’époque, ces concepts n’étaient pas formalisés.
Mais Sutnar, lui, avait compris comment ça fonctionne.
De manière empirique, presque instinctive, mais avec une précision redoutable.
Ce qui rend son système vraiment puissant
Là où ça devient intéressant, c’est que ces deux fonctions ne s’opposent pas. Elles ne se compensent pas. Elles se renforcent.
La même couleur fait deux choses en même temps.
Elle structure l’information et elle attire l’attention.
Un bloc rouge, par exemple, n’est jamais juste un choix visuel. Il sert à délimiter une section, à signaler une entrée, et en même temps, il capte immédiatement le regard.
Tu n’as pas à choisir entre clarté et impact. Les deux sont intégrés dans le même geste.
C’est comme ça que Sutnar contrôle le flux de lecture. En combinant couleur, formes, lignes, typographie, il construit des unités visuelles qui guident l’œil sans que tu t’en rendes compte.
Et c’est précisément là que son travail reste aussi moderne aujourd’hui.
3. La contrainte comme principe générateur
Un autre élément fondamental : Sutnar travaillait avec une palette délibérément restreinte. S’inspirant des principes du De Stijl, son œuvre se caractérisait par une réduction aux couleurs primaires, des lignes droites et une harmonie d’ensemble malgré des alignements de texte irréguliers.
Rouge, jaune, noir. Rarement plus. Ce n’est pas une limitation budgétaire — c’est une décision théorique. Une palette réduite oblige chaque couleur à travailler. Quand tu n’as que trois couleurs, chacune doit être justifiée, positionnée, dosée. Il n’y a pas de couleur décorative possible. Toutes sont fonctionnelles par nécessité.
Cette contrainte produit un autre effet essentiel : la cohérence systémique. Si le rouge signifie toujours « entrée de catégorie » et le jaune toujours « alerte ou distinction », l’utilisateur apprend le code sans s’en rendre compte. Sutnar a notamment été pionnier dans l’usage du codage couleur et d’autres repères visuels pour aider les lecteurs à naviguer dans des informations complexes. Le lecteur n’a pas à déchiffrer consciemment le système — il le ressent. La couleur opère en dessous du seuil de la lecture consciente.
4. Le flux visuel comme métaphore directrice
Le principe directeur de Controlled Visual Flow est énoncé dès l’ouverture : un bon design implique le contrôle du flux visuel, obtenu par la simplification et la coordination des éléments de design pour la transmission la plus efficace et continue possible de l’information.
La couleur est l’un des principaux outils de canalisation de ce flux. Une couleur chaude en haut à gauche crée une entrée. Un accent coloré au centre crée un point d’ancrage. Une teinte plus douce en bas signale la sortie. Tout cela se passe avant la lecture des mots.
Dans Catalog Design Progress (1950), couleur, forme et taille sont explicitement décrites comme des instruments pour diriger le mouvement de l’œil. Ce n’est pas une métaphore poétique. C’est une mécanique. Sutnar pense en termes d’ergonomie visuelle, il veux réduire la friction entre l’information et le cerveau qui cherche à la saisir.
La couleur, la taille, la forme ne sont pas des choix stylistiques. Ce sont des instruments.
Le regard doit :
- entrer facilement
- circuler naturellement
- trouver l’information sans friction
On est déjà dans une logique d’ergonomie visuelle.
5. Ce que Sutnar a anticipé : l’UX design
Le système de design des catalogues Sweet’s, avec ses couvertures percutantes et ses hiérarchies d’information accessibles, préfigure directement la dataviz contemporaine. Mais il anticipe aussi, avec une précision troublante, les conventions de l’UX design numérique.
Les color tokens des design systems modernes, ces variables de couleur qui attribuent une signification sémantique fixe à chaque teinte (rouge = erreur, vert = succès, bleu = lien), sont une version algorithmique de ce que Sutnar faisait à la main en 1945. La couleur comme code partagé entre le designer et l’utilisateur, stable, prédictible, appris de façon implicite.
Les guidelines de couleur d’accessibilité (contraste WCAG, séparation fond/figure) prolongent directement son intuition que la couleur doit fonctionner pour tous les yeux, pas seulement pour ceux qui la trouvent belle.
Et la notion contemporaine de salience en neurosciences de l’attention, la capacité d’un élément visuel à se démarquer automatiquement de son contexte, est exactement ce que Sutnar appelait stimulation. Il avait simplement nommé empiriquement ce que les chercheurs ont ensuite modélisé.
Et pour finir : la couleur comme langage
Ce qui rend la pensée de Sutnar si robuste et si moderne, c’est qu’il a opéré un déplacement conceptuel radical : sortir la couleur du registre du goût pour la placer dans le registre du langage.
Un choix de couleur décoratif est subjectif, il peut être beau ou laid, agréable ou irritant.
Un choix de couleur systémique est sémantique, il a une signification, une fonction, une place dans une grammaire.
On peut l’évaluer non pas selon le critère du beau, mais selon le critère de l’efficacité : est-ce que cette couleur fait ce qu’elle doit faire ? Est-ce que le flux visuel est fluide ? Est-ce que la structure est immédiatement lisible ?
C’est cette question : pas « est-ce beau ? » mais « est-ce que ça fonctionne ? »
Chez Sutnar, la couleur n’est jamais un style. C’est un système qui :
- organise
- guide
- accélère la compréhension
Et surtout, un langage qui agit avant même que l’on commence à lire.
C’est là toute sa modernité : il ne pense pas en termes de design visuel, mais en termes de cognition.
Et aujourd’hui, c’est exactement là que tout se joue.
Télécharge ton guide !
Les 5 erreurs fatales qui freinent ton succès
Un branding solide, c’est la clé pour captiver ton audience, te démarquer et créer une connexion durable.
Dans ce guide, je te montre les 5 pièges à éviter pour enfin créer une marque alignée, puissante et irrésistible. Ta transformation commence ici !
Parce que la contrainte crée du sens. Une palette réduite oblige chaque couleur à avoir une fonction précise : hiérarchie, signal, séparation. Résultat : un système lisible et cohérent, que l’utilisateur comprend sans effort.👉 Pour aller plus loin sur la logique des contrastes et leur impact visuel : Les 7 contrastes de couleurs pour une identité visuelle percutante
Elle pose une règle fondamentale : une couleur doit servir une intention. Dans une identité de marque, chaque couleur doit être associée à un rôle clair (primaire, secondaire, accent, alerte…). Sinon, tu crées du bruit visuel au lieu de la clarté.
Sutnar avait compris intuitivement ce que les neurosciences ont confirmé ensuite : certaines informations visuelles sont traitées instantanément, avant même toute réflexion consciente.
La couleur attire, hiérarchise et guide le regard de façon automatique. C’est ce qu’on appelle aujourd’hui la salience visuelle. (Dans une communication visuelle, certains éléments peuvent ressortir plus que d’autres)
Pour comprendre concrètement comment le cerveau perçoit un design : Comment le cerveau lit un visuel (Et ce que ça change pour ton design de marque)
