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.
TIMELINE Sketch Plugin
📌 Le plugin Sketch TIMELINE (de anima) se met à jour et propose dans sa version 2 de créer des composants interactifs.
Brush.ninja
📌 BRUSH NINJA est un service web permettant de créer de petites animations GIF, frame par frame.
Three-dots
📌 THREE DOTS est un petit projet sur Github sympa qui fourni 14 types différents d'animations CSS , des fameux 3 petits points qui vous invite à patienter. Il est amusant de retrouver sur une même base de 3 petits points , différentes conventions de signifiance des codes (Chargement, traitement en cours, écriture en cours, ....)
Sketchgif.me : sketch plugin
📌 GIFME est un plugin pour sketch permettant l'ajout de GIF directement dans 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/
Petit tuto de Pablo Stanley sur l'utilisation de Keynote
📌 Un petit tuto de Pablo Stanley sur l'utilisation de Keynote pour réaliser des animations de parallax.
12 free AE tutorials for UX
📌 Parce que j'aime vraiment After Effect que cela reste un outil très puissant pour matérialiser les animations, transitions, et feedbacks de vos interfaces. Voici des petits tutoriaux pour ceux qui voudraient s'y essayer 😉
STORYBOARDER : logiciel gratuit d'animation
📌 STORYBOARDER est un outil vraiment sympa pour animer vos illustrations crayonnées.
SUPERNOVA : conception d'interface et application mobile
📌 SUPERNOVA est une application qui va vous permettre de transformer votre création Sketch en application mobile.
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