30个关于手机APP界面UI动画的GIF例子欣赏
当我们展示一个概念APP时,单调的界面UI图片只能单调的现实一部分效果,并不能让你的APP看起来是真的,也不能展示整改交互流程给所有人。如果你想打动你的“甲方”(也许是真正的甲方,也许是公司内的需求方或老板),使用GIF动画将会使你的APP概念效果更加逼真、有动态效果,最后引人入胜。
下面是我们的UI移动APP程序动画,它会激励你下次做一样的动画去给“甲方”展示。
1.Speedcam App Animation by Jakub Antalík for Sygic.com
2.Designer Screen GIF-Animation by Sergey Valiukh for Tubik Studio
3. Gif Animation of Template Gallery by Sergey Valiukh for Tubik Studio
4.Weather Rebound by Chris Slowik
5. Curl by Nicolas Girard
6. GIF – Workflow Payment by Barthelemy Chalvet for AgenceMe
如果你屏幕内容滚动的粉丝,那么你可能认为这个APP动画有点过了,但是如果你不是,那么你一定会同意 Barthelemy Chalvet 的作品很棒,这个动画流畅、快速。该GIF中有显示支付过程,它不仅仅看起来整洁,而且方便。
7.FaceScan App by George Frigo
这个动画只持续了12秒,但很明显你已经知道它是做什么的,它可让用户通过互联网组织自己的照片。
8.WIP Discover Music app by Alexander van Ravestyn
9.Walkthrough Animation by Devin Ruppert
10. Interaction Overview by Mihnea Zamfir
虽然很简单,但是不得不说这个APP的删除动画集简单、美丽和功效于一身!
11. Delete Task and Assign Task to Your Teammate in Action by Tobs
12. Menu Interaction GIF by Ben Dunn
毫无疑问这个菜单超有吸引力,它从左侧滑出非常优雅,难道你不喜欢它这种弹出方式吗?
13. Abracadabra App by Sergey Valiukh for Tubik Studio
这个菜单的交互方式非常了不起,特别是折叠效果。
14. Showtime App by Luft
15. iOS 7 Animation by Fabio Basile
16. Life Minimal App by Budi Tanrim
17. Weather by BeardChicken
18. Account by Barthelemy Chalvet for AgenceMe
19. Work Page by Barthelemy Chalvet for AgenceMe
20. Covert Inbox by Creativedash
21. Soccer Analytics by Monterosa
22. Tour by Mark Geyer for Salesforce UX D
23. Loading Animation by Nicolas Girard
24. Photo Navigation Concept by Chapps
25. Fiche Workflow Payment by Barthelemy Chalvet for AgenceMe
26. Map Pin Bubble by Ben Cline for RALLY
27. Menu (Animation) by Nest
28. First Shot by Plady
29.Shines GIF UI Animation
30. Exercise Screen by Vitaly Rubtsov for Yalantis
31. Animated Sliding Tab Bar by Virgil Pana
总结
UI和UX(用户体验设计师)开发者都意识到,使用界面动画来展示它们的作品除了可以更容易打动需求方并且可以提升固有的艺术性。使用GIF动画,可以避免花很长的时间去给客户解释相关的功能。无论APP界面截图多么漂亮,也比不上增加一个短暂的界面操作动画所带来的效果震撼和生动感觉。