Icons
Einsatz der illustrativen Icons
Einsatz der illustrativen Icons
Unsere illustrativen Icons werden immer dann eingesetzt, wenn kein passendes Bildmaterial vorhanden ist. Sie dienen als rein dekoratives Designelement im Layout und haben keine informationsvermittelnde Funktion.
Anwendungsbeispiele
Icons können entweder im Vordergrund mit hohem Kontrast eingesetzt werden oder im Hintergrund mit wenig Kontrast (Weiß/BaWü Gelb).
Icons können einzeln, als Arrangement oder in komplexeren Panoramen eingesetzt werden.
Verwendungsregeln
Farben
Icons dürfen farblich in folgenden Varianten eingesetzt werden:
Unsere illustrativen Icons dürfen in BaWü Schwarz und BaWü Gelb auf weißem Hintergrund eingesetzt werden. Da es sich bei den illustrativen Icons um Schmuckelemente handelt, unterliegen sie nicht den Barrierefreiheitsanforderungen. Sie dürfen auch in Gelb auf Weiß (und umgekehrt) gesetzt werden.
Unsere Icons dürfen nicht in anderen Farbvarianten eingesetzt werden.
Erlaubte Hintergrundfarben für unsere Icons sind BaWü Gelb, BaWue Schwarz und Weiß.
Unsere Icons dürfen nicht auf anderen Farben stehen.
Schwarzer Hintergrund sollte sparsam eingesetzt werden. Wie auch beim Einsatz von Schrift ist nur Weiß auf Schwarz erlaubt.
Wie auch beim Einsatz von Schrift sind andere Farben (inklusive BaWü Gelb) nicht auf schwarzem Hintergrund erlaubt.
Größe
Icons dürfen im Layout beliebig in ihrer Größe skaliert und eingesetzt werden. Andere Designelemente wie Schrift oder Logo dürfen dabei nicht überschnitten werden, wenn sie in derselben Farbe eingesetzt sind.
Ist das Layout getrennt, dürfen unsere Icons diese Trennung nicht überschneiden. Mehr dazu unter Layoutsystem.
Unsere Icons dürfen nicht gedreht, gekrümmt oder verzerrt werden.
Anschnitt
Unsere Icons können innerhalb der Layoutflächen vielfältig eingesetzt werden, im Anschnitt oder im Ganzen.
Mehrere Icons in einem Layout
Illustrative Icons, die in BaWü Schwarz im Layout eingesetzt werden, dürfen sich nicht mit anderen schwarzen Designelementen wie Schrift oder Logo überschneiden. Der Abstand des Layoutrasters ist dabei ebenfalls einzuhalten. Mehr dazu unter Layoutprinzip.
Für die Kompositionen aus mehreren Icons gelten dieselben Regeln wie für einzelne Icons.
Stark gezoomte Icons (hier in Weiß) dürfen im Hintergrund eingesetzt werden, auch wenn im Vordergrund ein oder mehrere Icons in BaWü Schwarz eingesetzt wurden.
Icons dürfen andere Designelemente in derselben Farbe nicht überschneiden.
Icons dürfen in der selben Strichstärke sowohl im Hintergrund, als auch im Vordergrund platziert werden und sich dabei auch überschneiden, wenn sie nicht die gleiche Farbe haben.
Unsere Icons dürfen nicht in unterschiedlichen Strichstärken im Layout platziert werden. Ausnahme: Das Icon im Hintergrund ist nicht als solches zu erkennen (stark eingezoomt, siehe oben).
Mehrere Icons innerhalb eines Layouts sollen immer dieselbe Strichstärke haben.
Unterschiedliche Strichstärken innerhalb eines Layouts sind nicht erlaubt.
Unsere Icons dürfen gespiegelt werden.
Bei der Erstellung einer Komposition aus mehreren Icons ist darauf zu achten, dass durch nebeneinanderliegende Linien keine Flächen entstehen.
Für die Erstellung einer Komposition mit mehreren Icons dürfen auch zusätzliche Elemente eingebaut werden, um z. B. Berge oder Wasser anzudeuten.
Bei mehreren Icons in einem Arrangement dürfen Icons stellenweise angeschnitten werden, solange das beschnittene Icon erkennbar bleibt.
Mehrere Icons dürfen nach Belieben in einem Arrangement angeordnet werden. Dabei gelten dieselben Verwendungsregeln wie für ein einzelnes illustratives Icon.
Dos & Don’ts
Innerhalb eines Layouts mit einem Bild dürfen Icons auch eingesetzt werden, solange sie auf einer Farbfläche stehen.
Unsere Icons werden nicht auf Bild gesetzt.
Unsere Icons können auch in starkem Zoom eingesetzt werden.
Die Icons dürfen nicht als Maske dienen.
Icons dürfen groß und angeschnitten eingesetzt werden.
Unsere Icons dürfen nicht als Kontur eingesetzt werden.
Checkliste für illustrative Icons
- Unsere Icons sind immer in den drei Hauptfarben einzusetzen.
- Unsere Icons können in jeder beliebigen Größe eingesetzt werden.
- Unsere Icons stehen immer auf BaWü Gelb, BaWü Schwarz und Weiß, niemals auf Bild.
- Unsere Icons sind rein dekorativ.