Creative Uses of Animated GIFs to Present UI Designs

Monday, March 10, 2014

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


The post Creative Uses of Animated GIFs to Present UI Designs appeared first on Line25.







Source: http://ift.tt/1k9krUJ

No comments:

Post a Comment

 

The Cash Box Blueprint

Most Reading