DESIGN DEL SITO WEB
Cos'è lo scorrimento parallasse?
Lo scorrimento parallasse è una tecnica grafica di web design in cui le immagini di sfondo si muovono a un ritmo più lento rispetto a quelle in primo piano creando l'illusione di un effetto 3D di profondità mentre i visitatori scorrono la pagina web. La tecnica è nata dalla tecnica della telecamera multipiano utilizzata nell'animazione tradizionale sin dagli anni '1930.
La parallasse si basa sull'illusione ottica. Poiché l'occhio umano percepisce gli oggetti vicini a noi come più grandi di quelli più lontani, percepiamo gli oggetti distanti come se si muovessero più lentamente.
L'illusione è stata a lungo adottata nella parallasse attraverso diversi mezzi, favorendo un effetto realistico. Il suo primo utilizzo fu nell'animazione tradizionale, risalente addirittura a Biancaneve e i sette nani della Disney, e nei videogiochi come Super Mario.
Con i progressi nei CSS e nell'HTML, gli effetti di parallasse si sono successivamente evoluti nel mondo del web design come lo conosciamo oggi.
Lo scorrimento parallasse è una tecnica di scorrimento speciale utilizzata nel web design in cui le immagini di sfondo in una pagina Web si muovono più lentamente rispetto alle immagini in primo piano, creando un'illusione di profondità su un sito bidimensionale.
È una delle tecniche di progettazione più utilizzate nel web design in questo momento, ma anche qualcosa che probabilmente non ti rendi nemmeno conto di aver già sperimentato.
È un movimento semplice a cui sei già abituato e ha contribuito a rendere molti siti Web dinamici e interattivi.
Se scegli di usarlo, è importante fare un brainstorming su come la parallasse potrebbe influenzare anche l'esperienza mobile. Per aumentare la velocità del sito e non compromettere troppo l'usabilità mobile, in genere si consiglia di ridurre lo scorrimento parallasse o di rimuoverlo completamente.
Ricordati di pensare prima a tutti i casi in cui potresti volerlo utilizzare e a come deve essere adattato per gli utenti su più dispositivi.
Per saperne di più qui.
Collegamento aggiuntivo:
[optin-monster slug=”em8z7q6hga9elmy1dbgb”]