Die Icons stellen auf einfache und direkte Art Informationsinhalte dar. Sie sind universell einsetzbar, unmittelbar verständlich und sprachlich unabhängig.
Gestaltung der Icons
Durch die doppelte Öffnung stehen die Icons im direkten Bezug zur Gestaltung des Siegels.
![Logo 1](/sites/default/files/styles/max_325x325/public/2024-06/Logo1.png?itok=3rVtb0-z)
![Logo 2](/sites/default/files/styles/max_325x325/public/2024-06/Logo2.png?itok=L-dzCjqx)
![Logo 3](/sites/default/files/styles/max_325x325/public/2024-06/Logo3.png?itok=Nk96XzIK)
![Logo 4](/sites/default/files/styles/max_325x325/public/2024-06/Logo4.png?itok=G_pRHqWC)
Bildsprache der Icons
Die Bildsprache der Icons ist präzise und mit möglichst wenig grafischen Elementen einfach gehalten. Für eine gute Les- und Erkennbarkeit verzichten die Icons auf kleinteilige Detaildarstellungen. Bei enormen Verkleinerungen wird auf das Kreiselement verzichtet.
![i1](/sites/default/files/styles/max_325x325/public/2024-06/i1.png?itok=g5jsU1bQ)
![i2](/sites/default/files/styles/max_325x325/public/2024-06/i2.png?itok=jXNckrEr)
![i3](/sites/default/files/styles/max_325x325/public/2024-06/i3.png?itok=q7mg0k-w)
![i4](/sites/default/files/styles/max_325x325/public/2024-06/i4.png?itok=skAC3-6p)
Farbe der Icons
Icons sind stets einfarbig und bedienen sich der gesamten Farbpalette des Corporate Designs. Farbmischungen, Mehrfarbigkeit oder die Verwendung anderer Farben ist unzulässig.
![i5](/sites/default/files/styles/max_325x325/public/2024-06/i5.png?itok=pxpzSpHF)
![i6](/sites/default/files/styles/max_325x325/public/2024-06/i6.png?itok=aRjQethp)
![i7](/sites/default/files/styles/max_325x325/public/2024-06/i7.png?itok=ONC7G8Kl)
![i8](/sites/default/files/styles/max_325x325/public/2024-06/i8_0.png?itok=5FuCGh6U)
UI/UX
Werden Icons als interaktives Element (z.B. als Button) verwendet, darf die Farbigkeit der verschiedenen Status wechseln. Beim Hover-Effekt (Mouseover) wird der Kreis geschlossen und vollflächig mit der Ausgangsfarbe (inaktiver Status) hinterlegt. Das Bildelement erfährt in diesem Fall einen Farbwechsel zu Weiß.
![i9](/sites/default/files/styles/max_325x325/public/2024-06/i9.png?itok=ownNNMru)
![i10](/sites/default/files/styles/max_325x325/public/2024-06/i10.png?itok=00Gjeu_O)
Semantik der Icons
Jedem Icon können mehrere Begrifflichkeiten zugeordnet werden, die sich in ihrer Grundaussage auf die Symbolik beziehen. Sie sollten mit 1-2 Wörtern beschreibbar sein. Hierbei gilt es auf lange, zusammengesetzte Substantive oder auf reine Adjektive zu verzichten. Icons sollten im Idealfall ohne zusätzliche, schriftliche Erläuterung auskommen.
Die Verwendung von Bildelementen mit nicht inhaltsbezogener Symbolik sowie textlicher Wortneuschöpfungen ist untersagt. Die Größentransformation darf nur proportional erfolgen. Die Icons dürfen nur als eigenständiges Symbol verwendet und in ihrer Form nicht verändert werden. Eine Vermischung oder Collage ist nicht gestattet.
![i11](/sites/default/files/styles/max_325x325/public/2024-06/i11.png?itok=DZmH09h2)
Speiseplan
![i14](/sites/default/files/styles/max_325x325/public/2024-06/i14.png?itok=K4M-5I00)
Selbstbedienungsservice
![i12](/sites/default/files/styles/max_325x325/public/2024-06/i12.png?itok=th9SqP4Z)
Studienangebot
![i15](/sites/default/files/styles/max_325x325/public/2024-06/i15.png?itok=a_RLTS6q)
Vermischung/Collage
![i13](/sites/default/files/styles/max_325x325/public/2024-06/i13.png?itok=GbbdEDvc)
Energie
![i16](/sites/default/files/styles/max_325x325/public/2024-06/i16.png?itok=MXJJDO-Y)
unproportionale Transformation
TUBAF-Iconbibliothek
Um die Skalierbarkeit und die Farbigkeit der Icons zu ändern, stehen Ihnen diese ausschließlich als svg-Dateien zur Verfügung.
Die gesamte Iconbibliothek ist in einer PowerPoint-Datei hinterlegt, von der jedes Icon in professionelle Gestaltungssoftware überführt werden kann.