BBBank-Marken-Portal
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.
* 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.
Ausschnitt aus dem Download-PDF „Übersicht BBBank-Icons“
* 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 zur 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.
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.
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.
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
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)
Farbprofil: sRGB IEC61966-2.1
Konventionen
Dateinamen
Icon-Name + Farbsystem + (Farbe*) + Dateierweiterung
*Standard „blau“ wird nicht ausgezeichnet, nur Abweichung „schwarz“ oder „weiss“
Beispiel:
Dateiformate
- CMYK (Icon-Set Print): .eps
- RGB (Icon-Set Digital): .eps, .png, .svg
Ordnerstruktur (= Downloadstruktur)
Icon-Gruppe_Anwendung \ Icon-Name \ Farbsystem \ Dateiformat \ [Endformate]