Day009-Recipe App
Interaction de scroll au sein d'une application de recettes de cuisine et mise en scène de la transition d'écran entre la liste de recettes et le détail d'une fiche recette.
Le mois de juin est bien avancé, j'en ai donc profité pour sélectionner ce qui s'est fait de mieux en terme de design d'animations durant ces dernières semaines. Comme d'habitude, le focus est fait sur le design mobile car la majorité du design interactif concentre ses concepts d'UI animation sur les petits écrans. Si vous avez envie de mouvement, que vous ne pouvez plus encadrer ces JPGs plats, sans âme, explorez cette collection des meilleures UI animations mobile et Web.
Interaction de scroll au sein d'une application de recettes de cuisine et mise en scène de la transition d'écran entre la liste de recettes et le détail d'une fiche recette.
Animation d'une interface d'application Material Design avec un fragment de micro-interaction entre une vue calendrier et le détail d'une date.
Micro-interaction mettant en scène le scroll au sein d'un listing de playlists et la transition de navigation suite à l'action de play.
Un grand classique de l'UI animation : la transition entre une vue liste et le détail d'un article de blog. La transition et le loading de l'image adopte un mouvement naturel.
Micro-interaction mettant en scène une ouverture de panel au sein d'un concept d'application de gestion de tickets.
Micro-interaction sur une icône de notification. Cette interaction avec le marqueur rouge et l'icône cloche est bien trouvée.
Ensemble de transitions d'écran et de micro-interactions pour une application mobile. L'animation d'illustrations apporte une grande valeur ajoutée pour mettre en exergue l'univers et l'identité de l'application.
Une suite de micro-interactions sur un concept de player Apple Music avec une mise en avant de la transition audio / vidéo du son en écoute.
Le bouton d'action 3-en-1 : la mise en scène en un unique composant de l'appel à l'action (download), du feedback (progress bar) et de la promesse (open file).
Configurateur pour un ecommerce de compléments alimentaires permettant de spécifier ses besoins. La configuration en dual screen et la transition vers la page de résultat sont intéressantes.
Enchaînement de micro-interactions sur un concept de player pour une Web radio.
Mise en scène de l'exploration d'une liste via un scroll horizontal et transition d'écran pour accéder au contenu d'un item de la liste.
Animation du scroll pour le site Web de l'application Mr. Meow. Les jeux d'encadrés permettent de belles transitions entre les sections de page.
Micro-interaction mettant en scène l'accès à un panel d'outils pour éditer une liste d'items.
Mise en scène d'une exploration d'événements via une carte et une liste à scroll horizontal. Animation du parcours d'exploration d'une fiche événement.
Micro-interaction autour d'un composant d'édition.
Concept de site Web pour un restaurant italien. L'écran de l'application iOS est synchronisé avec le scroll de l'utilisateur. Il est également possible d'interagir directement avec l'interface de l'appli.
9 sections pour développer vos talents. Des centaines de trucs cools à découvrir.