Demo-Kurs: Inkline Content-Style
Reiter
Inkline Content-Style
Willkommen im Inkline-Content-Style!
Mit dem Inkline Content-Style präsentiert ILIAS.nrw ein modernes und freundliches Gestaltungskonzept, das die adaptiven Blöcken von MIau.nrw integriert. Der Stil stellt eine frische Alternative zum bisherigen Standard-Layout dar und schafft neue Möglichkeiten für eine attraktive Lehr-Lern-Gestaltung.
Die bestehenden ILIAS-Standard-Blöcke wurden optisch überarbeitet und harmonisch in das neue Design eingebettet. Inhalte, die bereits mit dem Standard-Style gestaltet wurden, erscheinen automatisch im neuen Design. Ergänzt wird das Layout durch drei strukturierende Hintergrundblöcke, mit denen sich Seiten visuell klar und ansprechend gliedern lassen.
Leicht. Klar. Inkline.
Die Farbgestaltung wurde ebenfalls überarbeitet: Statt der bisherigen, überwiegend blauen Farbgebung setzt Inkline auf eine etwas vielfältigere und freundlichere Farbpalette. Ziel war ein visuelles Design, das Leichtigkeit vermittelt und gleichzeitig professionell bleibt. Charakteristisch für Inkline sind dezente Schlagschatten, eine markante, abgerundete Ecke unten rechts an jedem Block sowie eine farbige Linie auf der linken Seite, die zur klaren Kennzeichnung von Inhaltsgruppen dient.
Was ist sonst noch neu?
Akkordeons
Auch die Akkordeons wurden dem neuen Stil angepasst. Das Standard-Akkordeon übernimmt nun die Optik des Inkline-Styles und fügt sich damit nahtlos in das Gesamtdesign ein. Wer einen schlichteren Look bevorzugt, kann auf das neu gestaltete LightAccordion zurückgreifen, das bewusst auf verspielte Elemente verzichtet und durch Zurückhaltung überzeugt. Ganz im Gegensatz dazu präsentiert sich das EmphasisedAccordion, das die Inkline-Optik aufgreift und mit kräftigeren Farben zusätzliche Akzente setzt.
Was ist der Unterschied zwischen einem Akkordeon und einem Wecker?
Das eine ist ein UI-Element im Webdesign, das andere zeigt die Uhrzeit an.
Hahaha!
Blockhöhe angleichen
Für ein ausgewogenes Erscheinungsbild bei Spaltenlayouts steht ein spezieller Block zur Verfügung, mit dem sich die Höhe mehrerer Spalten angleichen lässt. Platzieren Sie dazu den Block HoeheAngleichen in jeder Spalte und fügen Sie darin einen beliebigen Inhaltsblock ein. Die Inhalte passen sich automatisch in der Höhe aneinander an...
...und erzeugen so ein gleichmäßiges und schickes Layout.
Ein zusätzlicher Abstandshalter-Block sorgt bei Bedarf für mehr Raum zwischen den Elementen. So lassen sich überladene Seitenabschnitte auflockern und die Orientierung für Nutzerinnen und Nutzer verbessern. Einfach oberhalb oder unterhalb eines Inhaltsblocks einfügen. Fertig.
Um das volle Potential der adaptiven Blöcke auszuschöpfen, besuchen Sie MIau.nrw. Dort finden Sie Vorlagen und Demos zu Umsetzungsmöglichkeiten unterschiedlicher Adaptivitätsstufen in ILIAS.
Bei Fragen zum Inkline Content-Style wenden Sie sich bitte an:
matthias.becker@hsbi.de
Zur Umsetzung adaptiver Lerneinheiten wenden Sie sich bitte an:
milva.mahnke@hsbi.de