上QQ阅读APP看书,第一时间看更新
2.1.4 功能型动画效果与展示型动画效果
我们可以将动画效果设计粗略地分为两大类,即功能型动画效果与展示型动画效果。
1. 功能型动画效果
功能型动画效果多适用于产品设计,是UI交互设计中最常见的动画效果类型,当用户与界面进行交互时所产生的动画效果都可以认为是功能型动画效果。
图2-6所示为一个在线订票App的交互动画效果设计示例,用户点击选择自己需要订票的影片,通过动画效果的方式平滑过渡到影片场次选择界面中,点击选择需要预订的场次,以动画效果方式平滑过渡到座位选择界面。在该App中所加入的动画效果都是为了App中的交互操作服务的,使用户的操作更加平滑,使界面信息反馈更加及时。
图2-6 在线订票App的交互动画效果设计示例
2. 展示型动画效果
展示型动画效果主要是指一些用于展示酷炫的动画效果或者对产品功能进行演示的动画效果设计,这类动画效果相对来说比功能性动画效果要复杂,但是在实际的界面交互设计中应用较少。
图2-7所示为一个手机充电过程的展示型动画效果,在手机充电的过程中,可以通过动画效果的形式为充电过程加入动态的表现效果,表现出系统状态,从而给用户带来非常直观的印象。
图2-7 手机充电过程的展示型动画效果