CSTLdesign News

Creative Uses of Animated GIFs to Present UI Designs

With the abundance of gestures and animations being implemented into mobile apps designers are facing the tricky problem of how you present these UI concepts. Storyboards and static screenshots don’t show any dynamism, whereas wireframes are visually plain and boring. There is one solution that seems to be catching on; the reinvention of the animated GIF. Today’s post rounds up 20 creative examples of how the traditional GIF is now being used to create some amazing UI concepts, presenting the design not only in full colour, but also with all the transitions, gestures and animations of a completed app.

 

Speedcam App Animation by Jakub Antalik

Speedcam App Animation by Jakub Antalik

First Shot in Chapps by Dmitriy Chuta

First Shot in Chapps by Dmitriy Chuta

iOS 7 Animation by Fabio Basile

iOS 7 Animation by Fabio Basile

Life Minimal App GIF by Budi Tanrim

Life Minimal App GIF by Budi Tanrim

Weather Rebound GIF by Chris Slowik

Weather Rebound GIF by Chris Slowik

Weather by Beard Chicken

Weather by Beard Chicken

iWatch Mock-Up by Thomas Bogner

iWatch Mock-Up by Thomas Bogner

GIF Animation by Sergey Valiukh

GIF Animation by Sergey Valiukh

Abracadabra App by Sergey Valiukh

Abracadabra App by Sergey Valiukh

Cat Napper! by Kevin Martin

Cat Napper! by Kevin Martin

AgenceMe Work Page by Barthelemy Chalvet

AgenceMe Work Page by Barthelemy Chalvet

AgenceMe Dashboard by Barthelemy Chalvet

AgenceMe Dashboard by Barthelemy Chalvet

Vk Concept for iOS7 by Ilya Dmitruk

Vk Concept for iOS7 by Ilya Dmitruk

AgenceMe Account by Barthelemy Chalvet

AgenceMe Account by Barthelemy Chalvet

Covert Inbox by Creativedash

Covert Inbox by Creativedash

Delete Task and Assign Task in Action by Tobs

Delete Task and Assign Task in Action by Tobs

Soccer Analytics by Monterosa

Soccer Analytics by Monterosa

Salesforce Tour by Mark Geyer

Salesforce Tour by Mark Geyer

Animation Test by Jamie Heuze

Animation Test by Jamie Heuze

myChat App Concept by Nikolay Kuchkarov

myChat App Concept by Nikolay Kuchkarov