Icons

Starke Orientierungspunkte

Die Icons

Die Icons sind als Teil der infografischen Ebene wichtiges Kommunikationswerkzeug in der visuell kontrastreichen Gestaltungswelt von BW_i. Sie füllen visuell die Lücke zwischen rein illustrativem Grafiklayer und textlichem Informationsgehalt. Sie bieten wichtige Orientierungspunkte und schaffen so die Möglichkeit komplexe Sachverhalte gut zu strukturieren und vereinfacht darzustellen. Visuell sind sie, wie alle Teile der grafischen und typografischen Ausgestaltung aus kantigen, rechteckigen Grundelementen aufgebaut und visuell stark am Logo orientiert. Das macht sie zu einem weiteren Teil des gestalterischen Baukastens, der sicherstellt, dass in der Summe immer ein konsistentes Bild der visuellen Erscheinung von BW_i entsteht.

Grundelemente

Die Icons sind im Wesentlichen aus zwei bzw. drei Bestandteilen / Layern aufgebaut:

  • Schwarzer Konturlayer: Er zeichnet die Grundgestalt des Icons, macht es identifizierbar und schafft eine direkte Anknüpfung zu Logo, Schrift und Grafiklayer.
  • Schwarze Flächenelemente: Sie können unterstützend als kleine Akzentpunkte zur Visualisierung des darzustellenden Objekts zum Einsatz kommen. In der Gesamterscheinung sollten sie nie dominant sein, sondern im Wesentlichen als kleine, punktuelle Objekte in Erscheinung treten. Sie knüpfen visuell u.a. an die Körperhafte Gestalt der Bildmarke (Löwe) an.
  • Gelbe Akzentelemente: Sie entstehen als eine stellenweise Dopplung des schwarzen Konturlayers und liegen direkt, ohne Abstand an diesem an. Sie sind weniger informativer als vielmehr grafischer Natur und schaffen eine Anknüpfung an den allgemein vorherrschenden Farbcode, stellen eine räumliche Tiefe her und differenzieren das Icon noch einmal stärker von reinem Informationsgehalt, schaffen Aufmerksamkeit. Sie sollten nur dezent an ein bis zwei stellen im Icon stattfinden.

Formsprache

Klar, reduziert und auf den Punkt. Das ist das Credo des Icon-Sets. Daher führen sie auch keine neue visuelle Ebene ein, sondern sind wie alle Teile der grafischen und typografischen Ausgestaltung aus kantigen, rechteckigen Grundelementen aufgebaut und stark an der Gestalt des Logos orientiert. Das macht sie zu einem weiteren Teil des gestalterischen Baukastens, der sicherstellt, dass in der Summe immer ein konsistentes Bild der visuellen Erscheinung von BW_i entsteht.

Auch die Icons folgen dabei dem Grundprinzip der BW_i Gestaltung (siehe Design-System): Stabilität + Dynamik. Sie haben meist einen sehr stabilen, rechteckigen Grundaufbau, sind wo möglich achsensymmetrisch aufgebaut, sind bold in ihrem Auftreten. Doch jedes Icon hat auch Bereiche, an denen subtil dynamische Elemente in Form freie definierbarer Winkel auftreten. Unterstützt wird dieser Aspekt durch die gelben Teilelemente, die Räumlichkeit schaffen und das Icon mit einer gewissen Leichtigkeit umspielen, zitieren.

Das Set

Die Icons in den drei Einsatzwarianten auf Schwarz, Weiß und Gelb

Das Set besteht aktuell aus 50 Icondarstellungen aus den Bereichen Wirtschaft, Industrie und Wissenschaft, ergänzt durch einige generische Elemente wie Pfeile oder Social-Media Icons. Das schafft eine gute Grundlage für die Arbeit an unterschiedlichen Medien, dient aber andererseits nur als Orientierungspunkt. Denn neue Themen, Herausforderungen, Technologien etc. werden neue Bilder benötigen. Das Set ist also auf stetige Erweiterung ausgelegt und wie alles in diesem Guide nicht als starrer Rahmen zu begreifen.

Jedes Icon liegt in drei unterschiedlichen Farbvarianten – für den Einsatz auf weisser, schwarzer und gelber Grundfläche. Zudem liegen verschiedene Dateiformate, darunter auch ein Icon-Font für die Einbindung in digitale Medien, vor.

Allgemeine Icons

Kalender / Datum

Maßnahme / Aktion

Personengruppe

Graph

Messe / Fahne

Weltkugel / Globus

Nachricht / Mail

Person

Information

Bücher

Bildung

Uhrzeit / Zeitpunkt

News / Ankündigung

Notiz

Smartphone / Telefon

Wichtig / Ausrufezeichen

Ort / Standort

Drucken

BW_i Löwe

Kommunikation / Dialog

Glühbirne

Inhalt

Wissenschaft – Reagenzglas

Wissenschaft – Gehirn

Industrie – Roboter 02

Wissenschaft – DNA

Wirtschaft – Zirkel

Industrie – Platine

Wissenschaft – Atom / Molekül

Wirtschaft – Lineal

Wirtschaft – Kette

Wissenschaft – Magnet

Industrie – Roboter 01

Wirtschaft – Netzwerk

Auszeichnung / Navigation

Hinweis / Pfeil

To Do

Ziel / Zielbranche

Dokument

Seitenanfang

Ordner

Download

Umfrage

Web / Digital

Suche

Feed

Laptop / Notebook

Digital / Web

Social Media

Facebook

Instagram

Youtube

Like

Xing

LinkedIn

Download

.zip (1018KB)DE
Gesamtes IconpaketIcons Schwarz auf Weiß
Icons Weiß auf Schwarz
Icons Schwarz auf Gelb
Pixel- und Vektorformate
Stand: 2019-07