Animations LOTTIE/JSON

ANIMATION JSON V/S GIF
En termes simples, les fichiers GIF sont des fichiers tramés reposant sur des pixels et des images pour leur animation. Les fichiers JSON sont créés à l’aide de vecteurs qui permettent une extensibilité et des fréquences d’images infinies. Alors que le zoom avant sur les graphiques GIF les fera se briser et sembler très pixélisés, les fichiers JSON apparaissent lisses à n’importe quelle taille et à n’importe quelle vitesse.
Voici une animation JSON que j’ai réalisée pour ma page de contact. L’animation apparaît comme une animation GIF en boucle mais avec un arrière-plan transparent propre (l’arrière-plan blanc est la page)
L’animation JSON prend en charge la transparence totale de l’arrière-plan. Vous pouvez voir que quelle que soit la couleur de l’arrière-plan de votre site, l’animation JSON se superposera sans les bordures dentelées.
UNE ANIMATION JSON?
Un format de fichier d’animation basé sur JSON permet aux concepteurs d’envoyer des animations sur n’importe quelle plate-forme aussi facilement que d’envoyer des images statiques. Ce sont de petits fichiers qui fonctionnent sur n’importe quel appareil et peuvent être agrandis ou rétrécis sans perte de qualité (sans pixellisation).
Le format JSON (Java Script Object Notation) prend vos images & animations et les présente dans un format texte lisible. Lorsqu’elles sont rendues au format JSON, vos données ressemblent à un étrange langage de robot (pour la plupart). Voici un exemple d’extrait de données JSON rendues ci-dessous.
Voici ci-dessous quelques animations JSON que j’ai réalisées pour illustrer des pages spécifiques de ce site Web. Les sites Web et les applications mobiles sont un excellent endroit pour déployer et utiliser ces types d’animations. Ceux-ci peuvent être utilisés comme animations de chargement, éléments interactifs, boutons et autres éléments UI / UX.
Donnons vie à votre message!