C'est quoi l'iconographie ?

Définition : L'iconographie désigne l'ensemble cohérent des pictogrammes et symboles d'une marque, ainsi que les règles qui régissent leur dessin et leur usage. Elle ne se réduit pas à une collection d'icônes : c'est un système, avec une grille, une épaisseur de trait et une logique de représentation communes. C'est l'élément d'identité qui se dégrade le plus vite quand personne ne le surveille.

Définition de « iconographie »

L'iconographie rassemble les petits signes graphiques qui accompagnent un contenu : symboles d'interface, pictogrammes de rubrique, marqueurs de listes, illustrations schématiques. Leur fonction est de faire gagner du temps au lecteur, en remplaçant un mot par une forme reconnaissable en une fraction de seconde (c'est le seul élément graphique qui se lit plus vite qu'il ne se regarde).

Ce qui fait leur valeur n'est pas le dessin individuel mais la cohérence de la famille. Dix icônes dessinées selon la même grille produisent une impression de rigueur ; dix icônes empruntées à trois bibliothèques différentes produisent une impression d'amateurisme, même si chacune est jolie prise isolément (et c'est toujours le cas).

Les paramètres d'un système d'icônes

• La grille. Une taille de référence, souvent 24 par 24 pixels, dans laquelle chaque symbole s'inscrit avec les mêmes marges.
• L'épaisseur de trait. Constante sur tout le jeu, c'est le paramètre dont l'œil détecte le plus vite les écarts (un demi-pixel se voit).
• Le style. Contour ou plein, angles vifs ou arrondis, niveau de détail (un jeu qui mélange les deux registres ne fait jamais famille).
• La logique de représentation. Métaphores cohérentes entre elles, pour que l'utilisateur devine la suivante à partir des précédentes.

Ces règles se documentent dans la charte graphique, au même titre que les couleurs et la typographie.

Pourquoi l'iconographie dérive toujours

Parce qu'elle s'étend par petites touches. Le jeu initial est cohérent, puis une nouvelle page demande un symbole qui n'existe pas, quelqu'un en télécharge un ailleurs, et la famille se fissure (le plus souvent sans qu'aucune validation n'ait eu lieu, parce qu'une icône paraît trop petite pour mériter un arbitrage).

Un an plus tard, le même site affiche trois épaisseurs de trait et deux styles. C'est un cas typique de dette graphique : chaque écart isolé est négligeable, l'accumulation ne l'est pas.

Le lien avec le design (et Heysimon)

Une iconographie tient dans la durée à une condition : que les ajouts passent par la même main, ou au moins par le même cadre. C'est précisément ce qu'un designer dédié apporte, puisqu'il connaît la grille et l'épaisseur sans qu'on ait à les lui rappeler. Chez Heysimon, pionnier français du design-as-a-service™ depuis 2021, les ajouts d'icônes se traitent comme n'importe quelle demande du flux, à partir de 990 € HT par mois, avec une première version en 24 heures en moyenne. Voyez notre service icônes et, plus largement, nos illustrations et pictos. Pour cadrer le budget d'un système de marque, notre guide du prix d'un logo et d'une identité visuelle, et pour le modèle de production, notre article sur externaliser le graphisme.

Questions fréquentes

Quelle différence entre une icône et un pictogramme ?

L'usage courant les confond, et ce n'est pas grave. En pratique, on réserve plutôt le mot icône aux symboles d'interface, qui déclenchent une action, et le mot pictogramme aux symboles d'information, qui signalent ou illustrent sans être cliquables. Les contraintes de dessin sont les mêmes ; c'est le contexte d'usage qui diffère.

Faut-il dessiner ses icônes ou utiliser une bibliothèque existante ?

Une bibliothèque libre convient parfaitement pour une interface fonctionnelle et évite un travail coûteux. Le sur-mesure se justifie quand les icônes deviennent un signe de reconnaissance de la marque, typiquement sur un site vitrine ou des supports commerciaux. La règle absolue dans les deux cas est de ne pas mélanger deux bibliothèques de styles différents.

Combien d'icônes prévoir dans un jeu de base ?

Une vingtaine couvre les besoins courants d'un site et de supports commerciaux. Le piège n'est pas le nombre initial mais l'extension : au bout d'un an, les ajouts faits au fil de l'eau par des mains différentes cassent l'homogénéité. Documenter la grille, l'épaisseur de trait et les terminaisons dès le premier jeu évite cette dérive.

En résumé

L'iconographie est un système avant d'être une collection. Sa cohérence repose sur quatre paramètres, grille, épaisseur, style et logique de représentation, et sa dégradation vient toujours des ajouts non cadrés plutôt que du jeu initial.