Le vocabulaire du design d'icones et de la pictographie en anglais
Livrer un icon set à une équipe produit internationale exige un vocabulaire précis. Grid, stroke weight, keyline : les termes qui evitent les allers-retours sur un sujet en apparence simple.
Pourquoi le vocabulaire des icones fait la différence face à un client international
Une icone parait simple, mais c'est justement ce qui rend les malentendus frequents : sans vocabulaire partage, un client anglophone et un designer peuvent parler du même fichier sans se comprendre. Quand une équipe produit demande un icon set complet, elle attend généralement une bibliotheque cohérente couvrant toutes les actions de l'interface, livrée dans un format exploitable par les développeurs.
Le terme glyph désigne une icone reduite à sa forme la plus simple, en une seule couleur, pensée pour rester lisible a petite taille dans une barre de navigation. Préciser des le brief si le client attend des glyphs ou des illustrations plus detaillées évite de refaire tout un set à la dernière minute.
Construire un set cohérent : grille, epaisseur de trait, style
Toute icone professionnelle est dessinée sur une grid, cette grille invisible qui garantit que chaque forme respecte les mêmes proportions et les mêmes marges que ses voisines. Sans elle, un set d'icones crée par plusieurs designers finit toujours par paraître desassorti, même si chaque icone prise individuellement est reussie.
La stroke weight, cette epaisseur de trait, doit rester identique sur l'ensemble du set : un trait plus fin sur une icone et plus epais sur une autre suffit à briser l'harmonie visuelle de toute une interface. C'est souvent le premier détail qu'un directeur artistique vérifie avant de valider une livraison.
Livrer et documenter son travail pour l'équipe produit
Avant la livraison, il faut trancher entre un flat icon, une icone pleine et sans relief au style epure et très utilise dans les interfaces actuelles, et une version en contour plus légère. Cette décision doit être expliquée au client en une phrase simple : "We recommend flat icons here for better readability at small sizes."
Enfin, chaque icone repose sur une keyline, cette forme de base invisible (cercle, carre ou triangle) qui sert de référence pour equilibrer optiquement toutes les icones entre elles. Mentionner ce terme dans une documentation de livraison rassure immédiatement une équipe produit habituée à travailler avec des designers anglophones.
Vocabulaire de l'article
6 termes“The full icon set includes 80 glyphs for the mobile app.”
“Each glyph must stay legible at 16 pixels.”
“All icons are built on the same 24px grid.”
“Keep the stroke weight consistent across every icon.”
“We switched to flat icons for a cleaner, modern look.”
“The keyline shape keeps every icon visually balanced.”
Contenu Premium
Accédez à toutes les leçons, articles et ressources avec l'abonnement Pro.
Voir les tarifs