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 !
LIGHTWELL : design to code pour application mobile
📌 LIGHTWELL est une application permettant de créer des applications interactives pour iPhone et bientôt Android.
Haiku Animator
📌 HAIKU est un projet assez proche de SVGator, et permet donc de créer des animations intéractives.
WEBFLOW : outil de conception complet
📌 WEBFLOW permet maintenant de créer des animations en reprenant un peu le concept de l’inspector de KEYNOTE.
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 😉