Zum Hauptinhalt springen

Design Prinzipien

Layouts und Styles bei Vsble einfach erklärt

Vor über einer Woche aktualisiert

Bei Vsble gibt es zwei Arten von Layouts: Style-Layouts und reguläre Layouts.

  • Style-Layouts sind festgelegte Designs, die zu jeder Vorlage gehören. Sie bestimmen den einzigartigen Look jeder Website-Vorlage. Diese Layouts sind nicht veränderbar – gerade das macht jede Vorlage besonders.

  • Reguläre Layouts sind flexibel und funktionieren mit allen Vorlagen. Sie ermöglichen dir, das Erscheinungsbild deiner Seiten individuell anzupassen.
    Zum Beispiel:
    – Auf normalen Seiten kannst du die Anzahl der Reihen oder Elemente im Raster einstellen.
    – Bei Alben kannst du zwischen horizontalem Scrollen, vertikalem Scrollen oder einem Raster wählen – inklusive der Anzahl der Spalten.

Du kannst für jede Seite einzeln festlegen, ob sie ein Style-Layout oder ein reguläres Layout verwenden soll. So kann eine Seite das feste Design der Vorlage nutzen, während eine andere Seite individuell angepasst ist.

Mobil vs. Desktop:

Für mobile Geräte und Desktop-Ansicht kannst du jeweils unterschiedliche Layouts einstellen – damit deine Seite überall gut aussieht.

Hinweis zu Alben:

Das gewählte Album-Layout (horizontal, vertikal oder Raster) gilt immer für alle Alben auf der jeweiligen Seite. Das sorgt für ein klares und konsistentes Erscheinungsbild – und weniger Verwirrung für deine Besucher.

Desktop Designs

Auf dem Desktop können Seiten entweder im Style-Layout (ein festes, vorgegebenes Design, das einzigartig für jede Vorlage ist) oder im regulären Rasterlayout mit 1 bis 6 Reihen dargestellt werden. Alben können ebenfalls im Style-Modus oder im regulären Modus angezeigt werden – dabei kann zwischen horizontalem Scroll, vertikalem Scroll oder Rasterlayout (ebenfalls mit 1 bis 6 Reihen) gewählt werden. Für eine besonders wirkungsvolle Präsentation kann auch eine Slideshow aktiviert werden – entweder im Vollbildmodus (Bilder oder Videos füllen den gesamten Bildschirm) oder im "Fit-to-Size"-Modus, bei dem das Originalformat des Bildes/Videos beibehalten wird.

Auch der Header lässt sich individuell gestalten: linksbündig, zentriert oder rechtsbündig. Bei einer zentrierten Anordnung kannst du wählen, ob das Navigationsmenü links oder rechts angezeigt wird. Für ein aufgeräumteres Design – z. B. bei vielen Seiten – kannst du statt ausgeschriebener Seitennamen auf ein Burger-Menü umstellen. Dieses Symbol kann links, rechts oder zentriert erscheinen – bei zentriertem Logo kannst du zusätzlich wählen, ob das Burger-Icon links oder rechts neben dem Logo stehen soll. Das Burger-Menü selbst (also die Übersicht mit den Seiten) kann dann ebenfalls links, mittig oder rechts eingeblendet werden.

Der Footer kann – wie der Header – links, zentriert oder rechts ausgerichtet werden, um das Layout deines Desktop-Auftritts flexibel zu gestalten.

Mobile Designs

All diese Layout-Optionen sind auch für mobile Geräte verfügbar und können unabhängig vom Desktop-Layouteingestellt werden. Rasterlayouts auf Mobilgeräten sind jedoch auf maximal 4 Reihen begrenzt, da kleinere Bilder sonst schwer erkennbar und kaum noch antippbar wären. Außerdem wird bei horizontalem oder vertikalem Scroll-Layout in Alben die Album-Beschreibung nicht seitlich, sondern immer oberhalb der Bildansicht angezeigt – aus Platzgründen und für bessere Lesbarkeit auf kleinen Bildschirmen.

Hat dies deine Frage beantwortet?