- Zur Lesezeichenliste hinzufügen
-
0LesezeichenLesezeichen hinzugefügt. Lesezeichen entfernt.
- Schnelleinstieg
Standard-Icons
Bei Liebherr nutzen wir einen einheitlichen Icon-Stil für all unsere Icons. Dabei unterscheiden wir zwischen definierten und verbindlich festgelegten Spartenicons für die einzelnen Produktbereiche und einem großen Fundus an allgemeinen Icons für verschiedene Einsätze und Zwecke.
Alle bisher erstellen Icons finden Sie in unserer Icon-Bibliothek aufgeteilt in verschiedene Kategorien.
Für die Produktbereich sind die folgenden Icons fest definiert und verbindlich:
Gestaltungsregeln unserer Icons
Die Gestaltung der Icon-Familie ist abgeleitet aus den Formdetails der Markenschrift Liebherr Head. So werden Details wie Rundungen, Winkel und die Proportionen der Schrift auch in den Icons wiedererkennbar umgesetzt.
Erstellung der Icons
Aufbauend auf den Gestaltungsprinzipien hilft ein speziell definierter Katalog an Design-Elementen sowie ein festgelegtes Pixelraster, eine einheitliche Umsetzung gewährleisten zu können.
Unter „Do's und Don'ts" finden Sie dazu passend praktische Anwendungen der Design-Elemente einander gegenübergestellt.
Icons können direkt über den Bereich Corporate Brand Mangement angefragt werden.
Durch die auf dieser Seite dargestellten Gestaltungsprinzipien können Icons aber ebenso von Hausagenturen oder internen Grafikerinnen und Grafikern erstellt werden. Bitte stimmen Sie sich in diesem Fall mit den Kolleginnen und Kollegen aus dem Corporate Brand Management hinsichtlich finaler Freigabe und Archivierung in LiMAM ab.
Design-Elemente
Zentrales Element zum Aufbau sind die verschiedenen Design-Elemente, welche die Optik und Wirkung jedes Icons prägen. Hier erfahren Sie alles über die Vorgaben zur Umsetzung von Winkeln, Rundungen, Ecken, Konturen und Überlagerungen für die Konstruktion neuer Icons.
1. Winkel
- A: Formen werden nach Möglichkeit in klaren Winkeln konstruiert.
- B: Winkel: 90°, 75°, 60°, 45°, 30°, 15°, 7,5°, 0°
2. Rundungen und Kurven
- A: Kreise werden einfach und geometrisch gezeichnet.
- B: Charakteristisches Oval aus der Markenschrift (z.B. Kopfform)
- C: Charakteristische Bogenform: Oval aus der Markenschrift, 75 % vertikal gestaucht.
- D: Andere Kurven und Bögen bestehen aus Kreissegmenten.
3. Ecken
- A: Linienabschlüsse immer eckig.
- B: Die Mischung aus spitzen und abgerundeten Ecken ist zulässig.
- C: Runde Ecken sind zulässig in Kombination mit spitzen Ecken. Der Rundungsradius beträgt 4 px.
4. Segmente und Konturen
- A: Eine Segmentierung des Zeichens ist zulässig. Die Anzahl der Bestandteile wird so gering wie möglich gehalten.
- B: Der Abstand zwischen den Segmenten entspricht mindestens der verwendeten Strichstärke.
- C: Mit Ausnahme von Überlagerungen sind Formen geschlossen.
5. Überlagerungen
- A: Eine Überlagerung mehrerer Elemente wird durch eine Überschneidung visualisiert.
- B: Führt eine Überschneidung zu einer Unklarheit des Zeichens, kann in Ausnahmen eine Aussparung verdeutlicht werden.
Raster
Größen
Die Liebherr-Icons sind für alle Anwendungsfälle ausgelegt und werden deshalb in zwei Größen bereitgestellt. Die quadratische Basis sichert einheitliche Proportionen und Größenverhältnisse sowie eine unkomplizierte Anwendung für die unterschiedlichen Formate und Ausgabegeräte.
-
Größe M: 64 × 64 Pixel
Diese Größe wird standardmäßig und medienunabhängig eingesetzt.
-
Größe S: 24 × 24 Pixel
Die Größe S ist speziell für kleine, anspruchsvolle Anwendungsgrößen entwickelt worden. Sie kommt zum Einsatz, wenn die Größe M nicht funktioniert und eine einfachere Darstellung benötigt wird, beispielsweise Menüs und Navigationen im Web- und Appbereich.
Linienstärke
Die Icons auf Basis des 64 × 64 px verwenden eine Linienstärke von 2 px.
Abstände
Der Mindestabstand beim Einsatz von Icons leitet sich aus der Größe der Grundfläche ab.
Die Grundfläche wird durch 8 geteilt und legt somit als Maßstab 1/8 den Abstand zwischen den Icons untereinander sowie zwischen Icons und Text fest.
Schrift
Grundsätzlich sollte Schrift in der entsprechenden Anwendung zusätzlich zum Icon gesetzt werden.
In Ausnahmefällen kann jedoch in Icons Schrift verwendet werden. Dies ist der Fall, wenn ein Icon erklärungsbedürftig ist oder eine Legende darstellt.
Hier ist die Liebherr Text Condensed Bold in Versalien zu verwenden.
Do's und Don'ts
Unsere Icon-Libary muss ein erweiterbares System sein, um die Anforderungen an unsere Kommunikation auch in Zukunft erfüllen zu können.
Bei der Gestaltung künftiger Icons werden daher diese Vorgaben beachtet, um eine visuelle Einheitlichkeit des Iconsystems sicherzustellen.
Gestaltungsprinzipien der Icons
Der Charakter eines Icons spiegelt die generelle gestalterische Linie von Liebherr wieder und trägt durch eine konsequente Umsetzung maßgeblich zur Einheitlichkeit einer Icon-Serie bei. Durch die Einhaltung klarer Gestaltungsprinzipien ist es möglich, einen Wiedererkennungswert für eine Icon-Serie zu schaffen und diesen auch auf einem langen Lebenszyklus zu halten.
Die Basis für die Entwicklung der Liebherr-Icons bilden dabei die drei Eigenschaften klar – technisch – aktiv.
Klar
- Gleichmäßige Linien
- Klare Formsprache
- Robuste Strichstärke
- Zweidimensionale Darstellung
Technisch
- Verwendung einer Konturlinie
- Geometrischer Aufbau
- Spitze Abschlüsse der Ecken
Aktiv
- Kombination runder und gerader Elemente
- Spannungsvolle Winkel und Formkombinationen
- Universelle Anwendbarkeit in allen Sparten
- Einsatz von Segmenten
Bereitstellung der Icons
Die Icons sind, je nach Einsatz und Nutzung, in verschiedenen Versionen verfügbar. Hier erhalten Sie einen Überblick, in welchen Größen, Farben und Dateiformaten Sie diese beziehen und verwenden können.
Größe
Die Liebherr-Icons sind für alle Anwendungsfälle ausgelegt und werden deshalb in mehreren Größen und Dateiformaten bereitgestellt.
Größe M: 64 × 64 Pixel
Diese Größe wird standardmäßig und medienunabhängg eingesetzt.
Größe S: 24 × 24 Pixel
Die Größe S ist speziell für kleine, anspruchsvolle Anwendungsgrößen entwickelt worden. Sie kommt zum Einsatz, wenn die Größe M nicht funktioniert und eine einfachere Darstellung benötig wird, beispielsweise Menüs und Navigation im Web- und Appbereich.
Die beiden Icon-Größen S und M sind in verschiedenen Zeichnungsgrößen (Native Size) angelegt.
Sie können auf die jeweilige Zielgröße skaliert werden, wobei sowohl die Vektoren als auch die Strichstärken angepasst werden.
Farbversionen
Unsere Icons sind in zwei Farbversionen verfügbar:
- Version 1: Schwarze Konturlinie (Positiv-Version)
- Version 2: Weiße Konturlinie (Negativ-Version)
Standardmäßig kommt die Positiv-Version zum Einsatz. Sofern der Hintergrund oder die gestalterische Situation es erfordern, kann auch die Negativ-Version verwendet werden.
Anwendung auf farbigem Hintergrund
Beide Versionen sind für die Anwendung auf farbigem Hintergrund geeignet. Mögliche Kombinationen sind beispielsweise:
- Schwarzes Icon auf gelbem Hintergrund
- Weißes Icon auf blauem Hintergrund
Einsatz von Primär- und Sekundärfarben
Icons dürfen, sofern der Kontext es gestattet, auch in unseren definierten Primär- und Sekundärfarben dargestellt werden. Der Einsatz der Sekundärfarben empfiehlt sich insbesondere zur Ton-in-Ton-Gestaltung innerhalb von Illustrationen und grafischen Elementen. Dabei ist stets auf ausreichenden Kontrast und gute Lesbarkeit zu achten.
Dateiformate
Die Liebherr-Icons stehen für Sie in den drei Dateiformaten .svg, .emf und .pdf zur Nutzung zur Verfügung. Welche Formate wo zur Anwendung kommen, erfahren Sie hier.
.svg
Eine svg-Datei (englisch für „skalierbare Vektorgrafik") bezeichnet das Standardformat für 2D-Vektorgrafiken, das für den Einsatz auf Webseiten entwickelt wurde. Die Dateien können dadurch direkt als Grafikformat benutzt oder auf einer Webseite dargestellt werden. Sie kommen in folgenden Fällen zur Anwendung:
- Web
- Apps
- Office 365
.emf
Emf entstammt der Microsoft Windows-Umgebung und ist eine Erweiterung des ursprünglichen „Windows Metafile Format" (.wmf). Dadurch wird dieses Format für den digitalen Einsatz in allen Office-Programmen verwendet.
.pdf
Eine Datei, die als PDF abgespeichert wurde, kann losgelöst vom ursprünglichen Erstellungsprogramm, wie beispielsweise Word, Excel oder InDesign, originalgetreu versendet und verwendet werden.
Für die Icons wird das pdf-Format angewendet, sobald es sich um druckbare Dokumente handelt.
Kontakt
Für weitere Fragen stehen wir Ihnen gerne zur Verfügung. Bitte nutzen Sie hierzu das vorliegende Kontaktformular oder besuchen unseren LHO Service Desk (nur für Liebherr-Mitarbeitende).