So erreichen Sie einen Parallax-Effekt

‍Am einfachsten und besten lässt sich dieser Parallax-Effekt erzielen, indem Sie ein Bild im Fenster „Fixieren“, um den Eindruck von Bewegung zu erzeugen.

‍Dies wirkt visuell sehr ansprechend, lässt jedes Design deutlich aufwändiger erscheinen und kann einfach mit anderen Elementen wie Texten kombiniert werden. Fügen Sie einige Scroll-Animationen hinzu und Sie erhalten eine schön gestaltete, in sich stimmige Seite.

‍Erstellen Sie zuerst ein Bild, das uns das Gefühl geben kann, hindurchzugehen (auch im übertragenen Sinn: Das kann von einem klassischen mittelalterlichen Gemälde bis zu einem spontan aufgenommenen Foto alles sein). Wenn Sie das Bild platziert haben, klicken Sie einfach auf die Option „Fixieren“. 

‍Der Grundgedanke ist, einen Kontext mit markanter Optik zu schaffen, um die Aufmerksamkeit des Besuchers zu lenken. Während die Inhalte der Website Informationen liefern, wirkt der fixierte Hintergrund wie ein Fenster in die echte Welt. Der Kontext wechselt von Umgebung/Stimmung hin zu Informationen und wieder zurück, was das Interesse aufrechterhält.

‍In diesem Beispiel geht es um die Seite eines Reiseveranstalters, der sich auf Wandern und Camping, Versorgung und Kontakteknüpfen spezialisiert. Das erste der beiden Hintergrundbilder zeigt die Vorbereitung einer Reise, das andere die Schönheit der Natur. Der dazwischenliegende Bereich trennt diese beiden Aspekte voneinander. 

‍Es ist ratsam, zwischen den beiden fixierten Hintergründen ausreichend Platz für einen sauberen Übergang zu lassen. Dort können, nachdem die Aufmerksamkeit des Besuchers erneuert ist, weitere Informationen angeboten werden.

Aktualisiert für Sparkle 2.8

In English

En Français

In Italiano

Bitte melden Sie uns Mängel, die Ihnen in dieser Dokumentation auffallen, damit wir sie schnellstmöglich beheben können!

Copyright © 2019 River SRL 

IT06208340486 — REA FI-609716

Diese Website verwendet Cookies. Einige davon sind für die Funktion der Website erforderlich, andere unterstützen uns dabei, sie zu verbessern. Mit der Nutzung dieser Website erklären Sie sich damit einverstanden, dass diese Cookies gespeichert werden. Weitere Informationen finden Sie in unserer Datenschutzerklärung.