El Effetto parallasse è il componente web di cui senti più parlare oggi. Dire che è un trend da almeno un anno non basta. Dopo il boom di HTML5, CSS3, jQuery e siti di una pagina (composti da un'unica pagina), questo effetto ottico ha raggiunto i siti più all'avanguardia per stupirci.
Se navighiamo in rete vedremo che, nella maggior parte delle pagine, il suo utilizzo è sperimentale. Soprattutto nella categoria dei portafogli online, i designer danno libero sfogo alla loro immaginazione dimostra la tua abilità e prova a fare un passo in più rispetto a quello che ha fatto il partner della porta accanto. Qui ti portiamo una raccolta di 6 siti Web con Parallax da vedere e commentare.
Cos'è Parallax?
Cominciamo dall'inizio, di cosa si tratta Parallax? Questo non consiste altro nel far sì che, quando ci spostiamo verticalmente attraverso la pagina (cioè scorriamo), lo sfondo si sposta a una velocità molto più lenta rispetto agli altri elementi. È come se il nostro sito web fosse diviso in due o più livelli di Photoshop. E ciò che ottiene l'effetto Parallax è darci il sensazione di profondità, che molti chiamano anche effetto 3D.
Con tutte queste "novità" non bisogna mai lasciarsi trasportare dalle tendenze al punto da dimenticare il vero scopo di una pagina web: comunicare, dì qualcosa. E ho visto numerosi sitis in cui la creatività delle immagini e degli elementi che magicamente si muovono sullo schermo è così travolgente che il mio sguardo evita di fermarsi a leggere ciò che vi si racconta.
6 Esempi di siti web con l'effetto Parallax
- Ciclomon: Effetto di parallasse che funziona e vantaggi. C'è poco testo, molto conciso, che è accompagnato da a illustrazione questo sta cambiando con lui. In questo caso l'effetto non mi disturba: mi aiuta ad interessarmi a contenuti che, narrati in altro modo, non mi avrebbero minimamente attratto.
- L'unità: Sono attratto dalla qualità del immagine che corona il web. Tuttavia, l'abbondanza di immagini e la bassa altezza data a ciascuna sezione mi fuorviano. L'effetto Parallax non mi disturba, ma penso che le sezioni più alte ne guadagnerebbero di più. A proposito: se chiudi il web e lo riapri, l'immagine principale cambia.
- Titanic: Semplicemente fantastico e brillante. La prima volta che sono entrato, non ho potuto evitare di scorrere tutto il tempo, finché non sono arrivato alla fine. Quindi sono tornato all'inizio del web per leggere il contenuto, godendomi di nuovo l'effetto Parallax. Mi dirai cosa ne pensi.
- Sony: Se hai cercato su Internet esempi di Parallax, molto probabilmente hai visto questa pagina. Ed è logico, perché il risultato è sorprendente. La migliore applicazione dell'effetto che ho visto finora, senza esitazione.
- Soleil noir: Mi ricorda molto di Cyclemon. Sono anche illustrazioni combinate con poco testo. Mi piace molto la barra laterale classificata per colore, che ci dà la possibilità di tornare indietro o avanzare a qualsiasi sezione.
- Di pesce: Scusa, non sono convinto. È un sito che mi fa girare la testa: ci sono troppi elementi, ho la sensazione che tutto si stia muovendo ... non mi piace proprio. Cosa ne pensi?
- Gilgul: Ho adorato le gif di sfondo. Non capisco niente di quello che dice sul web, ma mi piace.
Che effetto curioso quello di Paralax, mi piacerebbe molto imparare come si ottiene praticarlo e includerlo in uno dei miei progetti web.
Come si accede ad avere questi design?