DÉCISION ·
Comment transformer une identité visuelle en règles cohérentes pour un site web ?
Un site cohérent ne répète pas simplement ses couleurs. Il relie couleurs, type, composants, images, états et comportement responsive dans un ensemble qui reste lisible à chaque taille.
DÉCISION EN COURS
Choisir avec un contexte, pas à l'instinct
La réponse dépend du public, du support et du moment de lecture. L'objectif est de rendre le choix explicite afin qu'il puisse être discuté, transmis et revu plus tard.
- Contexte : ce que le support doit permettre de comprendre ou de faire.
- Contrainte : ce qui limite réellement les options disponibles.
- Contrôle : la vérification qui confirme que la décision tient.
01
Écrire les rôles avant les composants
Décidez ce que fait une couleur, un niveau de texte ou un espacement. Les composants pourront alors conserver une relation lisible même quand le site grandit.
Cette étape gagne à être reliée à une fiche de décision, puis comparée à la méthode de lecture des preuves. Pour les règles normatives, la source contrôlée reste le point de référence.
02
Tester les états
Un lien, un bouton ou un champ ne se réduit pas à sa version calme. Vérifiez le focus, l'erreur, la sélection et l'usage au clavier.
Cette étape gagne à être reliée à une fiche de décision, puis comparée à la méthode de lecture des preuves. Pour les règles normatives, la source contrôlée reste le point de référence.
03
Préserver le sens sur mobile
Le reflow change la forme, pas la priorité. Les raccourcis de navigation, titres et actions doivent garder leur ordre de lecture.
Cette étape gagne à être reliée à une fiche de décision, puis comparée à la méthode de lecture des preuves. Pour les règles normatives, la source contrôlée reste le point de référence.
Sources et limites
Ce dossier est une synthèse éditoriale. Les critères d'accessibilité, de langue et de droits doivent être vérifiés dans leur source canonique et selon le contexte du projet.
Consulter les sources contrôlées