Styleguide AdLer
Styleguide AdLer
Dieser Styleguide beschreibt die für die Kommunikation und Umsetzung des AdLer-Projekts zu verwendenden Farben, die Typografie, die textliche Ansprache der Rezipienten und die Verwendung des Logos.
Farben
Wir verwenden Farben in einem begrenzten Sättigungs- und Helligkeitsbereich. Die Beschränkung lautet, wie folgt:
HSB(A)/HSV(A)/HSL(A) - (H = 0 – 360, S = 10% - 90%, B/V/L = 10% - 90%, A = 0 – 100%)
Ausnahmen sollten nur reines Schwarz (#000000), reines Weiß (#ffffff) und reine Grautöne (z.B. #111111, #e9e9e9) sein
Die Wahl des Farbtons an sich, soll nicht eingeschränkt werden, da in der AdLer-Engine, wie im Autorentool, verschiedenste Farben zur Ausarbeitung der einzelnen Elemente der Anwendung benötigt werden. Eine Auswahl von Farben, per Eingabe der HSL Werte ist auf der Seite der w3schools möglich. Dort sind ebenfalls generelle Informationen zu Farben im Web verfügbar.
Zusätzlich werden zu benutzende Farben für die Kommunikationsarbeit des AdLer-Projekts festgelegt. Farbangaben gehen von wenig gesättigt bis stark gesättigt.
Zu verwendende Farben
Die Hauptfarben für die AdLer-Produkte sind:
adlerblue: #a1c8e5
adlerdarkblue: #172d4d
adlergold: #e9d6b3
reines Weiß (#ffffff) oder rgb (255, 255, 255) und Schwarz (#000000) oder rgb (0, 0, 0) können immer verwendet werden.
Schlagschatten: #707070 - Abstände: x = 0, y = 3; Breite: 6px
Typografie
Um die Verbindung des Projekts zu den Partnerhochschulen sichtbar zu machen, wird die Schriftfamilie Roboto verwendet. Es ist die Standardschriftart der TH-Aschaffenburg. Sie ist optisch der von der HS Kempten verwendeten Schrift Source Sans Pro ähnlich. Roboto ist eine klare, serifenlose und gut auf allen Endgeräten und Medien lesbare Schrift. Zur Strukturierung und Abgrenzung von Überschriften zu Fließtext nutzen wir den Kontrast zwischen den Schriftschnitten Regular und Black.
Weitere Typographiekonventionen:
1,5-facher Zeilenabstand
Roboto Regular 12pt für den Fließtext
Erlaubte Hervorhebungen im Text: Fettdruck und Kursiv
Die Hervorhebung unterstrichen ist Hyperlinks vorbehalten
Roboto Black 24pt (Dokumententitel)
Roboto Black 18pt (Überschrift Ebene 1)
Roboto Black 14pt (Überschrift Ebene 2)
Texte
Ansprache der Nutzenden
Das AdLer-Projekt steht für ein inklusives Miteinander aller Menschen ein. Aus diesem Grund verwenden wir in der textlichen Ansprache von Personen eine neutrale Sprache. Aus Lehrern wird Lehrende, aus Studenten wird Studierende. Ist die Bildung eines Worts mit der Endung „-ende“ nicht möglich, so wird im zweiten Schritt geprüft, ob sich eine Ansprache mit dem Anhang „-person/en“ realisieren lässt (Bsp.: Lehrpersonen).
Art zu Schreiben
Wir stellen die Nutzenden in den Mittelpunkt der Entwicklung unserer Anwendung. Auch das geschriebene Wort soll nutzerzentriert sein. Wir verwenden eine Sprache, die so einfach wie möglich und gleichzeitig so detailliert wie nötig ist. Wir setzen kurze, prägnante Sätze und optische Hervorhebungen ein, um die Aufmerksamkeit der Nutzenden zu lenken. Wo möglich, verwenden wir Bulletpoints oder nummerierte Aufzählungen.
Verwendung des/der Logos
Das Logo ist in seinen verschiedenen Ausführungen auf der AdLer Cloud (Interner Link) zu finden. Nach Möglichkeit sollten zur Bildschirmdarstellung die Vektorgrafiken (.svg) bevorzugt genutzt werden, da diese beliebig skalierbar sind. Ist dies nicht möglich werden die Pixeldateien (.png) verwendet.
"AdLer Logo" ist zur allgemeinen Verwendung in der Kommunikation des AdLer Projekts bestimmt
"AdLer Logo 3D" ist innerhalb von 3D-Umgebungen zur verwenden
"AdLer Logo Animation" ist in Intros und Outros von Videos zu verwenden
"AdLer Logo long" ist an Stellen zu verwenden, an denen das AdLer Logo durch die quadratische Form zu klein und schlecht erkennbar werden würde
Linksammlung Inspiration UI Guidelines
Hinweis: Bitte beachten Sie, dass Sie auf externe Links klicken und unsere Doku verlassen.