Bühnenelement
Im UzK-Webdesign2025 wurde mit der sog. Bühne ein neuartiger Designaspekt eingeführt. Sie können damit hochwertiges Bildmaterial prominent und ansprechend in Szene setzen.
Die Bühne kann dabei auf unterschiedliche Weise gestaltet werden, sowie mit einem zusätzlichen Button versehen werden. Am ehesten bietet sich dies für die Startseite an. Sie haben aber auch die Möglichkeit die Bühne für andere Seiten selbstsständig einzurichten.
Bühnenvarianten
Die Bühne gibt es in mehreren Varianten.
Speziell für Startseiten wurden die Varianten Page Header Main (Standard) und Page Header Alternative entwickelt. Sie zeichnen sich durch runde Bildausschnitte in der Desktop-Ansicht aus.
Die alternative Main-Variante schließt mit einer dünnen Linie zur restlichen Seite ab.
Die Simple Variante bietet eher eine klassische Ansicht mittels z.B. einem Bild im Header über volle Breite oder einen einfarbigen Header für eine schlichtere Gestaltung.
Bühne im Backend konfigurieren
Für gewöhnlich sollte die Funktion Bühnen Elemente im Backend anzulegen für Sie durch Ihre:n Admin vorkonfiguriert sein.
Sollte dies einmal nicht der Fall sein, oder Sie Änderungen an den Voreinstellungen wünsche, können Sie über die Seiteneinstellungen → Erscheinungsbild auf das Backendlayout für die Bühne zugreifen und dies nach Ihren Wünschen anpassen.
Bühnenelement anlegen
- Fügen Sie das Bühnen-Element über den “+ Inhaltselement hinzufügen” Button hinzu. Bedenken Sie, dass Bühnen Elemente ausschließlich im Bühnen/Stage Bereich zur Verfügung stehen.
- Sie haben die Auswahl zwischen Page Header Main, Page Header Alternative und Page Header Simple.
- Page Header Main: ist die Variante mit dem großen runden Bild bzw. farbigem Kreis, sollten Sie kein Bild hochladen. Als Variante können Sie zusätzlich unterschieden ob das Seiten Logo eckig oder rund eingebunden wird.
- Page Header Alternative: Ähnelt sehr Page Header Main in der Darstellung eines großes Runden Bildes/ Kreises als gestalterisches Element. Im Hintergund sind jedoch leichte dekorative, graphische Änderungen zu erkennen. Als Variante können Sie zusätzlich unterschieden ob das Seiten Logo eckig oder rund eingebunden wird.
Page Header Simple: Zeigt ein Bild im Header über die gesamte Breite, oder einfarbig blaue oder Fakultätsfarben als Seitenkopf. Auch hier kann wieder zwischen eckigem oder rundem Logo entschieden werden.
- Im Reiter "Allgemein" können Sie die Bühnenelementvariante, eine Überschrift, eine Dachzeile sowie Text eingeben. Außerdem kann ein Linkziel für den Button "Mehr erfahren" ausgewählt.
- Sie können auf Wunsch außerdem ein Bild hinzufügen.
- Wird kein Bild hochgeladen, füllen sich die Bildplatzierungen mit dem “Uniblau”.
- In der Variante "Simple" fällt der Farbbalken weniger hoch aus, als würde ein Bild eingesetzt werden. Je nach Konfiguration Ihres Webauftritts kann der Farbbalken in der Simple Variante auch aus der Fakultätsfarbe bestehen.
Fertiges Bühnen Element
Im Backend finden Sie nun im Bühnen/Stage Bereich das Inhaltselement der Bühne gelistet.
Im Frontend gestaltet das Element den Header komplett neu. Hier als Beispiel der Page Header Main exemplarisch ohne Bild.
Einmal alle Bühnenelemente redaktionell schön dargestellt finden Sie auf den Seiten der Pressestelle.
Redaktionelle Empfehlungen
Hinweise
Das Bildmotiv der Bühne soll einen thematisch passenden, visuell auffälligen Einstieg in die Webseite bieten. Das Bildmotiv selbst sollte keine relevanten Infos enthalten (z.B. Schrift).
Wählen Sie ein querformatiges Motiv, der Fokus sollte mittig liegen. Die Ränder oben, unten und seitlich werden durch die Responsivität und unterschiedlichen Bildschirmgrößen und Formate beschnitten.
Aufgrund der relativen Größe der Darstellung, sollte das Bild für die runde Bühne mindestens 1080 px hoch sein. (Bei quadratischen Bildern sogar 1080 Pixel x 1080 Pixel → hoch x breit)
Beim Seitenverhältnis 3:2 für die runde Bühne z.B. Format 1620 Pixel x 1080 Pixel
Bei der simplen Bühne sollte das Bild 1920 Pixel breit sein.
Die Textelemente der Bühne haben Teaser-Charakter und sollten entsprechend knapp gefasst sein.
Nochmals der Hinweis: Es muss kein Bühnenelement gesetzt werden. Der Einsatz ist optional.