📌 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 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 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
📌 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 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 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.
📌 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
📌 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 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
📌 Je parle souvent d’outils d’animation sur linkedin.
📌 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…
📌 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
📌 GUIDE détaillé sur la manière de réaliser de bonnes animations motion. Le tout avec de nombreux exemples et de petites animations explicatives très graphiques.
