Skip to content

Katalog 2.0 - Design

Im Katalog werden Bilder für unterschiedliche illustrative Zwecke benutzt. Nachstehend finden Sie Informationen, wo und in welcher Grösse Bilder am besten importiert werden.

Bildgrössen

Wenn Bilder bereits in geeigneter Grösse in OpenOlat importiert werden, müssen sie von OpenOlat nicht mehr auf ein passendes Format oder Seitenverhältnis angepasst werden. Deshalb werden bestimmte Bildgrössen empfohlen.

Tipp

Die unten angebotenen Muster (halbtransparente png) kann man sich im Grafikprogramm über das aktuelle Bild legen, um den passenden Ausschnitt zu wählen.
Mockups zum Download >

Header-Hintergrund

Verwendung: Hintergrundbild hinter dem Katalog-Header mit Titel und Suchfeld, Startseite des Katalogs

Empfohlene Bildgrösse: 1324 x 240 px, Dateigrösse max. 2 MB
Bemerkungen: Ist das Bild höher als 240 px, wird ein passender Ausschnitt aus der Mitte heraus genommen.
Einfügen: Das Hintergrundbild für die Startseite kann mit Administratorenrecht in der System-Administration hochgeladen werden unter Administration > Module > Katalog > Tab "Layout".
Muster: halbtransparentes png zum Download >


Kategorien

(Launcher vom Typ "Taxonomielevel")

Verwendung:
Neun Kategorie-Kacheln mit Bild und weiss hinterlegtem Titel im unteren Bereich, Launcher Kategorien auf der Startseite des Katalogs

Empfohlene Bildgrösse: 240 x 155 px (Rechteck), 240 x 240 px (Quadrat)
Quadratisch oder rechteckig: Die Bilder zu den Kategorien können quadratisch oder rechteckig gewählt werden. Diese Konfiguration ist einheitlich für alle Bilder zu den Kategorien und wird in der System-Administration eingestellt unter Administration > Module > Katalog > Tab "Layout".
Bemerkungen: Der Text wird über dem unteren Bereich des Bildes angezeigt. Die Fläche dafür ist 240 x 35 px, weiss, halbtransparent und wird von OpenOlat über das Bild gelegt.
Einfügen: Die Bilder für Taxonomie-Launcher (Kategorien) werden mit Administratorenrecht in der System-Administration hochgeladen unter Administration > Module > Taxonomie > Tab "Metadaten".
Muster: halbtransparentes png zum Download >


Kachel/Karte

Verwendung: Vier Kacheln mit dem Titelbild oben und Titel, Teaser und Fachbereich darunter, Kachelansicht im Katalog

Empfohlene Bildgrösse: max. 570 x 380 px, 72dpi, Dateigrösse max 5.1 MB
Bemerkungen: Das Bild füllt den oberen Bereich der Kachel aus. Es ist das Titelbild des Kurses, das auch an anderen Stellen verwendet wird. Im unteren Bereich können Textelemente angezeigt werden. Ist das Bild grösser als der vorgesehene Bereich, wird ein passender Ausschnitt aus der Mitte des Bildes heraus genommen.
Einfügen: Das Bild kann im jeweiligen Kurs mit Autorenrecht eingestellt werden unter Kurs > Administration > Einstellungen > Tab "Info".
Muster: halbtransparentes png zum Download >

Anzeigbare Informationen unter dem Bild: Auf der Kachel können wahlweise folgende Informationen angezeigt werden. Diese Texte liegen nicht auf dem Bild, sondern werden unterhalb des Bildes angezeigt.

  • Kennzeichen
  • Teaser
  • Fachbereiche/Katalog
  • Durchführungsformat
  • Hauptsprache
  • Durchführungsort
  • Durchführungszeitraum
  • Autor:innen
  • Zeitaufwand

Es ist zu empfehlen, aus Platzgründen nicht alle Informationen gleichzeitig auf der Kachel anzuzeigen. Deshalb ist eine Auswahl generell für alle Kacheln des Katalogs in der System-Administration zu treffen unter Administration > Module > Katalog > Tab "Layout". Die Höhe der Kacheln passt sich automatisch dem Platzbedarf an.


Infoseite zum Kurs

Verwendung: Titelbild mit Play-Button für das Teaser-Video neben Titel, Teaser und Button Kurs starten, Infoseite eines Kurses im Katalog

Zusätzliches Video: Auf der Infoseite zum Kurs wird zunächst das Bild angezeigt. Wurde zusätzlich unter Kurs > Administration > Einstellungen > Tab "Info" ein Teaser-Video hochgeladen, kann es durch Klick auf das Bild gestartet werden. Das Video wird in der gleichen Grösse wie das Bild angezeigt, kann aber beim Abspielen auf Fullscreen vergrössert werden.
Empfohlene Bildgrösse: 570 x 380 px, 72dpi, Dateigrösse max 5.1 MB
Bemerkungen: Für die Infoseite zu einem Kurs wird das gleiche Bild verwendet, wie auf der Kachel/Karte im oberen Teil.
Einfügen: Es kann im jeweiligen Kurs mit Autorenrecht eingestellt werden unter Kurs > Administration > Einstellungen > Tab "Info".
Muster: halbtransparentes png zum Download >


Microsite (nach Wahl eines Taxonomie-Levels/einer Kategorie)

Verwendung: Header-Bild mit dem Kategorietitel OpenOlat Akademie über der Kursliste, Microsite einer Kategorie im Katalog

Empfohlene Bildgrösse: 1324 x 240 px
Bemerkungen: Ist das Bild höher als 240 px, wird ein passender Ausschnitt aus der Mitte heraus genommen.
Einfügen: Die Header-Bilder für Microsites (in Taxonomy-Launchern/Kategorien) werden mit Administratorenrecht in der System-Administration hochgeladen unter Administration > Module > Taxonomie > Tab "Metadaten".
Muster: halbtransparentes png zum Download >

Hinweis

Von den oben beschriebenen Gestaltungsmöglichkeiten abweichende Wünsche können von frentix geprüft und gegebenenfalls in das individuelle Layout einer Instanz integriert werden.

Zum Seitenanfang ^


Weiterführende Informationen

Angebote >
Wie zeige ich meine Kurse im OpenOlat-Katalog? >
Taxonomie (Administrationshandbuch) >

Zum Seitenanfang ^