FIGMOTION – Figma Plugin
📌 FIGMOTION est un plugin permettant de créer des animations dans FIGMA.
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
MOKUP
📌 MOKUP est un outil de prototypage qui monte très discrètement, mais qu’il faut garder du coin de l’oeil.
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.
Anima : padding in sketch
📌 ANIMA continue de s’imposer comme étant LE plugin SKETCH incontournable, avec l’annonce d’une fonction PADDING permettant de retailler les boutons et champs de saisie à la taille du texte qu’ils contiennent (adieu PADDY le plugin dédié…)
Micro intéractions
📌 Sujet récurrent pour moi, Les micro-interactions, et animations au service de l’expérience utilisateur.
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, ….)
ANIMISTA
📌 j’avais déjà écris sur ANIMISTA, mais je crois bien qu’ils viennent d’ajouter de nouvelles animations CSS. Il est possible maintenant d’agir sur une animation du background, de texte en opening, en ending. Toujours aussi simple d’utilisation !
Micro interactions – UX Design
📌 Un nouvel article sur l’importance des animations en tant que feedback !
