ANIMOCKUP : mockup animé
📌 ANIMOCKUP est un outil en ligne de mockup animé. Les exports peuvent se faire sous forme de video ou de GIF animé.
FIGMOTION – Figma Plugin
📌 FIGMOTION est un plugin permettant de créer des animations dans FIGMA.
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
Motion in design
Je suis moi même intimement convaincu de l’interêt du motion dans l’UX. Un très bon article sur le sujet
Moshn : Veille motion design
📌 MOSHN est un portail de veille pour le motion design. Si vous chercher de l’inspiration alors c’est le bon endroit. L’ensemble est bien classé et fait bien le job
The ultimate guide to proper use of animation in UX
📌 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.
Motion Periodic Table
📌 FOXCODEX est un tableau périodique du MOTION DESIGN.
Keyframes.net
📌 KEYFRAMES est un site communautaire, sous forme de chat, permettant d’échanger sur le motion design, 3D, et tous logiciels proposants une TIME LINE + KEYFRAMES
HAIKU
📌 HAIKU intègre maintenant FIGMA, en plus de SKETCH…
Motion Design : Le recueil
📌 Très bon article sur le Motion Design. J’aurai tendance à utiliser KITE ou HYPE TUMULT pour effectuer ce genre de projet. Je compte bien essayer rapidement SVGATOR pour les petites animations de feedback et les intégrer à un proto (https://app.svgator.com/) Et enfin pour compléter cet article, je vous met un lien un autre article sur le même sujet :
https://www.webdesignerdepot.com/2017/10/3-smart-ways-to-engage-users-with-animation/Micro Interactions et Ergonomie
📌 les animations ne sont pas seulement esthétiques mais permettent d’être en accord avec un certain nombre de critères ergonomiques
