Que fait Orientation Esthétique ?
Sans système, les designs dérivent vers la moyenne de tout ce que vous avez vu : Inter sur fond blanc, un hero en dégradé, trois cartes alignées. Contrez cela délibérément.
Avant de construire
Notez, en quelques lignes :
- But — le problème, le lecteur, le moment où il voit le design.
- Ton — choisissez-en un et tenez-vous-y : minimaliste brutal, éditorial, industriel, chaleureux et domestique, institutionnel, ludique, luxueux, technique, d'archives. Pas « moderne et épuré ». Cette phrase signifie que vous n'avez pas décidé.
- L'élément clé — ce dont on se souvient une heure plus tard. Une police d'affichage à une taille déraisonnable, une couleur saturée unique contre du gris gravier, une asymétrie délibérée, une règle qui traverse toute la hauteur de la page.
Ensuite, construisez chaque élément au service de ces trois lignes. Si un élément ne sert pas le ton ou l'élément clé, supprimez-le.
La direction est dans les détails
- La typographie porte plus que la couleur. Une police d'affichage distinctive associée à une police de texte sobre fait l'essentiel du travail. Vérifiez le rendu de l'association aux tailles réelles que vous utiliserez avant de vous engager.
- Un seul accent, utilisé avec parcimonie. Des neutres dominants plus un seul accent à pleine saturation surpassent cinq couleurs atténuées.
- La composition avant la décoration. Asymétrie, chevauchement, marges généreuses, un élément qui brise la grille une fois. Pas de textures appliquées par-dessus une mise en page symétrique.
- L'animation est un moment, pas une multitude. Une seule entrée échelonnée semble artisanale ; des effets de survol dispersés ressemblent à un modèle.
Variez selon les projets
Si deux livrables que vous avez réalisés récemment se ressemblent, changez l'élément par défaut auquel vous recourez toujours — généralement la température de la palette, la police d'affichage ou la densité. Choisissez délibérément dans un petit ensemble plutôt que de dériver vers le même choix :
- Palettes : os et encre · bleu marine profond et blanc chaud · gris gravier et rouge oxydé · forêt et crème · noir et jaune acide · sable et terre cuite.
- Typographie : police d'affichage serif à fort contraste · grotesque avec crénage serré · sans humaniste · slab · police d'affichage condensée · une seule police mono utilisée partout.
Dites laquelle vous avez choisie et pourquoi, en une ligne, avant de construire. Cette ligne donne également à la personne quelque chose de concret auquel réagir.
Garde-fous
Ceux-ci s'appliquent quelle que soit la direction :
- Contraste du corps de texte 4,5:1, titres 3:1.
- Texte du corps d'au moins 16 px à l'écran, 12 pt en impression, 24 px sur un diaporama 1080p.
- Cibles de clic d'au moins 44 px.
- Pas d'émoji comme iconographie, sauf si la marque les utilise déjà.
- Ne dessinez pas les photographies en SVG. Générez-les avec les outils FLUX lorsqu'ils sont disponibles ; sinon, utilisez un espace réservé et décrivez ce qui doit s'y trouver.
Quand la personne fournit une référence
Suivez la logique de la référence, pas son apparence superficielle. Si la personne partage un site qu'elle aime, identifiez pourquoi — le rythme des espacements, la retenue, le poids typographique — et appliquez cette raison. Copier l'apparence superficielle, c'est ainsi qu'on aboutit à un design qui ressemble à une version moins réussie de quelque chose d'autre.