Conception Plus de détails C · Convention industrielle

Iconography

Iconographie

L'iconographie est un ensemble de symboles partagés avec des apparences cohérentes et des significations claires pour les actions et les idées.

Vous pourriez l'appeler Iconographysystème d'icônessymboles

Voir comment cela fonctionne

Exemple travaillé originalIconographie

Un autre exemple

Les icônes enregistrer/partager/supprimer utilisent le même poids de ligne et chacune a un nom accessible.

Parties principales

  1. 01Foundation or token
  2. 02Applied component
  3. 03Visible state and rule

Utilisez-le lorsque

Utilisez des icônes pour aider les gens à reconnaître rapidement les actions lorsque l'espace est limité.

Ne l'utilisez pas lorsque

Ne jamais afficher une icône inconnue sans étiquette ou mélanger des ensembles d'icônes qui semblent sans lien.

Nom utilisé dans le code

SVG + accessible name

Avant d'expédier

Check content order, shared design values, component consistency, contrast, zoom, and layout changes by screen size. Verify every theme, language, and state. If there is motion, offer an equal reduced-motion experience.

Demande que vous pouvez copier

Outcome: Complete the task with Iconographie (Iconography). User context: Les icônes enregistrer/partager/supprimer utilisent le même poids de ligne et chacune a un nom accessible. Design concept to apply: Iconographie (Iconography). Why it fits: Utilisez des icônes pour aider les gens à reconnaître rapidement les actions lorsque l'espace est limité. Do not use it when: Ne jamais afficher une icône inconnue sans étiquette ou mélanger des ensembles d'icônes qui semblent sans lien. Design requirements: Set the content order, shared design values, and reusable components. Define how the layout changes by screen size and state. Keep useful design choices separate from decoration. Inclusion and resilience: Check contrast, zoom, languages, themes, and reduced motion when needed. Do not use color or effects as the only way to show meaning. Acceptance criteria: The design stays clear on phones and desktops, at zoom, in every theme, and in all supported languages. Interactive states stay clear and consistent. Evidence and limits (evidence boundary): Aucun standard officiel unique ne régit l’ensemble du terme. Sa signification peut varier selon les équipes, plateformes ou frameworks. Unknowns to confirm: Brand limits, amount of content, supported themes and languages, target devices, and design-system rules.

Vérifiez cette demande

Review how Iconographie (Iconography) is used now. Definition: L'iconographie est un ensemble de symboles partagés avec des apparences cohérentes et des significations claires pour les actions et les idées. Release checks: Check content order, shared design values, component consistency, contrast, zoom, and layout changes by screen size. Verify every theme, language, and state. If there is motion, offer an equal reduced-motion experience. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.

C
Ce terme est-il officiel ?

Convention industrielle

Les gens utilisent souvent ce terme au travail. Les sources listées peuvent soutenir la pratique ou les limitations. Elles ne définissent pas toutes les parties du terme.

Aucun standard officiel unique ne régit l’ensemble du terme. Sa signification peut varier selon les équipes, plateformes ou frameworks.

Portée
Seulement ce que couvre la source:nom canonique、définition、guide d'utilisation、directives d'évitement
Statut du document
stable
Coché activé
2026-07-30

Sources et portée des preuves

Source faisant autorité · Apple · stable Human Interface Guidelines Portée: nom canonique、définition、guide d'utilisation、directives d'évitement Rôle ici: Contexte utile, pas une définition La source couvre: nom canonique, définition, guide d'utilisation, directives d'évitement Source faisant autorité · Google · stable Material Design 3 Portée: nom canonique、définition、guide d'utilisation、directives d'évitement Rôle ici: Contexte utile, pas une définition La source couvre: nom canonique, définition, guide d'utilisation, directives d'évitement

Copiez-le vous-même

Le navigateur n'a pas pu copier ceci. Sélectionnez la requête ci-dessous et copiez-la vous-même.