Zärtlich HTML-Vorlagen

Zarte HTML-Vorlagen für bildorientierte Seiten

Eine zarte HTML-Vorlage liefert den dezenten Teil bereits fertig gestaltet: mit blassen Hintergründen, breiten Abständen um die Fotos und einer Typografie, die dem Bild nicht im Weg steht. Unten finden Sie eine Standardauswahl an Abschnitten, die Sie öffnen und bearbeiten können – genau deshalb sollten Sie dieses Format einem Entwurf vorziehen, den man nur ansehen kann. Der Katalog konzentriert sich auf Blumen, feine Kleidung und Kunst im Galeriestil; all diese Projekte teilen die Eigenschaft, das Bildmaterial die Seite tragen zu lassen, während die Worte in den Hintergrund treten.

Wo weiche Layouts brechen, wenn echte Fotos eintreffen

Demo-Bildunterschriften umfassen zwei Zeilen. Eine echte Beschreibung einer Keramikvase umfasst sechs Zeilen, die Karte wird höher und der luftige Freiraum, für den die Vorlage ausgewählt wurde, wird plötzlich eng.

Abschnitte, die Sie einem Stresstest unterziehen sollten, bevor Sie sich für eine Vorlage entscheiden:

1. Der Hero-Bereich mit dem längsten Kollektionstitel, den Sie tatsächlich verwenden.
2. Eine Nahaufnahmen-Sequenz, bei der zwei Aufnahmen dunkler ausfallen als der Rest.
3. Ein Bereich für Bildunterschriften mit sechs Zeilen Beschreibung statt der zwei Zeilen der Demo.

Viele Optionen im selben Katalog wirken im Vorschaubild zart und verwandeln sich dann in ein dichtes Kartenraster mit einer auffälligen Schaltfläche in der Ecke. Dieses Raster funktioniert für ein Geschäft mit 200 Artikeln ebenso wie für ein Blumengeschäft mit 11 Gestecken.

Schmale Bildschirme und überlappende Kompositionen

Breite redaktionelle Layouts leiden auf Smartphone-Breite am meisten, da die Anordnung, auf der sie basieren, keinen Platz mehr hat.

Kompositionen, die man zuerst auf dem Smartphone öffnen sollte:

1. Geteilte Abschnitte, in denen ein Foto neben dem zugehörigen Text steht.
2. Bilder, die eine Überschrift oder ein kurzes Zitat überlappen.
3. Galerien, die aus Bildern mit spürbar unterschiedlichen Höhen aufgebaut sind.

Die Reihenfolge entscheidet über das Ergebnis. Wenn das Foto unter die Beschreibung rutscht, liest ein Besucher zwei Sätze über ein Kleid, bevor er es sieht – und die sanfte Wirkung der Seite verpufft. Das Nicepage Image Gallery Element hält eine Reihe von Fotos mit einheitlichen Titeln und Hover-Effekten in einem gemeinsamen Rhythmus. Lazy Loading für Bilder hält den ersten Bildschirmbereich leicht, während schwere redaktionelle Bilder weiter unten warten, bis sie an der Reihe sind.

Dateien, die auf Ihren eigenen Server übertragen werden

Nicepage exportiert HTML für das Hosting an einem beliebigen Ort, sodass Sie die Seiten auf eine eigene Domain oder an die Person übertragen können, die den technischen Bereich betreut. Zarte Seiten verändern sich mit ihren Bildern, die zu jeder Saison ausgetauscht werden. Die Version, die sich herunterzuladen lohnt, ist diejenige, bei der die Fotos des nächsten Frühlings in dieselben Abschnitte, in derselben Reihenfolge und mit unveränderten Abständen eingefügt werden können.