• Startseite
  • Beiträge
    • Serie: Assessment mit dem ILIAS-Test
    • Serie: Die ILIAS Online-Hilfe
    • Serie: Gestaltung mit dem ILIAS-Seiteneditor
  • ILIAS
    • Funktionsübersicht
    • Update
  • Über uns

21

Aug.
2025
Teilen
Twitter
Facebook
Linkedin
Google+
Zwischen Klarheit und Kreativität – der ILIAS.nrw Content-Style
Ein Beitrag von Gast Kommentare deaktiviert für Zwischen Klarheit und Kreativität – der ILIAS.nrw Content-Style Beiträge, ILIAS

Zwischen Klarheit und Kreativität – der ILIAS.nrw Content-Style

Gastbeitrag von Matthias Becker (ILIAS.nrw)

Das Standard-Design von ILIAS wirkt auf den ersten Blick vor allem eins: pragmatisch, dabei jedoch an manchen Stellen etwas in die Jahre gekommen und wenig inspirierend. Dass es auf der Lernplattform auch anders gehen kann, zeigt ILIAS.nrw mit seinem neuen Content-Style. Modern, strukturiert und gleichzeitig verspielt und farbenfroh – das Beste daran: Der Style steht unter einer GPL-Lizenz allen frei zur Verfügung.

Was ist der ILIAS.nrw Content-Style?

Mit dem Content-Style hat ILIAS.nrw ein eigens entwickeltes Designkonzept geschaffen, das eine gänzlich neue Präsentation von Inhalten ermöglicht. Die Inhaltsseiten erhalten damit ein Makeover, das sie wie auf einer modernen CMS-Plattform wirken lässt. Klare Strukturen, eine neue Farbpalette (orientiert am Markenbild von ILIAS.nrw) und viele visuelle Gestaltungshilfen sorgen für einen modernen Auftritt.
Allem voran verbessert der neue Content-Style die Übersichtlichkeit und das Nutzer:innenerlebnis. Inhalte sind jetzt schneller auffindbar und eindeutig gekennzeichnet. So werden Stöbern und gezieltes Suchen gleichermaßen angenehmer.

Design trifft Funktionalität – mit lebendigen Details

Was sofort ins Auge springt, sind die lebendigen Details des neuen Styles: Farbige Unterstriche im Pinselstrich-Stil unter Überschriften bringen eine subtile Verspieltheit auf die Seiten. Dazu kommen drei sorgfältig abgestimmte Hintergrundvarianten, die Struktur schaffen und Inhalte optisch gliedern – ideal, um auch komplexe Themen ansprechend und verständlich zu präsentieren.

Die schicken und kreativen Grafiken auf der Seite stammen aus dem Fundus von undraw.co. Sie unterstützen das lockere Erscheinungsbild und verleihen der Seite Leichtigkeit. Funktionalität und Kreativität bilden dabei ein harmonisches Gleichgewicht: Die klaren Strukturen bieten Orientierung, die visuellen Akzente machen die Nutzung sympathisch.

Die ILIAS-Instanz von ILIAS.nrw: vor und nach dem Relaunch mit neuem Content-Style

Buttons, Blöcke, Bilder: Flexibel gestalten und navigieren

Besonders praktisch im Content-Style sind die neuen Navigationsmöglichkeiten: Buttons gibt es in verschiedenen Varianten (Primär, Sekundär, Tertiär), sodass Information und Verlinkung nach Relevanz gestaffelt werden können. Für helle und dunkle Hintergründe stehen passende Alternativen bereit – das sorgt für Flexibilität in der Seitengestaltung und eine übersichtliche Nutzer:innenführung.

Neben klassischen Buttons wurden viele weitere Inhaltselemente entwickelt:

  • Akkordeons speziell für die Navigation durch zusammenhängende Themenseiten

  • Kachel-Buttons, die Bilder integrieren können und so für einen lebendigen Look sorgen

  • Informationsblöcke für aktuelle Hinweise, Termine oder Neuigkeiten

  • Verschiedene Bildstile: wahlweise komplett abgerundet oder nur mit sanften Ecken

  • Blöcke, mit denen sich die Höhe mehrerer Blöcke in Spaltenlayouts aneinander anpassen lässt

  • Inhalte zentrieren: mithilfe spezieller Blöcke horizontal und/oder vertikal

All das funktioniert selbstverständlich responsiv: Egal, ob auf kompakter Smartphone-Ansicht, am Tablet oder auf dem großen Bildschirm, Layouts und Blöcke passen sich flexibel an.

Akkordeon-Menü zur Navigation
Informationsblöcke für Terminankündigungen

Showroom: Content-Style in Aktion erleben

Bildstil-Beispiel für Profilbild in "Über uns"

Die neu gestaltete ILIAS.nrw-Website ist nicht nur eine Informationsplattform, sondern auch Showroom für den Content-Style selbst. Verschiedenste Blöcke und Buttons, Kachel-Elemente, Termin-Informationen und Blog-News sind anschaulich eingebettet. Auf der „Über uns“-Seite kommen abgerundete Porträtbilder zum Einsatz, während die Kollaborationsseiten die verschiedenartige Unterstreichung von Überschriften zeigen.
Die Navigation wurde mit Blick auf Übersichtlichkeit ebenfalls neu gedacht: Das Menü bleibt stets sichtbar und führt direkt zu den zentralen Angeboten. Dank klug gesetzter Abstände, Spalten und Weißräumen ist alles klar strukturiert und für Nutzer:innen intuitiv erfassbar.

Der neue ILIAS.nrw Content-Style und weitere Styles im Angebot

Offen und dokumentiert: Einfach loslegen!

Der ILIAS.nrw Content-Style ist unter einer GPL-Lizenz veröffentlicht und kann frei benutzt, angepasst und für ganz unterschiedliche Zwecke eingesetzt werden – ohne Namensnennung, wobei Empfehlungen natürlich gern gesehen sind. Eine ausführliche Dokumentation in Form eines Design-Handbuchs steht bereits unter den Content-Style-Angeboten auf der ILIAS.nrw-Website zur Verfügung. Es bietet Interessierten einen umfassenden Überblick über die Funktionen, Blöcke und Gestaltungsmöglichkeiten.
Übrigens finden Sie auf der ILIAS.nrw-Seite aktuell bereits drei weitere Content-Styles, ebenfalls unter GPL-Lizenz frei zugänglich. In den kommenden Monaten können Sie mit mindestens einem weiteren neuen Style rechnen – natürlich unter derselben Lizenz. So bietet ILIAS.nrw eine wachsende Auswahl an modernen Designs für vielfältige Einsatzzwecke.

ILIAS.nrw Content-Style

Fazit

Der neue Content-Style macht Schluss mit Eintönigkeit und bringt frischen Wind für ILIAS-Inhalte. Er sorgt nicht nur für ein modernes Erscheinungsbild, sondern verbessert Übersicht und Navigation spürbar. Dank modularer Blöcke, flexibler Farbauswahl und inspirierender grafischer Elemente steht der Kreativität nichts im Weg. Nutzen Sie die Gelegenheit, besuchen Sie die ILIAS.nrw-Website und probieren Sie den Content-Style für Ihre eigenen Projekte aus – offen, flexibel und professionell.

Header: ILIAS Kompetenzzentrum

  • Tags :ILIAS.nrw
ILIAS-Hilfsangebote bei uns und anderswo

Kategorien

  • Beiträge
  • Digitale Barrierefreiheit
  • ILIAS
  • ILIAS 7
  • ILIAS Anleitungen
  • Mathe im Studium
  • Open Educational Resources
  • Podcast
  • Veranstaltungen
  • Video in der Lehre

#tags

Barrierefreiheit Community Corona digitale Barrierefreiheit Digitale Hochschule NRW Digitale Lehre Digitalisierung Digitalsemester E-Learning E-Learning-Koordinierungsstelle Fortbildung Glossar HiLF Hochschullehre ILIAS ILIAS.nrw ILIAS 7 ILIAS 8 Inverted Classroom Kalender Lehrförderung Lehrvideos Mathe MINT Neuberufene OER Online-Hilfe Open Educational Resources Podcast Sciebo Screencast Seiteneditor Sprechstunde Support Test Test-Serie Tutorial Veranstaltungen Vermittlung Vernetzung Video Video-Portal Videokonferenzen Webinar Weblog

© 2025 | ILIAS Kompetenzzentrum | FH Dortmund

  • Datenschutz
  • Home
  • Kontakt
    • Impressum
    Diese Webseite verwendet Cookies. Wenn Sie die Webseite weiter nutzen, gehen wir von Ihrem Einverständnis aus.