Animations Lottie/JSON
Voici ci-dessous quelques animations Lottie/JSON que j’ai réalisé avec le logiciel Adobe After Effects et rendu sous forme d’un fichier JSON/LOTTIE à l’aide du logiciel Bodymovin. Ce type de fichier est idéal pour les sites web et les applications. Ceux-ci peuvent être utilisés comme animations de chargement, éléments interactifs, boutons et autres éléments UI/UX.
Voici une animation Lottie/Json que j’ai réalisée pour montrer comment je transforme des chiffres et des données fastidieux en infographies étonnantes avec de belles icônes.
En termes simples, les fichiers Lottie/JSON sont créés à l’aide de vecteurs qui permettent une évolutivité et des fréquences d’images infinies. Lors d’un zoom avant, les fichiers JSON apparaissent fluides à n’importe quelle taille et à n’importe quelle vitesse.
Voici une animation LOTTIE/JSON que j’ai réalisée pour ma page ‘CONTACTEZ-NOUS’ sur ce site. L’animation apparaît comme une animation GIF en boucle mais avec un arrière-plan transparent propre. Vous remarquerez que vous ne pouvez PAS télécharger l’image si vous faites un clic droit dessus pour l’enregistrer sur votre ordinateur.
Qu’est-ce qu’une animation JSON?
Un format de fichier d’animation basé sur JSON permet aux concepteurs d’expédier des animations sur n’importe quelle plate-forme aussi facilement que d’expédier des éléments statiques. Ce sont de petits fichiers qui fonctionnent sur n’importe quel appareil et peuvent être agrandis ou retrecis sans perte de qualité (sans pixellisation).
Le format JSON (Java Script Object Notation) prend vos images & animations et les transforme dans un format texte lisible. Lorsqu’elles sont rendues au format JSON, vos données ressemblent à un langage robot étrange (pour la plupart). Voici un exemple d’extrait de données JSON ci-dessous.
