Iconographie

Des signes simples et reconnaissables.

En pratique

Rechercher
Suivant
Confirmer
Fermer
Grille
24 × 24
Épaisseur du trait
1.5
Extrémités
round

Bonnes pratiques

Les icônes doivent être reconnaissables et cohérentes entre elles. Utilisez un vocabulaire visuel simple et stable.

  • Associez un libellé aux symboles dont le sens peut être ambigu.
  • Donnez un nom accessible aux boutons qui ne contiennent qu’une icône.
  • Masquez les icônes purement décoratives aux technologies d’assistance.
  • Conservez une surface interactive confortable autour du dessin.

À retenir

Une icône ne remplace pas systématiquement un mot. Choisissez le repère qui rend l’action la plus compréhensible dans son contexte.

IntroductionBien démarrer · Un langage commun pour mieux concevoir.Principes de designBien démarrer · Les convictions qui orientent nos choix.Voix et tonBien démarrer · Les mots aussi font partie de l’expérience.CouleursFondations · Une palette pensée pour donner du sens.TypographieFondations · Une hiérarchie claire, à chaque échelle.Espacement et mise en pageFondations · Du rythme et de l’espace pour le contenu.IconographieFondations · Des signes simples et reconnaissables.MouvementFondations · Des transitions qui aident à comprendre.AccessibilitéFondations · Des expériences ouvertes à tout le monde.BoutonsComposants · Des actions évidentes et bien hiérarchisées.Champs de saisieComposants · Accompagner chaque information saisie.NavigationComposants · Des repères pour trouver son chemin.