Eine für Smartphones optmierte Version wird in Kürze verfügbar sein
3.0.Komponenten    3.8.Image + Lightbox + Carousel

3.8.Image + Lightbox + Carousel

Eine Lightbox wird als eine Bilder-/Videogalerie genutzt, die dem Nutzer erlaubt, den Inhalt in einem größeren Format anzuschauen. Das verbessert das Nutzererlebnis und das inhaltliche Verständnis.

Wollen Sie mehrere Bilder/Videos verwenden, können Sie sich für ein Karussell entscheiden. Sie können die Lightbox-Features in diese Komponente aufnehmen und das Verhalten beibehalten.

3.0.Komponenten      3.8.Image + Lightbox + Carousel      3.8.1.Struktur

3.8.1.Struktur

Bei Nutzung der Funktion mit Bildern und Videos verdunkelt die Lightbox den Hintergrund und lässt den Inhalt viel heller erscheinen. Bei Nutzung der Lightbox besteht das Ziel darin, den Nutzer auf dieses Foto oder Video zu konzentrieren. Durch die Abdunklung der sonstigen Bildschirminhalte mit Ausnahme der Lightbox bringen Sie diesen Inhalt klar in den Fokusbereich eines Nutzers.

Wie im Abschnitt Bildformate und Bildseitenverhältnisse erwähnt, sind die vorgeschriebenen Bildseitenverhältnisse 1:1, 2:1 und 16:9. Bei in Artikel eingebetteten Bildern und Lightboxes wird nur das Bildverhältnis 16:9 empfohlen.

Bei einem Karussell mit Lightbox müssen Sie darauf achten, eine Navigation zwischen den Inhalten des Karussells zu ermöglichen.

Some Image
Abbildung

Bilder im Karussell 

    Some Image
    Abbildung

    Bilder Lightbox  

      Some Image
      Abbildung

      Video Lightbox 

        3.0.Komponenten      3.8.Image + Lightbox + Carousel      3.8.2.Download-Ressourcen

        3.8.2.Download-Ressourcen

        Die Designs der Lightbox-, Bilder- und Karussell-Komponenten gibt es für Sketch und sind im Daimler Design Kit enthalten. Sie können diese entweder kopieren und in Ihre Designs einfügen, oder die Sketch-Datei als verlinkte Sammlung nutzen und die Symbole importieren.

        Siehe Sketch Design Kit (verfügbar ab August 2019)