Icons

alt text

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.

Vier illustrative Icon: eine Sonne, ein Radfahrender, ein Personenpaar und eine Brezel. Dazu vier funktionale Icons: ein Rechtspfeil, ein Vorsichtschild, eine Lupe und ein Kreuz.

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 können dabei helfen, Interaktionen mit dem Interface anzudeuten und Inhalte besser zu strukturieren. Außerdem können sie Eigenschaften oder einen Status zeigen. Funktionale Icons werden hauptsächlich im digitalen Bereich eingesetzt. Sie müssen im Gegensatz zu unseren illustrativen Icons barrierefrei eingesetzt werden.

Warnung

Unsere funktionalen Icons haben einen klar definierten Einsatzbereich und dürfen nicht wie illustrative Icons eingesetzt werden.

20 exemplarische funktionale Icons.