15 Min.
Wenn Sie nur eines lesen
Der Schrei im Layout — Angebotsbadges, Sprechblasen, nummerierte Schritte.
Kernaussagen
Callouts und Badges kodiert Werte als ein gefasstes Label, das die Lesereihenfolge stört. Yellow-Kid-Sprechblasen (1890er); Burst-Sticker der Nachkriegspackungen. In Berichten, Anzeigen und Aufgaben: Promos, nummerierte Anleitungen, Comic, UI-Chips. Meiden, wenn wenn das Badge die Headline wiederholt: ein Schrei. Diese Seite buendelt Anatomie, Passung, Handwerk, Fehlerbilder und Rezepte fuer Arbeit, Anzeigen und Schule zu Callouts und Badges.
Zum Abschnitt
Zurück
Pfeile und Verbinder
Weiter
Infografik-Blöcke
Lokale Systeme
BCP-47 + CSV de-DE; CSV mit ; und 1.200-Gruppierung.
Zahlenformat 1.200-Gruppierung ist nicht universell.
Studio-Download SVG/PNG bleiben lokal; nichts wird hochgeladen. Lokale Beispiele Lokale Beispieltabelle vor CSV-Import ansehen. Studio nach dem Chooser öffnen. Lokale FAQ Lädt Make meine CSV hoch? Nein — Parsing bleibt im Browser.
Warum wirkt eine EU-CSV falsch? Trenner und Tausendergruppen differieren; siehe Make-Hinweis.
Lokale Begriffe
Chooser Form vor dem Studio wählen.
Make Kleines CSV/Tabelle zum Startvisual.
Studio Browser-Editor — SVG/PNG lokal. Lokale Systeme
BCP-47 + CSV de-DE; CSV mit ; und 1.200-Gruppierung.
Zahlenformat 1.200-Gruppierung ist nicht universell.
Studio-Download SVG/PNG bleiben lokal; nichts wird hochgeladen. Lokale Beispiele Lokale Beispieltabelle vor CSV-Import ansehen. Studio nach dem Chooser öffnen. Lokale FAQ Lädt Make meine CSV hoch? Nein — Parsing bleibt im Browser.
Warum wirkt eine EU-CSV falsch? Trenner und Tausendergruppen differieren; siehe Make-Hinweis.
Lokale Begriffe
Chooser Form vor dem Studio wählen.
Make Kleines CSV/Tabelle zum Startvisual.
Studio Browser-Editor — SVG/PNG lokal. Quellen Editorial atlas Locale pack Licensed media Lokale Institutionen
WCAG-Kontrastleitfaden A11y-Baselines für Farbe und Text.
Style Guides / Brand Kits Palette und Schrift können Studio-Defaults überschreiben.
Datenethik-/Offenlegungspolitik Quellenangaben und Truncation-Ehrlichkeit liegen beim Publisher. Mythen vs Fakten 3D sieht immer professioneller aus → Perspektivverzerrung schadet dem Vergleich; flache Encodings lesen sauberer. Mehr Tinte = mehr Insight → Chartjunk konkurriert mit dem Datensignal. Studio-Export braucht keinen Review → Vor Publish immer Kontrast, Labels und Quellen prüfen. Vertiefte FAQ Ersetzt das Studio eine volle Design-Suite? Nein. Fokussierter Viz-Craft-Workspace mit ehrlichen Defaults.
Kür Scores den „besten“ Chart? Nein. Redaktionelle Browse-Meter für Craft-Dimensionen.
Garantiert das Studio WCAG-Pass? Nein. Defaults helfen; finaler Kontrast und Semantik brauchen Review.
Sind Tortendiagramme immer schlecht? Oft missbraucht bei vielen Kategorien; kleine Teil-Ganz-Sets können vorsichtig funktionieren.
Checkliste
1 Frage notieren, die das Viz beantworten muss.
2 Beim Vergleich Position/Länge bevorzugen.
3 Vor Publish Kontrast prüfen.
4 Studio früh öffnen; Marks iterieren, nicht Themes. Wichtiger Hinweis Kein Compliance-Stempel. Farbe, Kontrast und Datenintegrität brauchen menschliche Prüfung.
Redaktionelle Tiefe Redaktionelle Meter vergleichen Klarheit und Nutzen — keine „Best-Chart“-Trophäen. Auf VS fragen, welches Encoding unter Ihrer Datenform weniger lügt.
Tiefere Quellen Grammar of Graphics / perzeptuelle Encodings WCAG-Kontrastdokumentation Tool-Lifes Viz-Studio-Qualitätsnotizen Wichtiger Hinweis Kein Compliance-Stempel. Farbe, Kontrast und Datenintegrität brauchen menschliche Prüfung.
Fur wen Der Schrei im Layout — Angebotsbadges, Sprechblasen, nummerierte Schritte.
Diese Seite drucken
Kernwerte Klarheit 80 Ueberzeugung 92 Dichte 24 Handwerkskosten 20 Schulpassung 82 Arbeitspassung 70 Balkendiagramm Liniendiagramm Kreis- und Ringdiagramm Streudiagramm Viz wählen Form wählen — Mit der Frage starten, nicht mit hübscher Vorlage.Kodieren, dann dekorieren — Position und Länge zuerst; Tinte und Effekte zuletzt.Kontrast prüfen — Studio-Defaults helfen, WCAG bleibt vor Publish Pflicht.Studio breit öffnen — Verbreiterten Workspace nutzen, Marks iterieren ohne Panel-Gedränge.Praktische Werkzeuge Viz-Studio öffnen
Seite nutzen Form wählen — Mit der Frage starten, nicht mit hübscher Vorlage. Kodieren, dann dekorieren — Position und Länge zuerst; Tinte und Effekte zuletzt. Kontrast prüfen — Studio-Defaults helfen, WCAG bleibt vor Publish Pflicht.
01
Callouts und Badges Callouts und Badges kodiert Werte als ein gefasstes Label, das die Lesereihenfolge stört. Yellow-Kid-Sprechblasen (1890er); Burst-Sticker der Nachkriegspackungen.
In Berichten, Anzeigen und Aufgaben: Promos, nummerierte Anleitungen, Comic, UI-Chips. Meiden, wenn wenn das Badge die Headline wiederholt: ein Schrei.
Diese Seite buendelt Anatomie, Passung, Handwerk, Fehlerbilder und Rezepte fuer Arbeit, Anzeigen und Schule zu Callouts und Badges.
So zeigt sich Callouts und Badges hier
Excel oder Google Tabellen und PowerPoint teilen diese Geometrie. Eine Behauptung pro Folie; SVG oder PDF exportieren, keinen Screenshot.
In Meta, Google und Print sprechen zuerst eine Zahl und eine Form. Passt Callouts und Badges nicht ins Banner, Zahl behalten und das Diagramm auf der Landing zeigen.
Fuer Laborberichte und Plakate die Form waehlen, die die Rubrik beantwortet. Achsen, Einheiten und eine Quellenzeile werden gelesen.
Form Callouts und Badges
Seit 1890s
Kodiert ein gefasstes Label, das…
Gut fuer Promos, nummerierte…
Meiden wenn das Badge die…
Studio Formen
Sieben Kapitel Idee
Der Schrei im Layout — Angebotsbadges, Sprechblasen, nummerierte Schritte. Geschichte. Promos, nummerierte Anleitungen, Comic, UI-Chips.
Lesen →
Anatomie
Der Schrei im Layout — Angebotsbadges, Sprechblasen, nummerierte Schritte. Marke. Promos, nummerierte Anleitungen, Comic, UI-Chips.
Lesen →
Wann
Der Schrei im Layout — Angebotsbadges, Sprechblasen, nummerierte Schritte. Passung. Promos, nummerierte Anleitungen, Comic, UI-Chips.
Lesen →
Handwerk
Der Schrei im Layout — Angebotsbadges, Sprechblasen, nummerierte Schritte. Regeln. Promos, nummerierte Anleitungen, Comic, UI-Chips.
Lesen →
Fehler
Der Schrei im Layout — Angebotsbadges, Sprechblasen, nummerierte Schritte. Fehlerbilder. Promos, nummerierte Anleitungen, Comic, UI-Chips.
Lesen →
Studio
Der Schrei im Layout — Angebotsbadges, Sprechblasen, nummerierte Schritte. Arbeit. Promos, nummerierte Anleitungen, Comic, UI-Chips.
Lesen →
Werkzeuge
Der Schrei im Layout — Angebotsbadges, Sprechblasen, nummerierte Schritte. Software. Promos, nummerierte Anleitungen, Comic, UI-Chips.
Lesen →
Häufige Fragen Wann waehle ich Callouts und Badges? Wenn die Geschichte so lautet: Promos, nummerierte Anleitungen, Comic, UI-Chips.
Wann meide ich es? In Faellen wie: wenn das Badge die Headline wiederholt: ein Schrei.
Wer hat es erfunden oder bekannt gemacht? Yellow-Kid-Sprechblasen (1890er); Burst-Sticker der Nachkriegspackungen
Was kodiert es? ein gefasstes Label, das die Lesereihenfolge stört
OK in Anzeigen? Ja, wenn eine Behauptung in Meta, Google und Print auf einen Blick sichtbar ist; sonst zur vollstaendigen Figur verlinken.
Nimmt eine Lehrkraft es ab? Ja fuer Laborberichte und Plakate, wenn Achsen, Einheiten und eine Quellenzeile da sind.
Welches Werkzeug? Excel oder Google Tabellen oder PowerPoint; SVG/PDF exportieren.
Wie bleibt es barrierefrei? Nicht nur auf Farbton setzen. Direkt beschriften und Grau pruefen.
Studio-Editor →
Welches Visual?
Formen vergleichen
Visual aus einer Datei machen