Grafische Elemente

Symbole, Icons und Infografiken, Pfeile und Linien, Business-Grafiken, Illustrationen

Grafik_.png
Druck

Leichte Verständlichkeit ist das Ziel

Ob Bilder, Tabellen, Diagramme, Icons oder Illustrationen: Kommunizieren Sie visuell so direkt und einfach wie möglich, um die Botschaft Ihrer Zielgruppe zu übermitteln.

Zweidimensionaler Stil

Stellen Sie Informationen als zweidimensionale Grafik dar: keine Schatten, keine Glanzeffekte nur als Dekoration. Grafische Elemente und Textboxes haben scharfe Kanten.

Überlegte Farbnutzung

Nutzen Sie wenn möglich eine Unternehmensfarbe und deren Abstufungen. Wenn benötigt, nutzen Sie die Farbpaare aus der BASF-Farbpalette. Falls ein weiterer Kontrast notwendig ist, nutzen Sie eine BASF-Unternehmensfarbe in Kombination mit Grautönen.

Header_icons.png

Symbole, Icons und Piktogramme

  • Nutzen Sie solche Zeichen, um die Einprägsamkeit einfacher Botschaften zu erleichtern und die Kommunikation zu verstärken.
  • Verwenden Sie einfache Vektorgrafiken mit wenig Details, um die Botschaft zu kennzeichnen 
  • BASF-Icons sind flächig gefüllte Formen.
  • Nutzen Sie nur eine Unternehmensfarbe auf weißem Hintergrund oder umgekehrt Weiß auf einem vollfarbigen Hintergrund.

Don'ts

Donts_icons-01.png

Verzichten Sie auf Farbverläufe.

Donts_icons-02.png

Nutzen Sie flächige Darstellungen von Icons anstelle von Strichzeichnungen.

Donts_icons-04.png

Setzen Sie keine Schatteneffekte ein.

Donts_icons-03.png

Vermeiden Sie die dreidimensionale Darstellung von Icons.

Druck

Infografiken

Eine Infografik ist die Kombination von Symbolen oder Icons und Text auf einer gemeinsamen Hintergrundfläche.
Das Icon bzw. Symbol erregt Aufmerksamkeit, der Text präzisiert die inhaltliche Aussage des Symbols oder des Icons.

Nutzen Sie nur eine BASF-Unternehmensfarbe oder deren Schattierungen.

Verwenden Sie bei Infografiken oder Elementen von Infografiken bevorzugt Quadrate oder Rechtecke.

Infografik.png
Druck

menschen_de.png

Menschen in der Darstellung statistischer Aussagen sollten bei wiederholter Nutzung in einheitlicher Form dargestellt werden.

Stellen Sie beide Geschlechter dar, wenn mehrere Menschen abgebildet werden.

Menschen3.png

Wenn Sie die Figuren vergrößern, dann achten Sie darauf, dass die Proportionen erhalten bleiben.
Wenn nötig, dann können die Figuren eine Bewegung andeuten.
Weitere Informationen können als Text in die Darstellung aufgenommen werden.

 

 

Menschen2.png

Verwenden Sie Illustrationen und Animationen, um Menschen in realen Situationen darzustellen.

 

Tabellen

Nutzen Sie nur horizontal ausgerichtete Linien. Stärkere Linien markieren den oberen und unteren Abschluss und unterteilen Tabellenabschnitte. Dünnere Linien werden zur Abgrenzung von Zeilen genutzt.

Spalten werden durch einen Weißraum abgetrennt.

Die Tabellenüberschrift wird in der Schriftgröße des Fließtexts in Fettdruck formatiert.

Betonen Sie die aktuellsten oder wichtigsten Zahlen mit einer
hellen Schattierung der Unternehmensfarbe, die auf der Seite genutzt wird.

Diagramm.png
Druck

Diagramme

Verwenden Sie höchstens zwei Unternehmensfarben pro Diagramm, außer in Fällen, in denen die Komplexität der Information eine dritte Farbe erfordert, dann nutzen Sie Grautöne.

Nutzen Sie Abstufungen desselben Farbwerts, um Informationen voneinander zu unterscheiden. 

 

Praesentation_9.png
Druck

IDo1_Zeichenfläche 1.png

Jede Illustration sollte zu den übrigen Elementen der Kommunikation passen.

Illustrationen

  • Achten Sie darauf, die natürlichen Proportionen von Personendarstellungen zu erhalten. Orientieren Sie sich dafür an Orginalfotografien.
  • Bei allen Abstraktionen zeigen unsere Illus­trationen authentisch wirkende Menschen in realistischen Umgebungen und lebensnahen Situationen.
  • Keine Konturlinien, aber Figuren, die flächig mit einer Unternehmensfarbe oder mit einer ihrer Abstufungen gefüllt ist.
  • Betonen Sie keine Konturlinien und vermeiden Sie dekorative Elemente. Verwenden Sie ein einfaches, reduziertes Design.

 

Erklärvideos

Der für Illustrationen definierte visuelle Stil gilt auch für Erklärvideos.

Donts_illus-04.png

Achten Sie auf einen respektvollen Stil und vermeiden Sie karikaturhafte Darstellungen.

Donts_illus-01.png

Zeigen Sie nur reale Situationen.

Donts_illus-02.png

Vermeiden Sie Strichzeichnungen oder durch den Illustrationsstil fremde Marken zu inszenieren.

Donts_illus-03.png

Zeichnen Sie das BASF-Logo nicht.

Landkarten sind flächig in den definierten Unternehmensfarben
oder in neutralem Grau aufgebaut.

start_Zeichenfläche 1.png

Weltkarte mit BASF-Standortangaben.

employee_map.gif

Bei Bedarf können Sie Ausschnitte nutzen, Details verändern, ergänzen und mit Legenden versehen.

729493_DO_02.png

Wenn die Aussage der Landkarte es erfordert, dann können auch mehrere Farben eingesetzt werden.

 

Darstellung von Linien, Flächen und Texten in Landkarten

  • Zeichnen Sie eine Landkarte basierend auf einer Unternehmensfarbe und Aufhellungen in so vielen Abstufungen, wie für Ihre Botschaft nötig ist.
  • Jede Fläche wird mit einer einzigen Füllfarbe dargestellt, ohne Verläufe, Strukturen, Schatten oder sonstige Effekte.
  • Verdeutlichen Sie Ländergrenzen durch weiße Linien.
  • Betonen Sie einzelne Länder oder Regionen durch den Einsatz vollflächiger Farben.
  • Die Vorlagen im Brand Portal sind Angebote zur Vereinfachung der Produktion. Inhaltliche Fragen, z.B. zur Darstellung des Verlaufs von politisch umstrittenen Grenzen, stimmen Sie bitte mit der Kommunikationsfunktion des betreffenden Regionalbereichs ab.
  • Die Weltkarte und Karten aller Regionen können Sie in allen Unternehmensfarben sowie mit und ohne Angabe der BASF-Standorte als Grundlage für Ihre Karten-Darstellungen nutzen. Die Vorlagen bieten wir als Vektorzeichnungen für die Herstellung von Druckvorlagen für den Vierfarbdruck (ai) und für Präsentationsgrafiken (PPT) an. Sie können diese Vorlagen nach den Erfordernissen Ihres Projekts verändern, ergänzen oder irrelevante Details löschen, solange Sie die in diesem Abschnitt definierten Gestaltungsprinzipien beibehalten.
  • Winkeltreue oder flächentreue Darstellung: Beide Darstellungen sind zulässig. In den Vorlagen bieten wir für die Weltkarten beide Versionen an. Die Darstellung der Regionen liegt nur in der winkeltreuen Mercatorprojektion zum Download vor.
Donts_maps-02.png

Nutzen Sie vorrangig nur eine Unternehmensfarbe.

Donts_maps-03.png

Farbverläufe auf Landkarten verstoßen gegen die definierten Regeln des visuellen Stils.

 

Donts_maps-01.png

Schattierungen sind bei grafischen Elementen nicht vorgesehen und entsprechen nicht dem visuellen Stil.

In einem Key Visual ist das konstante Element nicht das Bild, sondern sein Motiv. Die Bilder variieren und die Zielgruppe wird das genau identische Bild kaum wieder sehen, aber das Thema ist so definiert, dass die Beziehung zum Thema, zur Initiative, zum Projekt oder zur Marke leicht erkannt werden kann. 

Im Webinar (rechte Seite) finden Sie viele gute Beispiele und erhalten den theoretischen Unterschied zwischen Logo, Key Visual und Icon. 

com academy video teaser 1.png

Academy Session über Key Visuals und Logos und einem Best Practice.

 

Kontakt und Feedback

Das Team Brand Consultancy berät Sie gerne bei Fragen: Kontakt.
Wir freuen uns über ein Feedback zum Brand Portal.