Designer avec l’IA : poser l’intention

Le designer ne disparaît pas, il change d’outil

Commençons par évacuer la peur classique : non, l'IA ne remplace pas le designer. Elle remplace une partie du travail d'exécution — produire des variantes, écrire le CSS d'une ombre, décliner une palette — mais elle ne remplace ni le goût, ni le contexte, ni la responsabilité du résultat. Quand le client de Studio Mango regardera la landing demain matin, c'est toi qu'il jugera, pas le modèle.

Ce changement ressemble à ce que la photographie a vécu avec le numérique : l'appareil fait la mise au point, mais c'est toujours le photographe qui choisit le cadre, la lumière et l'instant. Avec l'IA, ton métier se déplace vers l'amont (formuler une direction claire) et vers l'aval (trier, critiquer, affiner). Le milieu — la production brute — s'accélère d'un facteur dix.

Conséquence directe : la qualité de ce que tu obtiens dépend presque entièrement de la qualité de ce que tu formules. Un brief flou produit un rendu flou. Un brief précis et incarné produit une proposition qui te surprend dans le bon sens. Tout ce chapitre porte sur cette compétence : poser l'intention.

Intention, pas recette

Il y a deux façons de parler à une IA de design. La première est la recette : « mets un bouton bleu #3B82F6 de 44 px de haut avec un border-radius de 8 px ». Ça marche, mais tu n'utilises l'IA que comme une machine à écrire du CSS — tu fais tout le travail de conception toi-même, et tu te prives de ses propositions.

La seconde est l'intention : « un CTA qui inspire confiance pour une app de bien-être, sobre, premium, apaisant ». Là, tu décris l'émotion recherchée et l'usage, et tu laisses le modèle traduire en décisions visuelles. Il proposera peut-être un vert sauge profond avec une typo généreuse — quelque chose que tu n'aurais pas spécifié, mais que tu reconnais comme juste. L'IA propose, tu choisis. Tu restes le directeur artistique.

La bonne pratique consiste à mélanger les deux niveaux : l'intention pour la direction globale, et des contraintes précises là où tu as déjà tranché (la couleur de marque imposée par le client, une typo sous licence, un format d'image). Tout ce qui n'est pas contraint devient un espace de proposition. C'est exactement comme briefer un designer junior talentueux : tu cadres le pourquoi, tu laisses de la latitude sur le comment.

Apprendre à nommer ce que tu vois

Pour formuler une intention, il faut du vocabulaire. C'est la compétence cachée du design avec l'IA : plus tu sais nommer les choses, plus tes prompts sont efficaces. « Je veux que ça respire » devient « augmente l'espacement vertical entre les sections à 96 px minimum ». « C'est fouillis » devient « la hiérarchie visuelle est confuse : le titre, le sous-titre et le CTA se disputent l'attention ».

Quelques notions à maîtriser absolument, parce qu'elles reviennent dans presque tous les échanges de design : la hiérarchie visuelle (qu'est-ce que l'œil voit en premier, en deuxième, en troisième ?), le contraste (de couleur, de taille, de graisse — c'est lui qui crée la hiérarchie), le rythme vertical (la régularité des espacements qui rend une page calme ou chaotique), et la densité (la quantité d'information par écran). Quand tu critiques un rendu avec ces mots-là, l'IA comprend exactement quoi corriger.

Bonne nouvelle : l'IA peut t'aider à acquérir ce vocabulaire. Montre-lui une interface que tu admires et demande « décris-moi ce qui fonctionne dans ce design en termes de hiérarchie, contraste, espace et typographie ». Tu obtiens une analyse argumentée — et les mots pour formuler tes prochains briefs.

Les références valent mille mots

Décrire un style en partant de zéro est difficile, même pour un designer expérimenté. Les références court-circuitent le problème : au lieu d'expliquer abstraitement « premium et apaisant », tu cites des produits dont l'ADN visuel est connu. L'IA connaît les grandes directions artistiques des produits célèbres — Apple, Stripe, Linear, Notion, Headspace — et sait ce qui les caractérise.

La subtilité importante : ne cite jamais une référence sans préciser ce que tu en retiens. « Comme Apple » est ambigu — la générosité d'espace ? la photographie produit ? le ton ? Sois chirurgical : « la générosité d'espace d'Apple, la douceur colorée de Headspace, la typo nette de Linear ». Trois signaux précis que le modèle fusionne en une direction cohérente, plutôt qu'une imitation servile d'un seul produit.

Direction artistique pour une app de méditation :
- la générosité d'espace d'Apple
- la douceur colorée de Headspace
- la typo nette de Linear
À ÉVITER : dégradés criards, surcharge, effet « template IA générique ».

Reformule cette direction en 3 phrases qui serviront de référence pour toute la suite du projet, puis propose 3 adjectifs qui résument l'ambiance.

Dire ce qu’il faut éviter

Voici le levier le plus sous-estimé du brief : la liste des interdits. Les modèles d'IA ont des habitudes statistiques — des choix visuels qu'ils produisent par défaut parce qu'ils sont sur-représentés dans leurs données : dégradés violet-bleu, emojis dans les titres, cartes aux ombres molles toutes identiques. Si tu ne les exclus pas explicitement, tu les obtiendras.

Une liste « à éviter » agit comme un filtre négatif extrêmement puissant. « Pas de dégradés criards, pas d'emojis, pas de surcharge » écarte d'emblée 80 % des rendus génériques. C'est souvent plus efficace que d'empiler des adjectifs positifs, parce que les interdits sont binaires et vérifiables : soit il y a un emoji dans le titre, soit il n'y en a pas.

Construire le brief de direction artistique

Assemblons tout. Un bon brief de direction artistique tient en cinq blocs : le contexte (quel produit, quelle cible, quel objectif business), l'émotion recherchée (trois adjectifs maximum, sinon tout se vaut), les références (deux ou trois, avec ce que tu en retiens), les contraintes dures (couleur de marque, accessibilité, format) et les interdits. Cinq blocs, une dizaine de lignes — c'est court, et c'est voulu : un brief d'une page que personne ne lit vaut moins qu'un brief de dix lignes que tout le monde retient.

flowchart TD
  C["Contexte : produit, cible, objectif"] --> E["Émotion : 3 adjectifs max"]
  E --> R["Références : 2-3 produits + ce que tu en retiens"]
  R --> K["Contraintes dures : marque, accessibilité"]
  K --> I["Interdits : la liste anti-générique"]
  I --> B["Brief de direction artistique"]
  B --> P["Tous les prompts du projet"]

CONTEXTE : landing page pour Sereno, app de méditation destinée aux actifs urbains stressés. Objectif : conversion vers l'essai gratuit.
ÉMOTION : calme, premium, confiant.
RÉFÉRENCES : générosité d'espace d'Apple, douceur colorée de Headspace, typo nette de Linear.
CONTRAINTES : contrastes AA minimum, mobile-first, pas de photo stock.
INTERDITS : dégradés violets, emojis dans les titres, ombres molles génériques, surcharge.

Reformule ce brief en une direction artistique de 3 phrases, puis liste 5 décisions visuelles concrètes qui en découlent.

Le rôle de l’humain : trier, arbitrer, assumer

L'IA génère vite, mais elle génère tout avec le même aplomb : le brillant comme le médiocre. Ton travail consiste à trier. Face à trois propositions, demande-toi : laquelle sert le mieux l'objectif (ici, la conversion vers l'essai gratuit) ? Laquelle est cohérente avec la marque ? Laquelle survivra à six mois d'évolutions du produit ? Ce jugement-là ne se délègue pas.

Il y a aussi une question de responsabilité. Si la palette générée a un contraste insuffisant et que des utilisateurs malvoyants ne peuvent pas lire la page, ce n'est pas « la faute de l'IA » — c'est la tienne. Si la landing ressemble à trois concurrents parce que tu as accepté le premier rendu sans le challenger, idem. L'IA est un partenaire, pas un alibi. C'est ce qui sépare un design mémorable d'un patchwork de jolies idées : quelqu'un, quelque part, a assumé des choix.