Icons

Eine prägnante, klare Linienführung bildet die Grundlage unseres Iconsystems, das Anwendungen von der narrativen Illustration bis zum funktionalen Leitsystem abdeckt.



Wir unterscheiden zwischen illustrativen Icons, die als dekorative Designelemente ins Layout gesetzt werden können, und funktionalen Icons, die hauptsächlich in digitalen Anwendungen als UI-Elemente verwendet werden.

Funktionale und Illustrative Icons

Es gibt zwei klar voneinander getrennte Arten von Icons, jede mit einem definierten Anwendungsbereich. Um ein konsistentes Erscheinungsbild zu gewährleisten, dürfen sie nicht gemischt und müssen gemäß ihrer jeweiligen Richtlinien eingesetzt werden.

Illustrative 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.

Funktionale Icons

Unsere funktionalen Icons sollen dabei helfen, Funktionen schnell zu erfassen und User zu spezifischen Inhalten zu leiten. Jedes Icon ist innerhalb einer Anwendung einem Begriff zugeordnet und wird nur in dessen Kontext verwendet. Sie werden nicht dekorativ eingesetzt oder mit den illustrativen Icons gemischt.

Geöffnetes Dropdown-Menü unter dem Punkt Service mit Icons und Links zu Presse, Mediathek, Newsletter, Gesetze und Verordnungen, Stellenportal sowie Energieversorgung.
Do
Titelseite ´Informationen zum Wohnberechtigungsschein´. Gelbes Haus-Icon, groß und im Anschnitt des Covers.

Illustrative Icons können im Anschnitt und im Hintergrund eingesetzt werden, um den Inhalt des Layouts zu unterstützen.

Don't
Titelbild einer Broschüre mit großem Datei-Icon, das als dekoratives Element verwendet wird.

Funktionale Icons dürfen nicht als dekoratives Gestaltungselement eingesetzt.

Do
Funktions-Icon einer Person neben dem Wort Profil.

Funktionale Icons werden eingesetzt, um Layouts und Interfaces leichter verständlich zu machen.

Don't
Illustratives Icon mit zwei Figuren neben dem Wort Profil.

Illustrative Icons dürfen nicht innerhalb von UI Elementen oder Aufzählungen eingesetzt werden.

Do
Illustratives Icon mit Menschen und einem Turm.

Illustrative Icons können zu Kompositionen zusammengesetzt werden.

Don't
Kombination funktionaler und Illustrativer Icons.

Funktionale Icons dürfen nicht in Kompositionen verwendet werden.