.design .design

Meilleures UI Animations – juin 2016

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.

17 Items dans cette collection

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.

Day009-Recipe App

Material calendar

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.

Material calendar

Curated playlists

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.

Curated playlists

UI Day 035 Blog Post

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.

UI Day 035 Blog Post

Ticket Concept

Micro-interaction mettant en scène une ouverture de panel au sein d'un concept d'application de gestion de tickets.

Ticket Concept

Notification icône

Micro-interaction sur une icône de notification. Cette interaction avec le marqueur rouge et l'icône cloche est bien trouvée.

Notification icône

Animated flow MR. Meow app

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.

Animated flow MR. Meow app

Apple Music for Mac

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.

Apple Music for Mac

Bouton Download-Open

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).

Bouton Download-Open

Calories Calculator

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.

Calories Calculator

Concept Web Radio

Enchaînement de micro-interactions sur un concept de player pour une Web radio.

Concept Web Radio

ToFind - Concept Controller

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.

ToFind - Concept Controller

Mr. Meow site web application

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.

Mr. Meow site web application

Concept appli événements

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.

Concept appli événements

Concept landing page Casa Mia

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.

Concept landing page Casa Mia

Accédez au meilleur des interfaces directement depuis votre boîte mail

Explorez le meilleur du design interactif

9 sections pour développer vos talents. Des centaines de trucs cools à découvrir.