WEBSITE DESIGN
Was ist Parallax Scrolling?
Parallax Scrolling ist eine Webdesign-Grafiktechnik, bei der sich die Hintergrundbilder langsamer bewegen als der Vordergrund, wodurch die Illusion eines 3D-Tiefeneffekts entsteht, wenn Besucher auf der Webseite nach unten scrollen. Die Technik entstand aus der Mehrebenenkameratechnik, die seit den 1930er Jahren in der traditionellen Animation verwendet wird.
Parallaxe basiert auf optischer Täuschung. Da das menschliche Auge Objekte in unserer Nähe größer wahrnimmt als weiter entfernte Objekte, nehmen wir entfernte Objekte so wahr, als würden sie sich langsamer bewegen.
Die Illusion wird seit langem in verschiedenen Medien in die Parallaxe übernommen, um einen realistischen Effekt zu erzielen. Seine erste Verwendung fand in traditionellen Zeichentrickfilmen statt, die bereits in Disneys Schneewittchen und die sieben Zwerge zurückreichten, sowie in Videospielen wie Super Mario.
Mit Fortschritten in CSS und HTML entwickelten sich Parallaxeneffekte später zur Welt des Webdesigns, wie wir sie heute kennen.
Parallax-Scrolling ist eine spezielle Scroll-Technik, die im Webdesign verwendet wird und bei der sich Hintergrundbilder auf einer Webseite langsamer bewegen als Vordergrundbilder, wodurch eine Illusion von Tiefe auf einer zweidimensionalen Website entsteht.
Es ist derzeit eine der am häufigsten verwendeten Designtechniken im Webdesign, aber auch etwas, von dem Sie wahrscheinlich nicht einmal wissen, dass Sie es bereits erlebt haben.
Es ist eine einfache Bewegung, an die Sie bereits gewöhnt sind und die dazu beigetragen hat, dass sich viele Websites dynamisch und interaktiv anfühlen.
Wenn Sie sich für die Verwendung entscheiden, ist es wichtig, darüber nachzudenken, wie sich Parallaxe auch auf das mobile Erlebnis auswirken könnte. Um die Geschwindigkeit der Website zu erhöhen und die mobile Benutzerfreundlichkeit nicht zu stark zu beeinträchtigen, wird normalerweise empfohlen, das Parallaxen-Scrolling entweder zu reduzieren oder ganz zu entfernen.
Denken Sie daran, alle Fälle zu bedenken, in denen Sie es zuerst verwenden möchten und wie es für Benutzer auf mehreren Geräten angepasst werden muss.
Lesen Sie weiter hier.
Zusätzlicher Link:
[optin-monster slug=”em8z7q6hga9elmy1dbgb”]