WAVES : Animated background CSS / JS
📌 WAVES est un #snippet sur #Codepen proposant en quelques lignes de #HTML / #CSS / #JS une #animation de votre #background sous forme de vagues. Super sympa !
#cmondary
RIVE : Animation intéractive
📌 RIVE est un outil d’ #animation qui vous permet de concevoir, d’animer vos créations à la manière d’ #AfterEffect, avec donc une #timeline et des #keyframes. Cependant l’intérêt de cet outil réside dans le fait que l’on puisse directement interagir sur les animation en temps réel.
La version 2, encore en beta, est également disponible et permet la #coopération en ligne avec votre team :
https://beta.rive.app/
#tools #MicroInteraction #animation #cmondary
DRAMA : outil de prototypage
📌 DRAMA se présente comme un #outil tout en un. Prototypage, #animation et #Design.
J’adore ce type d’initiative, car je pense que l’on cherche tous l’outil ultime qui fera tout, mais il n’existe pas encore. Cela me fait également penser à NOVA STUDIO qui est également un bon concurrent.
#Tools #prototyping #cmondary
SVG ARTISTA : Animation svg
📌 SVG ARTISTA est un service en ligne permettant d’animer n’importe quel #SVG.
Quelques paramètres sont disponibles, mais globalement l’animation se fera sur le filet, ainsi que sur le remplissage.
Très simple d’utilisation, je vous invite à essayer 😉
#Tools #animation #cmondary
GUIDE : From Sketch / Figma to After Affect
📌 ARTICLE très complet sous forme de guide pas à pas pour créer de petites animations, et micro-intéractions sous after effect après importation des sources Sketch / Figma.
L’idée est simplement d’utiliser les animations sous #AfterEffect pour donner vie à votre interface et montre comment toutes les éléments doivent se comporter et interagir.
USE ANIMATIONS : librairie d’icônes animés au format JSON
📌 USE ANIMATIONS est une librairie d’icônes animés au format JSON.
Très pratique pour donner rapidement du feedback à l’utilisateur, sans trop surcharger les devs 😉 #Icons #Animation #Feedback #UI #cmondary
FLIGHT ICON : bibliothèque d’icons animés
📌 FLIGHT ICON est une bibliothèque d’icons animés.
Disponible en .GIF ou JSON. Elle s’avère très pratique surtout lors de la communication avec les développeurs.
Animation TIPS
📌 ARTICLE très intéressant sur les caractéristiques d’une bonne animation, d’un bon design d’interaction. Toujours à garder à l’esprit : – Les animations doivent être pertinentes – L’animation doit soutenir l’interaction – L’animation ne doit jamais ralentir l’expérience – L’animation doit être naturelle – L’animation doit refléter l’image de marque – L’animations doit tenir compte de la faisabilité technique
Lightwell
📌 LIGHTWELL propose une version FREE FOREVER, Elle ne permet de disposer de l’ensemble des fonctions d’export, mais cela reste un bon outil d’animation Timeline + Keyframe.
Uselightbox.com
📌 LIGHTBOX est un outil d’animation pour les illustrateurs qui possèdent une tablette tactile. Très simple d’utilisation l’application vous montre la frame précédente et vous invite à créer la suivante, à la manière d’un FLIPBOOK. Gratuit et sympa
FLARE : motion design app
📌 FLARE est un service en ligne permettant d’animer vos créations très simplement avec un outil TimeLine + KeyFrames, comme le propose After Affect / Hype / Kite Compositor. L’intérêt est ici de pouvoir s’essayer gratuitement et rapidement à l’animation, directement depuis son navigateur. De nombreux projets sont disponibles librement et vous permettront de les retro-ingenieurer afin de comprendre comment ils ont été réalisés !! Pratique
Myndset
📌 MYNDSET est un jeu de carte permettant de booster votre créativité. Les créateurs lancent un Kickstater le 14 mars. Affaire à suivre.
Choosing the right animation-tool
📌 Je parle souvent d’outils d’animation sur linkedin.
Projection de MERCATOR
📌 Toujours sur le sujet des projections de cartes. Petite animation trouvée sur twitter, montrant la différence entre une projection MERCATOR vs TAILLE RÉELLE des territoires émergés. Il est intéressant de voir comment ce type de représentation conditionne notre perception du monde. Certain pays continent perde un peu de leur superbe, une fois les tailles réelles respectées…
KITE : Animation HTML
📌 J’adore KITE pour rapidement animer les créas réalisées sous sketch , et maintenant sous XD également. Vraiment beaucoup plus accessible que After Effect (dans tous les sens du terme), Il permet même de générer du code directement intégrable à vos applications. Je ne comprend toujours pas pourquoi Sketch n’intègre pas nativement une timeline + Keyframe