Klare Formen, intuitiv erfassbar: Mit Icons Orientierung schaffen

Die maßgeschneiderten Icons der BBBank sind ein markantes Designelement mit hohem Wiedererkennungswert. Sie zeichnen sich durch eine klare, reduzierte, auf geometrischen Grundformen basierende Formsprache aus. Ein System mit drei Komplexitätsstufen ermöglicht eine optimale Anwendung von sehr kleinen bis großen Abbildungsgrößen.

Übersicht BBBank-Icons*

Download pdf
269,50 kB

* Hier finden Sie eine Übersicht über alle verfügbaren BBBank-Icons als PDF. Sie haben dort die Möglichkeit, über die Suche-Funktion (Strg+F) Ihr gewünschtes Icon zu finden und erhalten die Information, in welcher der nachfolgenden Download-Boxen es zur Verfügung steht.

Uebersicht_BBBank-Icons

Ausschnitt aus dem Download-PDF „Übersicht BBBank-Icons“

Icons „Allgemein“ Print*

Download zip
131,60 MB

Icons „Allgemein“ Digital**

Download zip
127,85 MB

Icons „BBBank-Website“ Print*

Download zip
11,58 MB

Icons „BBBank-Website“ Digital**

Download zip
15,35 MB

Icons „BBBank Info“ Print*

Download zip
7,11 MB

Icons „BBBank Info“ Digital**

Download zip
9,41 MB

Icons „Nachhaltigkeit“ Print*

Download zip
10,26 MB

Icons „Nachhaltigkeit“ Digital**

Download zip
9,77 MB

* Für Druckprodukte in CMYK oder Pantone-Farben wie z. B. Flyer, Mailings oder Folienplots.
** Für digitale (Bildschirm-)Anwendungen wie z. B. Websites, Apps oder Office-Anwendungen.

Die Farbversionen der Icons für die Social-Media-Plattformen stehen nicht in BBBank-Blau, sondern in der Corporate Color des jeweiligen Anbieters zu Verfügung.

Anwendung

Icons werden insbesondere dort eingesetzt, wo visuelle Zeichen Textinformationen ergänzen sollen, um schnellere Orientierung zu schaffen. Zum Beispiel auf Navigations-Schaltflächen im Webdesign. Darüber hinaus können sie dekorativ eingesetzt werden und so Textinhalte unterstützen und gliedern. Großflächiger, illustrativer Einsatz von Icons lockert Werbemittel auf, weckt Interesse und erzeugt so Sympathie und Emotionalität.

Gruppe 1444

Gestaltung

Rastersystem

Icons können in drei Rastergrößen erstellt werden:

  • Basic (12 x 12 Einheiten)
  • Plus (24 x 24 Einheiten)
  • Illustration (48 x 48 Einheiten)

Striche, Strichstärken und Formen orientieren sich daran. Das Rastersystem garantiert Einheitlichkeit in der Anwendung.

Basic

Das Basic-Raster wird für alle grundlegenden Icons genutzt. Die Basic-Icons sind so konzipiert, dass sie auch in sehr kleinen Anwendungen verwendet werden können.

Plus

Bei Icons mit einem höheren Komplexitätsgrad wird das Plus-Raster verwendet. Aufgrund der größeren Rasterung können hier mehr Details sichtbar gemacht werden.

Illustration

Dieses Raster ist für sehr komplexe Themen und große Abbildungsflächen vorgesehen.

Gruppe 1453

Sonderfall: Isometrische Illustrationen

Die isometrischen Illustrationen kommen zum Einsatz, wenn eine perspektivische Darstellung erforderlich ist. Diese wird durch Linien in 30-Grad-Winkeln erzeugt, die im Zusammenspiel mit vertikalen Linien Räumlichkeit simulieren. Aufgrund des hohen Detailgrades werden isometrische Darstellungen nur angewendet, wenn Sachverhalte besonders anschaulich visualisiert werden sollen.

Grundfläche

  • Icons stehen immer auf einer quadratischen Grundfläche (entsprechend den drei Rastergrößen).
  • Die Grundfläche ist transparent und schließt den Freiraum um die Grafik ein.
RGB_Auszahlung_blau_Grundflaeche_transparent_breit

Icon mit transparenter Grundfläche – hier als Schachbrettmuster dargestellt

Farben

CMYK (Icon-Set Print)

  • BBBank-Blau: 100 / 60 / 0 / 0
  • Schwarz: 0 / 0 / 0 / 100
  • Weiß: 0 / 0 / 0 / 0

Zu den BBBank-Primärfarben

Kein Farbprofil anlegen. Erstellung des Farbprofils erfolgt im Layout entsprechend den Produktionsvorgaben des jeweiligen Werbemittels, in dem das Icon verwendet wird.

RGB (Icon-Set Digital)

  • BBBank-Blau: 0 / 92 / 169 (Hex #005ca9)
  • Schwarz: 0 / 0 / 0 (Hex #000000)
  • Weiß: 255 / 255 / 255 (Hex #FFFFFF)

Zu den BBBank-Primärfarben

Farbprofil: sRGB IEC61966-2.1

Konventionen

Dateinamen

Icon-Name + Farbsystem + (Farbe*) + Dateierweiterung

*Standard „blau“ wird nicht ausgezeichnet, nur Abweichung „schwarz“ oder „weiss“

Beispiel:

Auszahlung_RGB.eps

Auszahlung_RGB_schwarz.eps

Auszahlung_RGB_weiss.eps

 

Dateiformate

  • CMYK (Icon-Set Print): .eps
  • RGB (Icon-Set Digital): .eps, .png, .svg

Ordnerstruktur (= Downloadstruktur)

Icon-Gruppe_Anwendung \ Icon-Name \ Farbsystem \ Dateiformat \ [Endformate]