Animazione cursore: una squadra di cursori costruisce la pagina

Animazione cursore riproduce una costruzione su una pagina reale: una squadra di cursori, ognuno con il suo colore, mette insieme ciò che vede il visitatore, come si fa in uno strumento di design. Un cursore preme sull’angolo in alto a sinistra di un elemento, si trasforma in un mirino e trascina un riquadro di selezione fino all’angolo opposto mentre l’elemento si riempie al suo interno, con le dimensioni mostrate in tempo reale e guide punteggiate che arrivano dai bordi dello schermo. Titoli e paragrafi, invece, vengono digitati una lettera alla volta. La prima schermata viene costruita al caricamento e il resto man mano che entra nello schermo con lo scorrimento, e ogni cursore resta fermo dove ha finito.

Come funziona

1. 01

   Scegli una pagina

   Parti da una landing page, un’area di lavoro di prodotto o un articolo di rivista, e scorri l’anteprima per vedere ogni parte costruita man mano che entra nello schermo.

2. 02

   Regola la squadra

   Scegli cosa costruisce (mentre scorri, la prima schermata o la pagina intera), come arriva il testo e il ritmo. Nell’elenco Squadra dai a ogni cursore il suo colore, nome e immagine (una foto o il tuo logo, su un cursore o su tutti), aggiungi o togli cursori e scegli la dimensione delle etichette con il nome e cosa fanno i cursori dopo la costruzione.