Oltre 30 siti Web che dimostrano la parallasse non sono morti

Lo scrolling di parallasse è definito come un sito su cui l'immagine di sfondo scorre più velocemente rispetto al primo piano, creando l'impressione di profondità. Questa definizione rigida è alla base della maggior parte dei miti sulla parallasse: non è adatta a più pagine, non è adatta a siti di grandi dimensioni, è inutilizzabile sui dispositivi mobili, è una tendenza datata, fa male all'usabilità, agli utenti non piace , è male per SEO, potrei andare avanti ...

Una definizione migliore sarebbe: Parallax scrolling è un sito sul quale gli elementi scorrono a diverse velocità creando un effetto dinamico.

Come ogni cosa, lo scrolling della parallasse è dannoso per un sito Web quando è fatto male. Ma così tanti siti fanno parallasse bene.

La tendenza alla parallasse di un paio di anni fa non riguardava realmente la parallasse, si trattava di illustrazioni piatte, che scorrevano per sempre per raggiungere contenuti, siti a pagina singola con narrazioni lineari. Quelle esperienze utente sono datate, ma la parallasse stessa non lo è perché lo scorrimento sul Web è naturale.

La parallasse moderna degrada in modo elegante, pigro, e contribuisce positivamente all'esperienza dell'utente. Gli utenti hanno bisogno di feedback visivo per le loro interazioni e lo scrolling della parallasse è il modo perfetto per ottenere feedback sull'interazione più comune del Web, scorrendo.

Parallasse di intestazione

Una delle implementazioni più comuni dello scrolling della parallasse è la parallasse dell'intestazione. Una volta che i tuoi occhi vedono la profondità, è difficile scoprirla, quindi per creare la classica impressione di profondità, devi solo introdurla nell'intestazione. Lasciare il resto del contenuto a scorrere normalmente.

Chris Roberts

Tim de Graag

Milano Design Week

Y7K

Kontor

Bill Byron Wines

Gli spazi

Karen Atherley

Parallasse di testo

La parallasse viene spesso utilizzata per migliorare UX, mantenendo il contenuto del testo in primo piano e al centro mentre il supporto di contenuti come le immagini scorre oltre l'utente.

Fletcher Systems

Industria Art

Mela

Un'altra fuga

Mi piace la foto

Sottile parallasse

Come l'ex sommossa grrrl il cui unico cenno alla sua adolescenza è un entusiasmo per l'eyeliner di un sabato sera, lo scrolling della parallasse è cresciuto. I sottili effetti di parallasse applicati a pochi elementi creano un'esperienza di navigazione elegante che incanta e coinvolge l'utente.

Carattere

Nutsandwoods

Devi fare l'amore per il frontend

Hay Rosie

Tenuta di Harewood

Parallasse a punto fisso

La parallasse a virgola fissa è ideale per mantenere l'attenzione sul contenuto principale. Questo tipo di parallasse è spesso realizzabile solo con i CSS e produce siti efficienti e funzionali. È una tecnica ideale per le demo dei prodotti.

Formato

Alimentato

Simon Foster

Parallasse classica

La classica, completa, esperienza di parallasse è ancora in produzione. Ci sono dozzine di siti che lo usano con grande effetto. La parallasse è molto al di là di una tendenza ora, è un effetto naturale sul Web, come mostrano questi siti.