Scorrimento parallasse nel web design - Concetti

Ora che abbiamo compreso l'origine e il background di Parallax, comprendiamo la storia e il concetto di Parallax scrolling nel web design.

Definizione

Secondo Wikipedia - Parallax scrolling è una tecnica di computer grafica in cui le immagini di sfondo si muovono oltre la telecamera più lentamente rispetto alle immagini in primo piano, creando un'illusione di profondità in una scena 2D e aggiungendo al senso di immersione nell'esperienza virtuale.

Lo scorrimento parallasse è stato impiegato nei primi giorni di animazione. Molti degli studi di animazione (come Disney) hanno utilizzato telecamere multiplano per ottenere l'effetto di parallasse.

Con l'evoluzione delle tecnologie di computer grafica e dei framework all'avanguardia come JavaScript, i web designer e gli sviluppatori possono ora creare siti con una ricca esperienza. Sebbene lo scorrimento parallasse sia iniziato con un paio di livelli, è stato portato al livello successivo con le barre di scorrimento nei computer. La tecnica è rimasta la stessa, ma grazie alla sua applicazione per lo scorrimento, è stata creata un'esperienza unica.

Esempi

Lo scorrimento parallasse è ampiamente utilizzato nei siti web moderni. Poiché lo scorrimento parallasse può essere implementato per cellulari e siti desktop in una volta sola, la popolarità di tali siti è aumentata alle stelle negli ultimi anni.

Di seguito sono riportati alcuni esempi di siti Web che utilizzano lo scorrimento parallasse:

Bear Grylls

Man mano che l'animazione procede, sarai in grado di vedere come il contenuto del sito web sta diventando interattivo. Mentre scorri in avanti, verranno rivelate sempre più informazioni.

Rendi importanti i tuoi soldi

Per presentare al lettore i vantaggi di un'unione di credito, questo sito ti guida attraverso una trama. Mentre scorri in avanti, le informazioni vengono rivelate in un modo unico.

Infografica InfoQuest

Il viaggio di un dipendente per trovare informazioni critiche sul suo posto di lavoro viene rappresentato utilizzando l'esperienza di scorrimento.

GitHub 404

Questo è un po 'diverso dalla solita esperienza di parallasse, l'oggetto nella parte superiore dello schermo si muove mentre passi il puntatore del mouse su di esso.

Applicazioni di Parallax Scrolling

A questo punto, dovrebbe essere chiaro dalla definizione e dallo sfondo che lo scorrimento della parallasse è utile in un'ampia varietà di media digitali. Alcune delle applicazioni di scorrimento parallasse sono di seguito:

Game Design

Lo scorrimento parallasse è ampiamente utilizzato nella progettazione di giochi. Il personaggio deve muoversi rispetto allo sfondo e con il controllo del giocatore tramite mouse e tastiera, l'intera esperienza deve cambiare. Il game design è un modo molto primitivo ma alla moda di usare lo scorrimento parallasse.

Siti web

Per coinvolgere l'utente nel sito Web, è importante un'esperienza dinamica e diversa. Come avrai notato dagli esempi di siti web discussi sopra, lo scorrimento parallasse si aggiunge al contenuto a causa della sua rappresentazione in modo interattivo.