8种在移动应用中使用动画的富有想象力的方式

一个好的移动应用程序必须具有出色的界面设计和引人入胜的用户体验,当然,人们也可以通过外观来判断。在拥挤的市场中,开发人员必须确保他们的应用程序足够漂亮,能够脱颖而出。动画可以帮助所有计数。如果使用得当,UI动画可以帮助减少认知负担,吸引和引导用户的注意力,并使体验更容易遵循。

在我的工作中EffectiveSoft我经常建议开发人员如何将动画集成到他们的UI中以赢得客户。做对了,它确实有效。但是使用太多的动画或在错误的地方使用它们,它可能会产生刺激或嘈杂的体验。

那么,什么时候动画合适?本文汇总了一些在移动应用程序中使用动画的最佳实践,以向您展示如何构建应用程序有效的界面。有关向接口添加动作的指导,请查看这些内容CSS动画示例文章。

01.动画应用程序启动屏幕

研究表明,人们希望应用程序能够即时加载,但对于复杂的移动应用程序,这并不总是可行。加载动画可以帮助分散用户注意力并使加载时间显得比实际更短。加载屏幕有很多不同的动画选项。

一个简单的选择是使用动画徽标,如ÉdouardPuginier在他的设计中为Wit的发布屏幕做了。

App launch screens are prime locations for animations

应用程序启动屏幕是动画的主要位置

其他设计师喜欢获得更多创意,并将他们的动画与应用程序本身或其他品牌的主题联系起来。在下面的装载机设计中,安东德罗科夫已经制作了一个飞向星星的宇宙飞船。

Theme your animations to create excitement as your app loads

在您的应用加载时,为您的动画设置主题以创造刺激

02.动画登录屏幕

有些应用要求用户在启动之前登录。在这里,一个很棒的背景图可以帮助激活登录屏幕,并让新用户站在一边,这样他们就愿意花时间登录。

在下面的登录动画中,@ Herac1es使用了繁忙城市的延时动画,为登录过程增添了动力。

Jazz up a login screen with animation

用动画在Jazz上登录屏幕

其他应用程序在检查已输入的用户名和密码时会使用动画来分散查看者的注意力。在下面的空间启发概念中,OliverGünther甚至设计了错误状态。

Getting your password wrong has never been so fun

让密码错误从未如此有趣

03.动画入职屏幕

软件开发人员了解入职流程的重要性。这有助于初次使用者熟悉该应用程序 - 如果他们不了解如何使用该应用程序,那么人们将放弃该应用程序存在真正的风险。

向用户展示静态幻灯片是入职体验的常用方法,但动画演练更具吸引力,因为这种平静的入门动画来自Zhenya Rynzhuk证明。

Walk users through the app with animation

通过动画引导用户浏览应用

04.动画进展和活动指标

众所周知,人们不耐烦,讨厌等待。开发人员尽最大努力确保他们的应用程序能够顺利,快速地运行,但有时等待是不可避免的 - 例如,当需要加载某些内容或安装新元素时。

应用程序通常使用动画进度或活动指标来吸引用户的注意力。这些可以是循环的或线性的,开发人员倾向于为快速执行的操作选择不确定的指标,并确定需要超过两到三秒的操作的指标。

但是,一些应用设计师使他们的活动指标更具特色。例如,多马索圆形进度指示器变成了一只随着它移动而伸展的可爱猫咪。

What else could be a fun play on the spinning wheel?

还有什么可以在纺车上玩得开心?

Andrey Davlikanoff也为一个可爱的生物而饱满。他的小蜗牛向前移动以表明进展。

This is certainly more fun than most progress indicators

这肯定比大多数进度指标更有趣

其他开发商选择利用我们对食物的痴迷。这些指标是处理食品配送,食谱或烹饪的移动应用程序的绝佳选择。例如,Giedrius Butkus'令人垂涎的披萨预加载器设计将完美适合比萨饼送货应用程序。

Just hope your users don't get hangry

只希望你的用户不要饿

罗马Kryzhanovskyi在他的Android应用服务器搜索进度屏幕中选择了更简单的几何设计。

We love the sonar-style ripple effect (You might have to refresh to make this one play)

我们喜欢声纳式的涟漪效果(你可能需要刷新才能使这一次发挥)

最后,Mark Martemianov已经决定在他的Material Design风格的订阅按钮中组合一个循环和线性进度指示器。

下一页:按钮,菜单和错误页面的UI动画创意



翻译字数超限