Vous est-il déjà arrivé ce moment — l’IA vous génère une page web en une minute, toutes les fonctionnalités y sont, mais vous fixez l’écran longtemps, et vous sentez simplement que quelque chose ne va pas ?
Dites « rends-la plus jolie » et la version qu’elle rend ensuite est à peu près la même ; dites « refais tout » et vous craignez que tout ce qui était juste soit balayé.
Aujourd’hui, nous reprenons le « Hanzi Master » de l’épisode précédent pour voir comment faire passer une page web « fonctionnelle » à « belle », pas à pas — sans compter sur le goût, mais sur l’art de bien parler.
D’abord, une chose contre-intuitive
Beaucoup de gens croient que réviser un rendu demande de comprendre le design, de savoir prononcer des mots comme « teinte », « contraste », « espace blanc ».
En réalité, non.
Quand l’IA révise un rendu, l’art de la parole compte plus que le goût. Dites « je voudrais que ce soit plus joli » et elle ne rendra qu’une version à peu près identique ; dites « remplace la couleur de fond de la carte par une teinte chaude, qui résonne avec le fond mais un peu plus foncée » et elle peut s’y mettre aussitôt.
La différence est là — plus l’information que vous donnez est précise, plus la révision est précise.
Poser le ton repose sur les noms ; l’ajustement fin repose sur les adjectifs.
Je décompose ci-dessous les 5 phrases que j’ai employées, pour que vous les voyiez.
✅ Phrase 1 : donnez un mot-thème, pas une description
Au début, je voulais écrire un long paragraphe de besoins — des choses comme « style ancien », « encre lavée », « profondeur culturelle » — et au bout de deux lignes, même moi je trouvais que cela ressemblait à un texte officiel de site.
Effacé. Finalement, je n’ai réussi à en tirer qu’une phrase :
Le thème de mon site est les caractères chinois ; à partir de ce thème, conçois une UI plus belle pour toute ma page.
Je n’avais donné aucune exigence, ni sur la couleur ni sur la police.
Gemini 3 a tourné 287 secondes, puis est revenu avec tout un système de style, qu’il a baptisé lui-même « Scholar’s Studio » :
Couleur papier de riz #F9F4E8 en fond, un blanc cassé chaleureux
Rouge cinabre #B22222 pour les sceaux et les accents
Noir d’encre #1A1A1A pour le texte
Bronze antique #9C9478 pour les lignes décoratives
Il y a même ajouté des sceaux rouges, un fond en grille de calligraphie et un module de devinettes de caractères façon rouleau.
Je n’ai pas mentionné une seule fois « papier de riz », « sceau » ni « grille » ; il a tout complété tout seul.
La raison est simple : donnez un mot-thème clair, et l’IA convoquera automatiquement tout l’ensemble de symboles culturels que ce mot porte. Plus vous en dites, plus vous l’enfermez.
Comment utiliser la phrase 1 : lancez le mot-thème, laissez-la livrer une première version, et ne discutez des détails qu’ensuite.
✅ Phrase 2 : parlez de ressenti, pas de paramètres
La saveur culturelle était là, mais le fond était trop chargé et me distrayait sans cesse pendant la lecture. Et toute la page était « floue » d’un seul bloc, sans hiérarchie entre les cartes et le fond.
J’ai tapé une phrase :
Le fond est un peu désordonné ; je voudrais que l’interface globale soit plus en relief.
Une seule phrase contenait deux demandes, et honnêtement je ne m’attendais pas à ce qu’il les règle d’un coup.
Mais il a traité cela très proprement :
Nettoyer : réduire l’opacité du motif de chauves-souris à 5 %, puis ajouter un grain très fin pour imiter les fibres du papier de riz
Relief : donner aux cartes un effet d’empilement de papier, ombres multiples + légers décalages ; les boutons ont une animation d’enfoncement ; l’en-tête reçoit une ombre portée
J’avais tapé deux adjectifs, « désordonné » et « en relief » ; il m’a répondu par des opérations que je serais incapable de nommer — « empilement de papier », « ombres multiples », « animation de décalage ».
Le point est là : nous, nous disons seulement le ressenti ; c’est l’IA qui traduit le ressenti en code.
Les adjectifs portent l’émotion, les noms portent la précision — l’émotion, c’est à vous de la fournir.
✅ Phrase 3 : verrouillez l’endroit, ne touchez à rien d’autre
Le relief était acquis, mais les cartes des deux blocs « traits » et « composants » avaient encore un fond blanc pur, en décalage total avec le beige papier de riz de la page, ce qui sautait aux yeux.
Cette phrase, je l’ai formulée très précisément :
Je voudrais que la couleur de fond des cartes du bloc des traits et des cartes du bloc des composants passe du blanc à une autre couleur, et qu’on y ajoute des motifs traditionnels chinois.
Regardez la structure de cette phrase :
Elle précise quels deux blocs (traits, composants)
Elle précise quelle propriété modifier (couleur de fond + motif)
Elle ne mentionne rien d’autre
C’est le piège dans lequel on tombe le plus facilement en révisant — dire « la couleur de la carte n’est pas jolie » et l’IA risque de modifier aussi les cartes de la barre de navigation. Il faut lui dire : laquelle, quoi changer, et ne touche pas au reste.
Ce qu’il a servi, c’est un vert céladon #F0F4F0 rehaussé d’un motif de nuages traditionnel. Pris seul, c’est plutôt joli ; mis ensemble... légèrement problématique.
✅ Phrase 4 : donnez un critère, pas la réponse
Le vert céladon tire vers le froid, le fond papier de riz tire vers le chaud ; les deux côte à côte déchirent le visuel, ce n’est pas agréable.
Ce choix a été le plus satisfaisant de toute cette série de révisions. Je n’ai pas dit « change de couleur », je n’ai pas cherché de code couleur non plus ; ce que j’ai dit, c’est :
La couleur doit résonner avec le fond sans être identique, il faut une distinction.
Deux phrases : l’une demande une résonance (même famille de couleurs), l’autre demande une distinction (la luminosité ou la saturation doit un peu différer).
L’IA est passée à un coloris soie antique #F2EAD3 — de la même famille chaude que le papier de riz, un peu plus foncé, qui se détache clairement du fond grâce aux ombres des cartes, sans être criard.
Je ne lui ai pas dit quelle était la couleur ; je lui ai dit à quoi ressemblait « juste ».
Ne dites pas à l’IA quelle est la réponse ; dites-lui à quoi ressemble « juste ».
Retenez bien cette phrase, son usage dépasse de loin la révision d’un rendu.
✅ Phrase 5 : dites où ça cloche, sans expliquer
Un dernier petit défaut : le grain ajouté plus tôt pour la texture du papier — à force de le regarder, il donnait l’impression de ne pas être propre.
Je n’avais pas envie d’expliquer ; j’ai tapé trois mots :
Enlève les taches.
Puis je suis allé me servir un verre d’eau et je suis revenu — il avait supprimé avec précision le filtre de bruit tout en conservant les ombres en relief de l’empilement de papier. Il a même remplacé au passage le motif de nuages des cartes par des ondulations d’eau.
Il n’a pas tranché à la hache : il a jugé ce que « taches » désignait vraiment.
Comment utiliser la phrase 5 : s’il y a un problème local, ne parlez que de cet endroit, sans ajouter une longue explication. L’IA jugera elle-même la portée, sans toucher au reste.
💡 La liste des 5 phrases, il suffit de la suivre
Voici une liste que vous pouvez recopier directement :
Poser le ton : « mon thème est XX, redessine-moi toute l’UI » — donnez le mot-thème, laissez-la courir d’abord
Nettoyer / relief : « le fond est un peu désordonné, je voudrais plus de relief » — dites le ressenti, oubliez le jargon
Modifier un détail : « dans le bloc XX, faire passer XX de A à B, ne touche pas au reste » — verrouillez l’emplacement + verrouillez la propriété
Trouver l’équilibre : « la couleur doit résonner avec XX mais rester distincte » — donnez le critère, pas la réponse
Effacer un défaut : « enlève XX » — dites où ça cloche, trois mots suffisent
Résumé du jour
La phrase la plus importante aujourd’hui :
Ne changez qu’une chose à la fois ; l’IA entend clairement vos paroles, mais elle ne supporte pas votre gourmandise.
Faire passer une page web de « regardable » à « belle » ne demande pas de comprendre le design, seulement de savoir dire clairement ce que l’on ressent.
Ouvrez la page web que vous avez terminée à l’épisode précédent, trouvez l’endroit qui vous déplaît le plus, et changez d’abord la première phrase.
L’IA produit un brouillon en une minute ; la maîtrise ne tient qu’à cinq tours de révision.