Für jedes Icon gilt eine Reihe von Mustern, um eine einheitliche visuelle Sprache sicherzustellen. Einige dieser Muster tragen dazu bei, technische Anforderungen zu erfüllen, während andere für formale und konzeptionelle Konsistenz sorgen.
Die Größe des Rasters und die Strichstärke bestimmen den Detailgrad der einzelnen Icons und die Möglichkeit, bestimmte Merkmale hinzuzufügen.
Daher weisen narrative Icons mehr Details auf als funktionale oder expressive Icons.
Um vertraute Objekte darzustellen, fangen wir deren Wesen ein und halten uns dabei an die Gestaltungsrichtlinien.
Icons sollten auch dann noch erkennbar sein, wenn sie auf einfache Formen reduziert werden.
Jedes Konzept wird mit möglichst wenigen Elementen dargestellt. Vermeide unnötige visuelle Komplexität, um die Lesbarkeit sicherzustellen.
Die Strichstärke bleibt unverändert.
Entsprechend dem Raster werden Linien und Kurven unter Verwendung grundlegender geometrischer Formen kombiniert.
Formen müssen durch mindestens 2 px voneinander getrennt sein.
Sich überlappende Elemente müssen durch einen 2-px-Ausschnitt voneinander getrennt sein.
Strichenden sind immer gerade, niemals abgerundet.
Ecken sind je nach ihrer Beziehung zum physischen Objekt abgerundet oder scharf.
Wir verwenden bei Strichenden einen einheitlichen diagonalen Schnitt, wenn dies die Funktionalität und den Charakter verbessert, ohne die Lesbarkeit zu beeinträchtigen.
Schrägstriche werden auf Strichenden angewendet.
Schrägstriche werden bei Überlagerungen nicht verwendet.
Schrägstriche werden nicht bei kleinen Linien verwendet, die als Punkte dienen.
Die Schräge wird anhand eines Rasterverhältnisses von 1:2 konstruiert, wodurch im gesamten Icon-Set ein einheitlicher Diagonalwinkel beibehalten wird.
Kurven sollten innerhalb des Rasters nicht-orthogonalen Konstruktionen folgen. In besonderen Fällen können orthogonale Kurven verwendet werden.
Das Griffverhältnis ist auf 1:1,2 festgelegt. Das bedeutet, dass das Verhältnis zwischen den horizontalen und vertikalen Bézier-Griffen bei allen Kurven gleich bleibt. Wenn man den horizontalen Griff durch den vertikalen Griff teilt, sollte das Ergebnis immer 1,2 sein.
Verwende orthogonale Kurven nur, wenn das Objekt physikalisch orthogonal ist. Dies stellt Klarheit und Genauigkeit sicher.
Alle Icons sind innerhalb des 32 x 32-Rasters vertikal und horizontal zentriert.
Optische Anpassungen zur Gewichtsausgleichung sind zulässig, müssen jedoch stets den Rasterlinien folgen.
Wenn Icons in Boxen platziert werden, müssen sie um den Faktor 1,5 vergrößert werden, um Barrierefreiheit und visuelle Harmonie sicherzustellen. Beispiel: Ein 32-px-Symbol passt in einen 48 x 48 px großen Boxcontainer.
Die Form des Icons muss einen ausreichenden Kontrast aufweisen, um eine sofortige Erkennung sicherzustellen.
Corporate Brand, Communications & Public Affairs