Le défilement de parallaxe est défini comme un site sur lequel l'image d'arrière-plan défile plus rapidement que l'avant-plan, créant ainsi une impression de profondeur. Cette définition rigide est à la base de la plupart des mythes sur la parallaxe: elle ne convient pas à plusieurs pages, elle ne convient pas aux grands sites, elle est inutilisable sur mobile, c'est une tendance obsolète, elle est mauvaise pour l’utilisation, les utilisateurs ne l’aiment pas. , c'est mauvais pour le référencement, je pourrais continuer ...

Une meilleure définition serait: le défilement de la parallaxe est un site sur lequel les éléments défilent à des vitesses différentes créant un effet dynamique.

Comme pour tout, le défilement de parallaxe est mauvais pour un site Web quand il est mal fait. Mais tant de sites font bien parallaxe.

La tendance de parallaxe d'il y a quelques années n'était pas vraiment liée à la parallaxe, elle concernait les illustrations plates, le défilement permanent pour accéder au contenu, les sites à page unique avec des récits linéaires. Ces expériences utilisateur sont datées, mais la parallaxe elle-même n’a pas lieu d’être parce que le défilement sur le Web est naturel.

La parallaxe moderne dégrade avec élégance les éléments de charge paresseux et contribue positivement à l'expérience de l'utilisateur. Les utilisateurs ont besoin d'une rétroaction visuelle pour leurs interactions, et le défilement de parallaxe est le moyen idéal pour obtenir des commentaires sur l'interaction la plus courante du Web, le défilement.

En-tête de parallaxe

L'une des implémentations les plus courantes du défilement de parallaxe est la parallaxe d'en-tête. Une fois que vos yeux voient la profondeur, il est difficile de le voir, alors pour créer l'impression classique de profondeur, il suffit de l'introduire dans l'en-tête. Laisser le reste de votre contenu défiler normalement.

Chris Roberts

ce n'est pas revêtu

Tim de Graag

timdegraag

Milan Design Week

designdo

Y7K

y7k

Kontor

kontor

Bill Byron Wines

billbyronwines

Les espaces

les espaces

Karen Atherley

Karenatherley

Parallaxe du texte

Parallax est souvent utilisé pour améliorer UX, en conservant le contenu du texte à l'avant et au centre tout en prenant en charge le contenu comme les images défilent devant l'utilisateur.

Systèmes Fletcher

Fletchersystems

Art de l'industrie

industryart

Pomme

Pomme

Une autre évasion

autreescape

J'aime la photo

ilike-photo

Parallaxe subtile

Comme l’ancienne émeute grrrl dont le seul signe de l’adolescence est un enthousiasme excessif pour l’eyeliner un samedi soir, le défilement de la parallaxe a pris de l’ampleur. Des effets de parallaxe subtils appliqués à quelques éléments créent une expérience de navigation élégante qui séduit et engage l'utilisateur.

Personnage

personnagesf

Nutsandwoods

bois de noisetier

Tu dois avoir l'amour frontend

yougottalovefrontend

Hay Rosie

hayrosie

Harewood Estate

maillot de bain

Parallaxe à point fixe

La parallaxe à virgule fixe est idéale pour garder le focus sur votre contenu principal. Ce type de parallaxe est souvent réalisable avec CSS seul et produit des sites efficaces et fonctionnels. C'est une technique idéale pour les démonstrations de produits.

Format

format

Alimenté

alimenté

Simon Foster

simonfosterdesign

Parallaxe classique

L’expérience classique de parallaxe est toujours en cours. Il y a des dizaines de sites qui l'utilisent à bon escient. La parallaxe est bien au-delà d'une tendance actuelle, c'est un effet naturel sur le Web, comme le montrent ces sites.

Pirate

piratetoronto

l'amour fou

l'amour fou

Le téléphone léger

le phare

Mélanie F

melanie-f

Penxo

penxo

FS Emeric

fsemeric

Rob Krar

robkrar

Velvet Hammer

velvethammer

Beagle

beagle

Callens & Clo

callens-clo