2.2 动效作用
随着计算机软硬件技术和通信技术的发展，动效已广泛应用到移动终端和网络应用程序中。动效的应用让开发人员更好地表达产品，让用户更好地理解产品，让产品充满了生命力，让用户和界面之间有了情感的联系，提升了用户体验，下面介绍动效的几种典型作用。
2.2.1 使界面充满动感
应用动效可以使界面更具有活力，增加了应用程序的趣味性，从而产生一种与用户情感交流的效果。
图2-17为Android应用程序“最美天气”，显示天气时采用动态背景的动效，使得显示效果更自然真实。图2-18为Android应用程序音乐播放器，播放音乐的动态效果，可以使用户感受音乐播放的流畅。
图2-17 动态背景
图2-18 音乐播放器
2.2.2 系统状态动态提示
由于系统的变化或应用程序动态的变化，系统会发送一些变化的提示，在移动终端，这些提示也可以进行设置，如图2-19所示。有些移动终端具有情境智能的功能，对某些状态给出提升，例如快递状态、预定火车票的出行时间等，如图2-20所示。
图2-19 提示设置
图2-20 情境智能
另外，应用程序在运行过程中会调用系统的某些服务，每个系统会提供这些服务进程来保证应用程序的正常运行，其中有些系统服务是运行在后台的，这些服务总是需要一定的时间来进行，通过动效，从视觉上告知用户这些信息是很有必要的。
2.2.3 使界面友好有趣
用户在使用文件下载、页面刷新、视频加载等耗费时间的操作程序时，动效的应用可以让无聊的等待变得非常友好而有趣。
动效的应用让用户的操作错误和系统的出错不再令人沮丧。出错总是令人讨厌的，动效可以使错误变得友好、可爱，可以把错误提示想象成与用户的一场对话。当出错时，用友好且有意义的动效果，提供友好的信息来帮助用户，在愉快中解决问题，图2-21为断网提示动效。
动效的应用也增强了网站登录的趣味性，图2-22为网站登录动效，网址：http://www.17sucai.com/pins/demo-show?id=25585，当看到这个动效的时候，用户会觉得非常有趣，愉快地完成了登录。
图2-21 断网提示动效
图2-22 网站登录动效
2.2.4 流畅的过渡
通常应用程序由多个界面组成，需要在界面之间进行切换，转场动效完成的是从一个界面到另一个界面的过渡，使用转场动效完成过渡更加符合用户对自然的认知，可以更好地展示前后界面的逻辑关系及层次关系，使这些关系变得更加清晰，有效地降低了用户的认知负担。
转场动效的制作如今已经成熟，在设计中要注意以下几点。
（1）保持自然性
在现实世界中，事物不会突然出现和突然消失，通常都会有一个渐变的过程，当两个界面有两个或多个状态的时候，展示状态之间的变化时使用过渡动效会变得很自然。
用户界面中状态改变如果是生硬而直接的，那么用户理解比较困难。如果界面有更多的状态，状态之间的变化通过动效实现，那么用户理解起来就更容易、更自然了。
（2）表现层级性
转场动效操作的两个界面是两个不同的层级，通过转场动效的一些效果应用，例如空间感、层次感等，可以有效地展现两个界面的层级关系。
（3）增加延续感
一般情况下，转场动效切换的界面之间存在某些共同的界面元素，在使用转场动效实现时，可以使这些元素延续展示，这样界面的转场更加流畅自然。
2.2.5 界面元素的灵活隐藏和展示
随着应用越来越复杂，展示的功能越来越多，而应用程序的界面，特别是移动终端应用程序的界面空间有限，清晰的结构层级及逻辑关系对用户理解应用有着非常重要的作用，这时候就需要动效来实现界面元素的合理布局，将不需要的信息暂时隐藏，需要的时候通过动效显示，这样界面可显示更多的内容，功能更丰富。
导航菜单是隐藏和展示的常用动效，图2-23为京东导航菜单。
图2-23 京东导航菜单
图2-24为头条新闻导航菜单。
图2-24 头条新闻导航菜单
移动终端应用程序常用的隐藏和展示动效是Tab选项卡，图2-25为顶部选项卡，图2-26为底部选项卡。
图2-25 顶部选项卡
图2-26 底部选项卡
在移动应用程序中，另一种隐藏和展示动效是侧滑抽屉菜单，如图2-27所示。
图2-27 侧滑抽屉菜单
2.2.6 增强操纵感
有些动效是对现实世界的展示或模拟，能够使用户感觉是在操纵真实世界的物体，这种交互方式更接近真实场景，使得用户通过动效认知现实世界，增强了用户对应用的操纵感和带入感，用户感觉在操纵符合真实世界的场景的模拟现实动效，可以让体验更流畅。
例如，百度地图中的“查看全景”功能，即可显示真实位置的场景，又可多角度查看街景，给用户以很强的操纵感，如图2-28所示。
三维太阳系模型软件Solar Walk，是一款具有很强操纵感的Android软件，能够展示太阳、8大行星以及20多个卫星、矮星、小行星、彗星和9个地球卫星的真实轨道、顺序、比例和运动，让用户感觉像是漫游在太阳系，如图2-29所示。
图2-28 百度地图查看全景
图2-29 Solar Walk
2.2.7 高效反馈
反馈是应用程序最原始的要求，是用户进行了某项操作之后，系统给用户的一个响应。不同的场景会有不同的响应形式，反馈的设计应该满足以下原则。
反馈是一种微交互，要体现直观性。
要用最少的反馈传达同样的信息。
反馈的方式根据信息的重要程度和相应的场景选择，可同时使用多种反馈方式。
反馈的速度要尽可能快。
在使用过程中，主要有以下四种反馈类型。
（1）操作反馈
在用户进行一个操作后出现反馈时，视觉化的反馈是非常直观有效的。
（2）结果反馈
结果反馈是对操作后的一种确认，结果为操作成功、操作失败或错误提示。例如，用户单击付款按钮后，便可以插入一个支付完成的小动画，很明显就是在告诉用户支付操作是成功的、失败的或错误的。
（3）状态反馈
当应用程序的状态发生了变化，或者操作前后展示效果不一样，需要通知用户。
（4）等待反馈
当操作需要等待一段时间，例如加载网页，需要反馈给用户当前的响应进度和合理的时间消耗，来让用户在等待过程中放松下来。
在反馈中使用动效反馈，可以带上一些情感元素，抓住用户的情绪，以便产生更好的效果。在实际工作中，应根据不同的场景和需求，合理选择不同的反馈及组合方式，在相应的时间位置进行反馈，以帮助用户理解，获得更好的体验。声音和震动也是反馈的一种表现形式，通过用户的操作加以声音和震动的引导，给用户很强的心理暗示。
2.2.8 引导作用
当应用程序中的功能比较复杂时，可以在用户使用时采用动效对功能的方向、步骤、位置、路径等进行引导，使用户快速地了解和掌握该功能。
现在许多网站都使用引导页作为第一个界面，而引导页则是通过动效实现的，图2-30为“中国枫泾”网站的引导页，网址为：http：//www.fengjing.gov.cn/html/ydy/。
图2-30 “中国枫泾”网站的引导页
图2-31为“莱茵”网站的引导页，网址为：http://layn.com.cn/。
图2-31 “莱茵”网站的引导页
2.2.9 创新体验
目前，软件产品的设计越来越成熟，体验的差异化变得越来越小。在这种情况下，通过细节和交互方式的创新动效为产品增加亮点，可以给产品带来差异化的体验以及产品气质和态度的提升，让用户感觉这是一个非常有个性的产品。