Icônes Surface
Choisir des icônes cohérentes depuis un catalogue partagé avec l’AI.
Choisir dans le Model
Le sélecteur d’icônes Surface permet de rechercher une icône par son nom et de l’associer aux éléments du Model qui acceptent une icône. Le catalogue est commun à l’usager et à l’AI : une proposition d’icône utilise les mêmes identifiants et peut être changée dans le même sélecteur.
| Élément | Choix conseillé pour l’exemple | Intention |
|---|---|---|
| Clients | users | Groupe de personnes ou clients |
| Soumissions | file-text | Proposition écrite |
| Paramètres | settings | Configuration |
| Relations | link | Objet associé |
| Préparer | workflow | Travail en plusieurs étapes |
Sémantique et accessibilité
Associez l’icône au sens de l’élément et conservez un libellé compréhensible. Une icône seule doit disposer d’un nom accessible. La couleur ne doit pas être l’unique différence entre une action disponible et une action refusée.
Référence exacte
La déclaration d’icône utilise le contrat de présentation. Choisissez son nom dans le catalogue Surface; les paramètres techniques du catalogue sont gérés par les outils du Model. L’AI doit utiliser un nom disponible dans ce même catalogue.
Recherchez la forme souhaitée dans le sélecteur du Model, vérifiez son aperçu et son libellé, puis appliquez votre choix. Surface utilise le catalogue associé au Model.
Catalogue des icônes Surface
Recherchez par nom ou mot-clé français ou anglais, puis filtrez par catégorie : navigation, personnes, communication, fichiers, finance, outils, transport et autres domaines. Sélectionnez une icône pour copier son nom. Voir plus affiche les éléments suivants de la sélection.
Cette galerie présente les mêmes icônes que le catalogue Surface utilisé par le Model et l’AI. Copier un nom ne modifie pas votre app; appliquez ensuite votre choix dans le sélecteur du Model.
Le catalogue des icônes Surface au format JSON expose les noms, catégories, mots-clés et aperçus pour les outils et l’AI.
Exemples appliqués : Des icônes cohérentes pour vos objets
Utilisez users pour Clients et file-text pour Soumissions; le sélecteur et l’AI partagent ces noms.
Configuration
Fragment à placer dans icon.name. Propriétés et valeurs admises.
"users"Variante et raccordement
Fragment à placer dans icon.name. Propriétés et valeurs admises.
"file-text"Exemple de disposition UI
La disposition illustrative ci-dessous situe cette configuration dans l’app Clients/Soumissions. Chaque fragment s’insère à l’emplacement indiqué; ses références aux Fields, Queries et Actions correspondent aux déclarations du Model.
- Clients
- Soumissions
- Paramètres
- Relations