Animation de curseur : une équipe de curseurs construit la page
L’Animation de curseur joue une construction sur une vraie page : une équipe de curseurs, chacun de sa propre couleur, assemble ce que voit le visiteur, comme on le fait dans un outil de design. Un curseur appuie sur le coin supérieur gauche d’un élément, devient un réticule et fait glisser un cadre de sélection jusqu’au coin opposé pendant que l’élément se remplit à l’intérieur, avec sa taille affichée en direct et des repères en pointillés qui arrivent depuis les bords de l’écran. Les titres et les paragraphes, eux, sont tapés lettre par lettre. Le premier écran est construit au chargement et le reste à mesure qu’il apparaît au défilement, et chaque curseur s’arrête là où il a terminé.
Comment ça marche
Choisissez une page
Partez d’une landing page, d’un espace de travail produit ou d’un article de magazine, et faites défiler l’aperçu pour voir chaque partie se construire à mesure qu’elle apparaît.
Réglez l’équipe
Choisissez ce qu’elle construit (au défilement, le premier écran ou la page entière), la façon dont le texte arrive et la cadence. Dans la liste Équipe, donnez à chaque curseur sa couleur, son nom et son image (une photo ou votre logo, sur un curseur ou sur tous), ajoutez ou retirez des curseurs, et choisissez la taille des étiquettes de nom et ce que font les curseurs après la construction.