Parallax Scrolling im Webdesign - Konzepte
Nachdem wir den Ursprung und den Hintergrund von Parallax verstanden haben, wollen wir die Geschichte und das Konzept des Parallax-Scrollens im Webdesign verstehen.
Definition
Laut Wikipedia - Parallax scrolling ist eine Technik in der Computergrafik, bei der Hintergrundbilder langsamer an der Kamera vorbeiziehen als Vordergrundbilder, wodurch eine Illusion von Tiefe in einer 2D-Szene entsteht und das Gefühl des Eintauchens in die virtuelle Erfahrung verstärkt wird.
Das Parallaxen-Scrollen wurde in den frühen Tagen der Animation eingesetzt. Viele der Animationsstudios (wie Disney) verwendeten Multiplane-Kameras, um den Parallaxeeffekt zu erzielen.
Während sich die Computergrafiktechnologien zusammen mit den neuesten Frameworks wie JavaScript weiterentwickelten, können Webdesigner und Entwickler jetzt Websites mit einer umfassenden Erfahrung erstellen. Obwohl das Parallaxen-Scrollen mit einigen Ebenen begann, wurde es mit Bildlaufleisten in Computern auf die nächste Ebene gebracht. Die Technik blieb dieselbe, aber aufgrund ihrer Anwendung für das Scrollen wurde eine einzigartige Erfahrung geschaffen.
Beispiele
Das Parallaxen-Scrollen wird in modernen Websites häufig verwendet. Da das Parallaxen-Scrollen sowohl für Handys als auch für Desktop-Sites auf einmal implementiert werden kann, hat die Popularität solcher Sites in den letzten Jahren sprunghaft zugenommen.
Einige Beispiele für Websites, die Parallaxen-Scrollen verwenden, sind unten aufgeführt:
Bär Grylls
Im Verlauf der Animation können Sie sehen, wie der Inhalt der Website interaktiv wird. Wenn Sie vorwärts scrollen, werden immer mehr Informationen angezeigt.
Machen Sie Ihr Geld wichtig
Um den Leser mit den Vorteilen einer Kreditgenossenschaft vertraut zu machen, führt Sie diese Website durch eine Storyline. Während Sie vorwärts scrollen, werden Informationen auf einzigartige Weise angezeigt.
InfoQuest Infografik
Die Reise eines Mitarbeiters, um wichtige Informationen an seinem Arbeitsplatz zu finden, wird anhand des Bildlaufs dargestellt.
GitHub 404
Dies unterscheidet sich ein wenig von der üblichen Parallaxenerfahrung. Das Objekt am oberen Bildschirmrand bewegt sich, wenn Sie den Mauszeiger darüber bewegen.
Anwendungen des Parallax Scrolling
Inzwischen sollte aus der Definition und dem Hintergrund klar sein, dass das Parallaxen-Scrollen in einer Vielzahl digitaler Medien nützlich ist. Einige der Anwendungen sind Parallaxen-Scrolling sind unten -
Spieldesign
Parallax-Scrollen ist im Spieldesign weit verbreitet. Der Charakter muss sich relativ zum Hintergrund bewegen und mit der Steuerung des Spielers über Maus und Tastatur muss sich die gesamte Erfahrung ändern. Das Spieldesign ist eine sehr primitive und dennoch trendige Methode zum Parallaxen-Scrollen.
Websites
Um den Benutzer auf die Website aufmerksam zu machen, ist eine dynamische und unterschiedliche Erfahrung wichtig. Wie Sie vielleicht anhand der oben beschriebenen Beispiele für Websites bemerkt haben, wird das Parallaxen-Scrollen aufgrund seiner interaktiven Darstellung zum Inhalt hinzugefügt.