Inspiration · Interfaces et applications
Motion.ed
Animations d’interface présentées pour montrer comment le mouvement installe l’ambiance d’une marque.
Motion.ed est un site réalisé par le studio digital Zajno, consacré à l’animation d’interface. Il montre comment l’animation UI et UX met en avant les détails à remarquer, aide à naviguer et exprime l’ambiance et le caractère d’une marque ou d’un produit.
Le site détaille huit techniques d’animation d’interface : l’easing, le décalage et le délai, l’entrée et la sortie en fondu, la transformation ou morphing, le masquage, le changement d’échelle, la parallaxe et le zoom. Chacune est expliquée et accompagnée d’exemples de mise en œuvre. Le site distingue aussi les interfaces interactives en temps réel de celles qui répondent après l’interaction.
Pour un·e graphiste ou un·e designer d’interface, ce guide aide à choisir un type de mouvement selon l’effet recherché et à comprendre comment une animation peut installer l’ambiance d’une marque. Il convient aussi à qui découvre l’animation d’interface.
Dans la même rubrique
-
60fps Design
60fps.design (site externe, nouvelle fenêtre)
Collection d’animations d’interface fluides présentées en vidéo, pour s’inspirer des micro-interactions.
-
ABTest.Design
abtest.design (site externe, nouvelle fenêtre)
Études de cas de tests A/B sur des interfaces réelles, avec les variantes comparées.
-
Appshots
appshots.design (site externe, nouvelle fenêtre)
Collection d’écrans d’applications, pour s’inspirer de leur interface.
-
Bento Grids
bentogrids.com (site externe, nouvelle fenêtre)
Collection de mises en page en grille de type bento, à parcourir pour s’inspirer.
-
Built for Mars
builtformars.com (site externe, nouvelle fenêtre)
Analyses d’expérience utilisateur de produits numériques populaires, avec études de cas.
-
Calltoinspiration
calltoinspiration.com (site externe, nouvelle fenêtre)
Bibliothèque d’inspiration pour les designers UX et les développeurs, classée par composant.