Aller au contenu
◒Le Compas Visuel

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.

IdentitéPreuve : guide et méthodeRédaction du Compas
Écran générique sans interface reconnaissable voisin d'un nuancier et d'un carnet de règles visuelles
Écran générique sans interface reconnaissable voisin d'un nuancier et d'un carnet de règles visuelles.

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.

04

Une identité en ligne, ensuite

Une identité visuelle cohérente ne s'arrête pas à la page d'accueil : elle se vérifie sur chaque écran, dans les contrastes, la hiérarchie des titres et la lisibilité des textes. Un site d'église illustre bien cet enjeu, car ses visiteurs ont des profils variés et des besoins d'accès distincts. La refonte d'un site d'église demande de reprendre l'accueil, les accès et les outils, tout en corrigeant les erreurs de conception classiques et en garantissant l'accessibilité pour tous, sous-titres et lecteurs d'écran compris. Ce travail rejoint une identité visuelle cohérente, où chaque choix graphique sert la compréhension.

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