Parallax Design - Parallax Scrolling, tolle Effekte für die Webseite, Homepage mit Typo3
Parallax Design - Parallax Scrolling, für das Webdesign eines Webauftrittes, Ihrer Webseiten, Ihrer Homepage.
Beim Parallax Design werden unterschiedliche Ebenen erzeugt die asynchron verschoben werden.
Der Begriff Parallax Scrolling (engl.) kommt vom Begriff der Parallaxe (dt.).
Als Parallaxe werden scheinbare, relative Position eines Objekts in Abhängigkeit vom Standpunkt des Betrachters bezeichnet.
Beim Parallax Scrolling Design wird die unterschiedliche Relation und Bewegung von Elementen genutzt. Der Inhalt, also der Text, wird in den optischen "Vordergrund und Augenscheinlichkeit" des Benutzers gesetzt und entsprechend mit unterschiedlicher Scrollgeschwindigkeit bewegt, wobei der Hintergrund in eine optische Tiefe, mit veränderter Scrollgeschwindigkeit gesetzt wird.
Scrollt man daher langsam über die Seite, fällt einem dann auf, dass die Inhalte und der Hintergrund sich unterschiedlich verschieben.
Die Veränderung der Scrollgeschwindigkeit erzeugt beim Betrachter das Gefühl der Räumlichkeit.
Die Schnelle und Stärke der Geschwindigkeit kann hierbei unterschiedlich variiert werden. So kann ein geringer Unterschied oder eine "Fixierung" des Hintergrunds den Parallax Effekt hervorrufen. Die stärke des dieser Effekte sind von Webdesign zu Webdesign unterschiedlich – denn der User, der Nutzer der Webseiten soll ja in seiner Seitenbetrachtung nicht gestört werden.
Ein Problem beim Parallax Scrolling ist normalerweise die Größe der Bilder die für das Parallax Design benötigt werden. Sollen die Bilder den Bildschirm ausfüllen, so müssen relativ große Bilder geladen werden. Auch die sich Überlappenden Bereiche müssen gefüllt sein, damit beim Scrolling der Seite auch wirklich ein neuer Bildbereich "angezeigt" werden kann. Das Laden der großen Bilder wirkt sich leider negativ auf die Performance der Seite aus.
Einsatz von Parallax Design, Parallax Scrolling:
In der Regel wird das Parallax Scrolling auf mobilen Geräten abgeschaltet (im Speziellen für Smartphones, I-Phones).
Es sollte bei der Auslieferung der Bilder durch den Server eine Skalierung stattfinden, sodass nur die maximal benötigte Auflösung geladen wird.
Mehr Aufmerksamkeit auf Ihre Inhalte:
Ein relativ dezenter und effektiver Einsatz von Parallax Scrolling lenkt den User nachweislich mehr auf die Produkte, die Inhalte der Webseiten, als bei manch starren Webseiten.
