Auf dieser Webseite verwenden wir Cookies und ähnliche Technologien („Cookies“). Um deren Verwendung zur Analyse der Webseitenutzung und zur Steigerung der Funktionalität zu erlauben, klicken Sie bitte auf „Akzeptieren“. Um auszuwählen welche Cookies wir im Einzelnen verwenden dürfen, um Ihre Einstellungen zu ändern oder um detaillierte Informationen zu erhalten, klicken Sie auf „Details“.

Details

Ablehnen

Akzeptieren

Nachfolgend können Sie einzelne Technologien, die auf dieser Webseite verwendet werden, aktivieren/deaktivieren.
Zu allen einwilligen
Erforderlich

Diese Cookies machen eine Webseite nutzbar, indem sie Grundfunktionen wie Seitennavigation, Spracheinstellungen und Zugang zu geschützten Bereichen der Webseite bereitstellen. Da die Webseite ohne sie nicht ordnungsgemäß funktionieren kann, können Sie sich nicht von dieser Art von Cookies abmelden.

Funktionalität

Diese Cookies helfen uns, die Funktionalität und Attraktivität unserer Webseites und damit Ihr Nutzungserlebnis zu verbessern, indem Ihre z.B. Einstellungen, Auswahl und Filterung gespeichert werden und Ihr Gerät bei einem späteren Besuch wiedererkannt wird.

Analyse

Diese Cookies erlauben uns und den Dienstanbietern (z.B. Google über den Dienst Google Analytics), Informationen und Statistiken über Ihre Interaktion mit unserer Webseite zu erhalten und auszuwerten, um mit den gewonnenen Erkenntnissen unsere Webseite zu optimieren.

Mehr Infos
(Datenschutzerklärung)

Einstellungen speichern

Diagramme

Diagramme vermitteln mehr als nur Zahlen. Die Grafiken können präzise aufbereitete Daten beinhalten, aber beispielswiese auch Botschaften wie in einer Geschichte kommunizieren. Unser Design ermöglicht es, Diagramme seriös, zurückhaltend und detailliert zu gestalten, aber auch für plakativere Anwendungen zu inszenieren.

INHALTSVERZEICHNIS

Zahlen werden in Diagrammen als Punkte, Linien, Balken, Kreise oder Flächen visualisiert. Daten können in einem Balkendiagramm mit zwei Achsen oder radial als Ringdiagramm dargestellt werden. Die Botschaft entscheidet über die Darstellungsform. Wichtig ist das hervorheben der Fakten und die Reduktion der Informationsfülle auf das Wesentliche.

FARBEN

Unsere Diagramme zeichnen sich durch einen gezielten Farbeinsatz aus. Jede Kategorie eines Diagramms erhält eine eigene Farbe. Die Anzahl der Kategorien sollte aufgrund der Übersichtlichkeit nicht über fünf liegen.

Achs-Diagramme

BALKEN-DIAGRAMME

Balken Diagramme zeigen die absoluten Werte von einzelnen Kategorien sowie deren Relationen zueinander an.

Gestapeltes Balkendiagramm – Die Werte der einzelnen Segmente werden seitlich des Balkens zugeordnet. Eine Beschriftung der y-Achse ist optional.

Balkendiagramm – Ein Balken wird durch Digital Light Blue besonders hervorgehoben.

LINIEN- UND STREU-DIAGRAMME

Punktdiagramm – Punkte werden auf zwei Wertachsen verortet. Die Unterscheidung in Kategorien kann über die Farbe der Punkte erfolgen.

Blasendiagramm – ähnelt einem Punktdiagramm mit zwei Wertachsen. Die Größe der Blase repräsentiert eine zusätzliche Dimension der Daten.

Liniendiagramm – alle Datenpunkte werden miteinander zu einer Linie verbunden.

Flächendiagramm – gestapeltes Flächendiagramm mit absoluten Werten.

Diagramm Details

RASTER UND ACHSBESCHRIFTUNG

Ein Linienraster besteht aus Punktlinien und kann in verschieden Detailstufen abgebildet werden. Es befindet sich im Hintergrund des Diagramms.

Linienraster – gepunktete Achslinien horizontal und vertikal

Linienraster – gepunktete Achslinien horizontal

Linienraster – ohne gepunkteten Achslinien

Schriftgrößen – Die Schriftgrößen der Diagramme sind abhängig vom Kommunikationsmedium. Die Werte sind nicht fixiert, doch ihre Verhältnisse sollen ein Richtwert sein.

 

  1. Headline: 7 Pt, , Schriftfarbe Dark Gray oder Digital Light Blue
  2. Subheadline: 7 Pt, Versalschreibweise, Schriftfarbe wie Headline
  3. Wertachsbeschriftung: 6 Pt, Schriftfarbe Dark Gray
  4. Kategorieachsbeschriftung: 6 Pt, Schriftfarbe Dark Gray
  5. Legende: 7 Pt, Schriftfarbe Dark Gray
  6. Quellenangabe: 6 Pt, Schriftfarbe Dark Gray

Konturstärken – Die Konturstärken in Diagrammen sind ebenso abhängig von der Größe des Mediums. Die angegeben Werte hier sind beispielhaft.

  1. Rasterlinie: 0,5 Pt, Punktabstände 2 Pt, Konturfarbe Dark Gray
  2. Datenlinie: 0,75 Pt, Konturfarbe variabel
  3. Basislinie: 0,75 Pt, Konturfarbe Dark Gray

Ring-Diagramme

Ein Ring-Diagramm zeigt Teilwerte, die zusammen ein Ganzes ergeben. Die Kategorie-Beschriftung wird als Legende daneben gestellt. Die Unterscheidung erfolgt ausschließlich über Farben. Die Anzahl der Segmente sollte zugunsten der Übersichtlichkeit reduziert bleiben.

RING-DIAGRAMM-ALTERNATIVEN

Eine Variante mit direkter Beigelung ist ebenfalls möglich und eignet sich beispielsweise für Editorial Design. Die Umsetzung ist etwas freier und benötigt weniger Farben.

Schemata

Schemata zeigen Abläufe oder Strukturen wie beispielsweise Organigramme oder Flussdiagramme.

Beispiel Flow Chart – Folgt einer klaren Hierarchie von Oben nach Unten: Die Abstufungen werden durch die Größe der Kästen und Schriften repräsentiert. Eine Kategorie wird durch die Farbe Basic Blue hervorgehoben.