• A la une
  • Catégories
  • Dossiers
  • +

30 animations d'interfaces mobile & web originales et innovantes en gif

par Vincent Ginetle 24/07/2015

On termine cette semaine avec une belle sélection d'animation qui vous fera découvrir une multitude d'interactions surprenantes et originales !

Des gifs, des gifs, des gifs !!

La tendance des animations réalisées en gif pour les interfaces est comparable à l'engouement pour les infographies qu'il existe actuellement. On apprécie vraiment de découvrir ces petites animations, qui nous surprennent et change des présentations web en simple maquettes fixes. Ce qui rend cette découverte attrayante et qu'on ne sait pas à quoi s'attendre quand le gif démarre, on peut trouver un grand nombre d'idées et d'astuces en ergonomie qui peuvent être retranscrites dans nos projets.

Cette sélection est notre première de l'année, vous pouvez découvrir ou redécouvrir nos deux derniers articles sur le sujet, notamment celui spécialisé dans les logos animés !
Les animations autour des logos : 25 exemples en mouvement
30 animations dynamiques et surprenantes en gifs

Si vous souhaitez réaliser vos propres gifs animés, découvrez cet article qui explique les différentes étapes (En Anglais)
Comment exporter un GIF animé en utilisant Adobe Photoshop et After Effects

Nous espérons que cette sélection pourra vous faire découvrir de belles animations afin de vous donner de l'inspiration ou simplement vous étonner.

Bonne découverte !

Clutch – Edit Mode par Mick Bailey

Edit mode slo

iWatch Mockup par Thomas Bogner&mdash

iWatch Mockup by Thomas Bogner—The Best iPhone Templates → store.ramotion.com

Weather Paging Animation with Framer par Kenny Chen

Paging animation

Mob Fest Explainer video (animation) par Toondra

Toondra

[GIF] Simpl Buy par Adil Siddiqui

Simpl

Credit Card Payment par Artem Borodynya

Credit Card Payment by Artem Borodynya—The Best iPhone Device Mockups → store.ramotion.com

Apple Watch Pattern Library par Hanna

Apple Watch Pattern Library by Hanna Jung—store.ramotion.com

Smart Socket App par Kingyo

Smart Socket App by Kingyo—The Best iPhone Device Mockups → store.ramotion.com

Device roling par Judith

Compu

Flat Browser - Animation par Donart Bytes Selimi

Dribbblahhh

Day 8 – Fitness App Rebound par Artem Borodynya

Day 008   fitness app

Rebound of a rebound of a... par Andrew Daly

Open uri20150723 3 1rq5lgm

Pull down animation par Olga Mikhailenko

Pull down animation by Olga Mikhailenko—The Best iPhone Mockups → store.ramotion.com

Tab Interaction par Srikant Shetty

Tab Interaction by Srikant Shetty—The Best iPhone Mockups → store.ramotion.com

Currency Status par Artem Borodynya 

Currency Status by Artem Borodynya—The Best iPhone Device Mockups → store.ramotion.com

‘Tap, Swipe, Boop, Bop’ par Clarke Harris 

‘Tap, Swipe, Boop, Bop’ by Clarke Harris—The Best iPhone Device Mockups → store.ramotion.com

Smart Socket App 02 par Kingyo 

Smart Socket App 02 by Kingyo—The Best iPhone Device Mockups → store.ramotion.com

Omni Swipe Boost par Vinsonkon

Omni Swipe Boost by Vinsonkon—The Best iPhone Device Mockups → store.ramotion.com

Challenge Accepted par Josh Giblette 

Challenge Accepted by Josh Giblette—The Best iPhone Device Mockups → store.ramotion.com

Fitness Apple Watch App

Fitness Apple Watch App—The Best iPhone Mockups → store.ramotion.com

Delivery Card par Ramotion 

Delivery Card by Ramotion—The Best iPhone Mockups → store.ramotion.com

Konvene tutorial par SFCD 

Konvene tutorial by SFCD—The Best iPhone Mockups → store.ramotion.com

OS Lock Screen Interaction par Sanjay Patel

OS Lock Screen Interaction by Sanjay Patel—The Best iPhone Mockups → store.ramotion.com

The Elusive FAB par Michael B. Myers Jr.

The Elusive FAB by Michael B. Myers Jr.—The Best iPhone Mockups → store.ramotion.com

Yota Icons par SFCD

Yota Icons by SFCD—The Best iPhone Mockups → store.ramotion.com

Unlock Animation par Miroslav Vitula

Unlock Animation by Miroslav Vitula—The Best iPhone Mockups → store.ramotion.com

Apple Watch Spotify par Boris Borisov

Apple Watch Spotify by Boris Borisov—The Best iPhone Mockups → store.ramotion.com

Loan Manager Application par Hanna Jung

Loan Manager Application by Hanna Jung—The Best iPhone Mockups → store.ramotion.com

GPS Speed for Apple Watch par Alterplay 

GPS Speed for Apple Watch by Alterplay—The Best iPhone Mockups → store.ramotion.com

Navigation at the bottom par Aurélien Salomon

Navigation at the bottom by Aurélien Salomon—The Best iPhone Mockups → store.ramotion.com

  • Partager l'article en 1 clic !

    N'hésitez pas à aider le BlogDuWebdesign
Avatar_thumbAuteur : Vincent voir son blog

Passionné par le Web, les Arts Graphiques et les installations numériques, je travaille actuellement dans l'agence Dezup que nous avons créé avec l'équipe du BlogDuWebdesign.

Devenez membre !

Rejoignez la communauté des créatifs du web !
- Partagez vos créations
- Gagnez en visibilité
- Créez votre blog facilement
> En savoir plus

Créer mon compte
twitter birdtwitter birdtwitter birdtwitter birdtwitter bird
twitter bird
Ouvrir