Design Mehr Details C · Branchenübliche Konvention

Iconography

Ikonographie

Ikonographie ist ein gemeinsames Symbolset mit einheitlichem Aussehen und klaren Bedeutungen für Aktionen und Ideen.

Sieh, wie es funktioniert
Du könntest es nennen IconographySymbolsystemSymbole

Sieh, wie es funktioniert

Original bearbeitetes BeispielIkonographie

Ein weiteres Beispiel

Speichern-/Teilen-/Löschen-Symbole verwenden die gleiche Strichstärke und jedes hat einen zugänglichen Namen.

Hauptteile

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

Verwenden Sie es, wenn

Verwenden Sie Symbole, um Menschen zu helfen, Aktionen schnell zu erkennen, wenn der Platz knapp ist.

Nutze es nicht, wenn

Zeige niemals ein unbekanntes Symbol ohne Beschriftung oder mische Symbolsets, die nicht zusammenpassen.

In Code verwendeter Name

SVG + accessible name

Vor dem Ausliefern

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.

Anfrage, die Sie kopieren können

Outcome: Complete the task with Ikonographie (Iconography). User context: Speichern-/Teilen-/Löschen-Symbole verwenden die gleiche Strichstärke und jedes hat einen zugänglichen Namen. Design concept to apply: Ikonographie (Iconography). Why it fits: Verwenden Sie Symbole, um Menschen zu helfen, Aktionen schnell zu erkennen, wenn der Platz knapp ist. Do not use it when: Zeige niemals ein unbekanntes Symbol ohne Beschriftung oder mische Symbolsets, die nicht zusammenpassen. 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): Kein einziger offizieller Standard kontrolliert den gesamten Begriff. Seine Bedeutung kann sich zwischen Teams, Plattformen oder Frameworks ändern. Unknowns to confirm: Brand limits, amount of content, supported themes and languages, target devices, and design-system rules.

Diese Anfrage prüfen

Review how Ikonographie (Iconography) is used now. Definition: Ikonographie ist ein gemeinsames Symbolset mit einheitlichem Aussehen und klaren Bedeutungen für Aktionen und Ideen. 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
Wie offiziell ist dieser Begriff?

Branchenübliche Konvention

Menschen verwenden diesen Begriff oft bei der Arbeit. Die aufgelisteten Quellen können Praxis oder Einschränkungen unterstützen. Sie definieren nicht jeden Teil des Begriffs.

Kein einziger offizieller Standard kontrolliert den gesamten Begriff. Seine Bedeutung kann sich zwischen Teams, Plattformen oder Frameworks ändern.

Umfang
Nur das, was die Quelle abdeckt:Kanonischer Name、Definition、Nutzungshinweise、Ratschläge zur Vermeidung
Dokumentenstatus
stabil
Geprüft am
2026-07-30

Beweisquellen & Umfang

Autoritätsquelle · Apple · stabil Human Interface Guidelines Umfang: Kanonischer Name、Definition、Nutzungshinweise、Ratschläge zur Vermeidung Rolle hier: Hilfreicher Hintergrund, keine Definition Quelle umfasst: Kanonischer Name, Definition, Nutzungshinweise, Ratschläge zur Vermeidung Autoritätsquelle · Google · stabil Material Design 3 Umfang: Kanonischer Name、Definition、Nutzungshinweise、Ratschläge zur Vermeidung Rolle hier: Hilfreicher Hintergrund, keine Definition Quelle umfasst: Kanonischer Name, Definition, Nutzungshinweise, Ratschläge zur Vermeidung

Selbst kopieren

Der Browser konnte dies nicht kopieren. Wählen Sie die Anfrage unten aus und kopieren Sie sie selbst.