Parallax Scrolling ist definiert als eine Seite, auf der das Hintergrundbild schneller scrollt als der Vordergrund, wodurch der Eindruck von Tiefe entsteht. Diese starre Definition ist die Wurzel der meisten Mythen über Parallax: Es ist nicht für mehrere Seiten geeignet, es ist nicht für große Seiten geeignet, es ist auf Mobilgeräten unbrauchbar, es ist ein veralteter Trend, es ist schlecht für die Benutzerfreundlichkeit, die Benutzer mögen es nicht Es ist schlecht für SEO, ich könnte weitermachen ...

Eine bessere Definition wäre: Parallax Scrolling ist eine Seite, auf der die Elemente mit unterschiedlichen Geschwindigkeiten scrollen und einen dynamischen Effekt erzeugen.

Wie bei allem ist Parallax Scrollen schlecht für eine Website. Aber so viele Seiten machen Parallaxe gut.

Der Parallaxtrend von vor ein paar Jahren ging nicht wirklich um Parallaxe, sondern um flache Illustrationen, die für immer durchblättern, um zu Inhalten zu gelangen, Einzelseiten mit linearen Erzählungen. Diese Benutzererfahrungen sind veraltet, aber Parallax selbst hat nicht, weil das Scrollen im Web natürlich ist.

Moderne Parallaxe degradiert elegant, lazy lädt Elemente und trägt positiv zur Benutzererfahrung bei. Benutzer benötigen visuelles Feedback für ihre Interaktionen und Parallax-Scrolling ist die perfekte Möglichkeit, auf die am häufigsten verwendete Interaktion des Webs, das Scrollen, zu reagieren.

Kopfparallaxe

Eine der häufigsten Implementierungen von Parallax Scrolling ist die Header-Parallaxe. Sobald Ihre Augen Tiefe sehen, ist es schwer, sie zu erkennen. Um den klassischen Eindruck von Tiefe zu erzeugen, müssen Sie ihn nur in der Kopfzeile einführen. Lassen Sie den Rest Ihres Inhalts normal scrollen.

Chris Roberts

thisisuncoated

Tim de Graag

timdegraag

Mailänder Designwoche

Design

Y7K

y7k

Kontor

Kontor

Bill Byron Weine

Billbyronwines

Die Räume

die Räume

Karen Atherley

Karenatherley

Textparallaxe

Parallax wird oft verwendet, um UX zu verbessern, indem der Textinhalt vorne und in der Mitte gehalten wird, während unterstützende Inhalte wie Bilder am Benutzer vorbeirollen.

Fletcher-Systeme

Fletchersysteme

Industrie Kunst

Industrieart

Apfel

Apfel

Eine andere Flucht

eine andere Landschaft

Ich mag Foto

Ilike-Foto

Subtile Parallaxe

Wie die ehemalige Riot Grrrl, deren einzige Anspielung auf ihre Jugendjahre eine übermäßige Begeisterung für Eyeliner an einem Samstagabend ist, ist Parallax Scrolling erwachsen geworden. Subtile Parallaxeneffekte, die auf einige wenige Elemente angewendet werden, erzeugen ein elegantes Surferlebnis, das den Benutzer fasziniert und begeistert.

Charakter

Zeichenf

Nutsandwoods

Nüsse und Hölzer

Du musst Frontend lieben

yogottalovefrontend

Heu Rosie

hayrosie

Harewood Estate

Harewödestat

Fixpunktparallaxe

Fixpunkt-Parallaxe ist ideal, um den Fokus auf Ihren primären Inhalt zu legen. Diese Art von Parallaxe ist oft nur mit CSS erreichbar und erzeugt effiziente und funktionelle Stellen. Es ist eine ideale Technik für Produktdemos.

Format

Format

Getankt

getankt

Simon Foster

Simonfosterdesign

Klassische Parallaxe

Die klassische, vollständige Parallaxerfahrung wird immer noch produziert. Es gibt Dutzende von Websites, die es mit großer Wirkung verwenden. Parallax ist jetzt weit jenseits eines Trends, es ist eine natürliche Auswirkung auf das Web, wie diese Seiten zeigen.

Pirat

Piratentoronto

L'Amour Fou

Lamourfou

Das leichte Telefon

Das Lichttelefon

Melanie F

melanie-f

Penxo

Penxo

FS Emeric

fsumerisch

Rob Krar

robkr

Samthammer

Velvethammer

Beagle

Beagle

Callens und Clo

callens-clo