Icons und Illustration

Icons und Illustrationen ergänzen unser Erscheinungsbild und machen komplexe Inhalte auf einen Blick verständlich. Sie unterstützen die Orientierung in digitalen Anwendungen und bringen Leichtigkeit in unsere Kommunikation. Hier finden sich alle Grundlagen für den richtigen Einsatz.v

Icons

Für die Gestaltung nutzen wir optionale die Icon-Bibliothek Entypo (icongr.am/entypo). Sie ist kostenlos und bietet eine breite Auswahl an Symbolen für verschiedene Themenbereiche. Bei Bedarf erstellen wir eigene Icons und passen diese an den bestehenden Stil an.

Um Layouts aufzulockern, können Icons wie Sticker eingesetzt werden. Dafür versehen wir sie mit einer weißen Outline und einem Schatten. So heben sie sich vom Hintergrund ab und bringen Lebendigkeit in die Gestaltung.

Icons helfen dabei, Informationen zu gliedern und Inhalte schnell erfassbar zu machen
Als Sticker eingesetzt lockern Icons das Layout auf
Die Sticker haben einen Schatten nach links

Icons für Interfaces

Für Interfaces nutzen wir Lucide Icons. Weitere Informationen im Kapitel Webdesign
Lucide Icons dürfen aus rechtlichen Grünen ausschließlich für Benutzeroberflächen genutzt werden, nicht für Illustrationen, Infografiken oder Printmaterialien.

Illustrationen

Illustrationen machen komplexe Zusammenhänge verständlich und bringen Abwechslung in unsere Kommunikation. Sie eignen sich besonders dort, wo Fotos nicht möglich oder nicht sinnvoll sind: etwa bei abstrakten Themen, Prozessdarstellungen oder zur visuellen Auflockerung.

Einen festgelegten Illustrationsstil gibt es bewusst nicht. Je nach Kontext und Zielgruppe können unterschiedliche Stile zum Einsatz kommen. Damit die Illustrationen zur RUB passen, verwenden wir unsere Markenfarben, insbesondere das RUB-Blau. Bei Illustrationen dürfen Farben aus unterschiedlichen Farbgruppen miteinander kombiniert werden.

Beispiel für einen Illustrationsstil in unseren Farben
Beispiel für einen Illustrationsstil in unseren Farben
Nach oben scrollen