网站建设
移动互联网
品牌设计
创新应用
新闻动态
网站百科

移动应用里的转场动画设计

时间:2018-06-07 13:49:29 来源:追天 类型:网站百科
字号:   

网站设计中,转场动画可以通过很多种方式来强化用户行为,那移动应用里有些什么转场动画呢?在这篇文章中,我们将讲述当功能性的动画补充视觉设计和支持交互时的常见情况。

动画是用户体验的重要组成部分。当涉及到移动应用的转场时,你可以通过细致的动画传递丰富的信息。发送信息、打开设置、点击复选框、导航去其他页面-这些都是变化的时刻,对转场进行动画设计是一种强化用户行为的绝佳方式。

一、提供系统的状态

  当用户触发了某些操作时,他们期望得到一个视觉反馈,系统需要清晰地表明它已经接收到这个操作请求同时正在运行中。

  这里有一些有益于用户体验的动画反馈案例:

  1. 确认用户操作

  用户得到系统对于该操作的确认,当用户可以得到有效的视觉反馈,这就可以防止用户重新点击操作元素。

  2. 使用下拉刷新对于页面的内容进行更新

  加载提示的视觉反馈帮助用户理解系统正在对于用户的请求做处理。

3. 等待内容加载

  加载并不一定很枯燥,几乎所有的移动应用都可以在页面加载时,利用微妙的动画来防止用户离开。加载动画可以持续占据用户的视觉反馈,结果就是用户感觉等待的时间更短。

 二、在任务流程中连接不同的步骤

  有时用户需要一系列的步骤来完成操作,而这些步骤需要清晰的标明他们是紧密相连的,动画能够帮助你连接不同的步骤创造一个完整的体验。

动画可以帮助设计师创造渐进式展现,渐进式展现通过减少同一时间内信息量的展现,使界面更加简单易学。

 三、引入新元素

  当我们在页面上引入一个新的元素时,我们尝试将用户的注意力聚焦在这个对象上,同时帮助他们回答这样一个问题:“为什么我会看到这个新对象”?

  动画可以帮助你在引入新元素时定义对象之间的关系和层级。

四、提供用户空间方位感

  动画能够帮助用户构建空间感更好的心智模型,尤其是对手机用户而言,在小屏幕上进行短时间关注这种组合方式,很容易导致用户在屏幕之间迷失方向。

  我们可以用动画引导用户,动画有助于解释信息如何从一种状态流向另一种状态。通过向用户提供关于他们目前正在进行的操作的信息,可以防止用户迷失方向。


上一条: 行业门户网站制作前先要整理思路  下一条: 今年流行这3种网页设计趋势

400-700-4979

无论您在哪里,尚品都愿意为您提供高价值服务! 请选择您方便的咨询方式:

0.020639s