30+ Websites, die Parallaxe beweisen, sind nicht tot

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

Tim de Graag

Mailänder Designwoche

Y7K

Kontor

Bill Byron Weine

Die Räume

Karen Atherley

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

Industrie Kunst

Apfel

Eine andere Flucht

Ich mag 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

Nutsandwoods

Du musst Frontend lieben

Heu Rosie

Harewood Estate

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

Getankt

Simon Foster

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.